The customer ordering experience
Here is what your customers experience when they order from your storefront:
1. Landing page
Customers arrive at your storefront and see your hero image, store name, star rating, and key details like opening hours and delivery information.
2. Browsing the menu
The menu is organised by categories with a sticky navigation bar. Customers can scroll through categories, tap on any product to see its full details, and search for specific items.
3. Customising an item
When a customer taps a product, a detail modal opens showing the full description, image, sizes, and modifier options. They select their size, choose modifiers (toppings, sauces, etc.), and add the item to their cart.
4. Cart and checkout
The cart shows all selected items with their customisations and prices. At checkout, customers:
Choose their service type (pickup, delivery, or dine-in).
Enter delivery address (with automatic zone matching) or select pickup.
Choose ASAP or schedule for later.
Apply coupon codes or loyalty points.
Add a tip (if enabled).
Select their payment method and complete the order.
5. Order tracking
After placing an order, customers are taken to a real-time tracking page. They see the current status of their order updated live as you progress it through preparation and delivery. If they have push notifications enabled, they receive alerts for each status change.
6. Order history
Logged-in customers can view their past orders from the "My Orders" link in the header. They can also manage their account, saved addresses, and loyalty balance from their account page.