Promotional banners are visual content blocks displayed on your menu page. They’re designed to influence guest behavior - whether driving attention to specific menu items, promoting offers, or directing traffic to external goals like event bookings or private dining enquiries.
Banners are part of your Content toolkit alongside Stories, giving marketing teams powerful tools to engage customers directly within the ordering experience.
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 |
Use high-contrast images with clear text. Remember that banners appear in a horizontal scroll, so keep key messaging visible without requiring the full banner to be in view.
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
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
- 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
- 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
