Creating a Banner
- Go to Marketing → Banners in the dashboard
- Click Add Banner
- Upload your banner images (see Image Requirements)
- Choose a link type and configure the action
- Set the display order
- Click Save
Image Requirements
Banners require two images for optimal display across devices:| Image | Recommended Size | Usage |
|---|---|---|
| Desktop | 1200 x 400px | Shown on tablets and desktop |
| Mobile | 800 x 400px | Shown on mobile devices |
Link Types
Configure what happens when a customer taps on your banner:Product Link
Opens a specific product’s detail modal. Perfect for:- Highlighting new menu items
- Promoting signature dishes
- Drawing attention to high-margin products
Category Link
Scrolls the menu to a specific category. Useful for:- Seasonal menu sections
- Lunch specials
- Promotional categories
External URL
Opens an external link in a new tab. Ideal for:- Private dining room (PDR) booking forms
- Event booking pages
- Catering enquiries
- Gift card purchases
- Social media pages
Discount Code
Automatically applies a discount code when tapped. Great for:- Flash sales
- Limited-time offers
- Highlighting active promotions
Loyalty
Prompts customers to sign in or sign up for your loyalty program. Use for:- Loyalty program awareness
- Member-exclusive offers
- Points promotions
Menu Summary
Opens the allergen and dietary information summary. Helpful for:- Highlighting dietary options
- Building trust with allergen-conscious guests
Visual Only
Displays the banner without any action. Use for:- Brand messaging
- Announcements
- Decorative content
Metrics & Tracking
storekit automatically tracks banner engagement:| Metric | Description |
|---|---|
| Views | Number of times the banner was displayed |
| Clicks | Number of times the banner was tapped |
| Click-through rate | Percentage of views that resulted in clicks |
Use Cases
Driving Menu Sales
- Feature your highest-margin dishes
- Highlight new additions to the menu
- Promote combo deals or meal bundles
External Bookings
- Link to PDR booking systems
- Promote event spaces
- Advertise catering services
Seasonal Campaigns
- Holiday specials
- Seasonal menu launches
- Limited-time collaborations
Cross-Promotion
- Gift card purchases
- Loyalty program sign-ups
- Social media follows
Operational Communication
- Kitchen closure notices
- Delivery area updates
- Holiday hours
Best Practices
- Keep it visual - Use compelling imagery rather than text-heavy designs
- Clear call-to-action - Make it obvious what will happen when tapped
- Rotate regularly - Fresh content keeps the experience engaging
- Match your brand - Maintain visual consistency with your store design
- Test performance - Monitor click-through rates and iterate on underperforming banners
- Prioritize mobile - Most orders come from mobile devices, so design mobile-first
- Limit quantity - 3-5 active banners is ideal; too many creates decision fatigue
Managing Banners
Reordering
Drag and drop banners to change their display order. The first banner appears prominently on the left of the horizontal scroll.Scheduling
Set start and end dates to automatically show and hide banners. Plan your promotional calendar in advance.Deactivating
Toggle banners off to hide them without deleting. Useful for recurring promotions you want to reuse.Related Content
Stories
Full-screen video content for deeper engagement
Discount Codes
Create codes to use with banner promotions