Creating a Story
- Go to Marketing → Content in your dashboard
- Click Create Story, or Create your first story if you have none yet
- Click the story name in the top bar to rename it. The title is shown in the viewer
- Under Video, upload a vertical video (9:16). It’s Also used as the cover in the carousel row before a customer taps, unless you set a separate cover later
- Under Button, choose None, Product, Category or Link; pick the product or category, or enter the URL. Optionally change the Button text
- Under Where it shows, click Change stores to pick the stores that show the story. With a single store, use its toggle. Turn on App to also show it on the storekit app home screen
- (Optional) Open More options to add more pages under Pages, set a different cover under Cover video, or set website-menu dates under Schedule
- Click Publish to make the story live, or Save draft to keep it hidden. Publishing needs at least one store or App turned on
Story Structure
Each story consists of:Pages
Each page within a story contains:Video Requirements
Videos are processed through Mux for optimised streaming across all devices.
Call-to-Action Types
In the story editor you set the CTA under Button, which offers None, Product, Category and Link. This list is fixed.None
No button is shown on the page.- Use for brand content or announcements
- Video plays without prompting action
Product
Points the button at a single product. Tick Add straight to basket (the default) to add the product directly to the customer’s basket — the highest-conversion CTA, best for simple items without required modifiers. If the product has modifier groups, the item modal opens instead so the customer can choose options. Untick Add straight to basket to open the product detail modal so the customer can review and customise before adding. The button text defaults to “Add to Basket” (ticked) or “View Item” (unticked). The product is targeted by its Product ID — see Finding a Product ID or Category ID.Category
Scrolls the menu to the chosen category.- Closes the story viewer
- Useful for promoting entire menu sections
- Targeted by the category’s Category ID — see Finding a Product ID or Category ID
Link
Opens the URL in a new tab.- Track clicks before the user leaves
- Use for bookings, events, or external content
Finding a Product ID or Category ID
Product and category CTAs are targeted by ID, which you paste into the page editor:
To find them:
- Go to Menu in the sidebar
- Open the product or category you want to link to
- The Product ID (or Category ID) is the last field in the editor, just above the save button
- It’s a long identifier shown in a monospace font. Click it to select the whole value, then copy it
A Product ID is not the same as the product’s SKU / PLU or POS ID. Story CTAs only accept the Product ID. See Products and Categories.
Viewer Behavior
When a customer opens a story:
Videos start muted by default. Customers can tap the volume icon to unmute.
Progress Indicator
A progress bar at the top shows:- Current position within the story
- Number of pages in the current story
- Auto-advances when video completes
Metrics & Tracking
storekit tracks comprehensive story engagement:Key Metrics
Display Settings
Carousel Position
Stories appear in a horizontal carousel on the menu page. By default the row sits after the first category; move it under Stores → your store → Settings → Design & Branding → Menu with Stories position (0 = top, 1 = after the first category, and so on). The row is hidden while a customer is searching.
Thumbnail Preview
Each story shows a looping video preview in the carousel. Customers tap to enter the full-screen viewer.Loading States
- Skeleton placeholders show while stories load
- Blur hash previews display before video is ready
- Spinner indicates video is buffering
Managing Stories
Reordering
Drag and drop stories to change their position in the carousel — reordering is only available with the All filter selected, not Active or Inactive. First story appears on the left.Editing
Click a story to edit its pages, CTAs, or settings. The editor is the same as for creating — click Publish to push the changes live, or Save draft to keep the story hidden.Deleting
Delete stories to remove them permanently. This cannot be undone.Archiving
Open the story, click the ⋯ button beside Publish and choose Unpublish to take a live story back to Draft without deleting it. Useful for seasonal content you’ll reuse.Troubleshooting
Story is published but not visible on the ordering page
If you Published a story but it doesn’t appear on your live menu page, work through these checks first:- Confirm the story is live - Open the story from Marketing → Content. Each story in the list shows an Active or Inactive badge; an Inactive story isn’t live — it was saved as a draft or unpublished (the editor shows Draft next to its title either way). Re-open it and click Publish to make it live.
- Check the right store is selected - Stories are assigned per store. Make sure the story is published to the store whose ordering page you’re viewing.
- Refresh the live page - Reload the ordering page (a hard refresh clears any cached version) so it picks up the latest content.
- Check its position in the carousel - A story lower in the display order may be scrolled off-screen. Scroll the carousel sideways to find it, and remember the row sits after the first category by default, not at the top of the menu.
- Clear any active search - The stories row is hidden while a customer is searching the menu. Clear the search field on the ordering page and the row reappears.
- Wait for the video to finish processing - Videos are processed through Mux after upload. A story won’t render until its video is ready, which can take a few minutes for larger files.
- Check any scheduling - If you set a start or end date under Schedule (under More options), the story only appears on website menus within that window.
If the story still doesn’t appear after these checks, contact support with the store name and story title.
Tips
- Cover video matters - The cover video is what customers see in the row before they tap. Start it with an appetising shot, not a black screen or logo
- Keep it short - 5-15 seconds per page performs best
- Sound optional - Design for muted viewing since videos start muted
- Rotate content - Fresh stories drive repeat engagement
- Match CTAs - Use “Add to Basket” for simple items, “View Item” for complex ones
- Track performance - Review metrics to optimize underperforming stories
Related Content
Stories Guide
Content strategy and best practices
Promotional Banners
Static visual content for the menu
Videos
Adding video to products