Menu Preview
The Preview tab gives you a live, interactive preview of your menu as it will appear to customers, with the ability to test different device sizes.
Accessing Preview
There are two ways to preview a menu:
1. Preview Tab in the Editor
From the menu editor (/dashboard/menus/manage/[id]):
- Click the Preview tab in the workspace.
- The menu renders inside an iframe with your selected template applied.
Note: The Preview tab is gated by billing , it may be hidden if your plan does not include it.
2. Public Preview URL
Every menu has a dedicated preview URL at /preview/[slug].
- The preview renders menus of any status (both draft and live).
- This makes it ideal for reviewing draft changes before publishing.
- Share the preview link with team members for feedback.
Preview Features
Device Presets
Switch between three viewport sizes to test responsive layout:
| Preset | Width | Icon |
| Desktop | 1280px | Monitor |
| Tablet | 768px | Tablet |
| Mobile | 390px | Smartphone |
Your selected size is saved in browser storage for convenience.
Refresh
Click the Refresh button to reload the preview iframe , useful when you've made changes to the menu and want to see them reflected.
What the Preview Shows
The preview renders the full public menu experience exactly as it would appear to customers at /m/[slug], including:
- Menu title and description
- Category pills for navigation
- All items with prices, images, and descriptions
- Applied template theme and styling
- Promotions and featured items
- Collection selector (if collections are configured)
- Search bar
- Cart and checkout flow
Preview vs. Public Menu
| Aspect | Preview (/preview/[slug]) | Public Menu (/m/[slug]) |
| Menu Status | Draft or Live | Live only |
| Authentication | Not required | Not required |
| Analytics Tracking | No | Yes (views, scans, etc.) |
| Search Indexing | No | Yes (if live) |
| Ordering | No | Yes |