Online storefront

Where: Website (all sections)
Who can use it: Permission: website.manage_themes, website.edit_pages, website.manage_blog, website.manage_menus, website.manage_widgets (each for its own screen), settings.update or manage settings (the Website section is hidden from roles without one of them). The customer website itself is a separate deployment, see Online storefront.
Open this page in SureTill

The storefront is a separate website for your customers. It is not part of the admin. It reads your menu, branches, offers, reviews, pages, blog and theme from SureTill and sends the orders back to your POS, where they arrive like any other online order.

Each restaurant has its own storefront build. At build time it is given the address of the SureTill API and the key of your restaurant (the tenant key). The storefront sends that key with every request, so it only ever shows your data. Customers use your own domain; SureTill sets it up for you. Because it is a separate deployment, ask support for the address and for any change to the domain.

What is on the storefront

Address	What it shows	Controlled from
/	Home page built from blocks.	Website > Website Builder, Banners, Themes
/menu	Full menu with categories, search, filters and sorting.	Products, categories, branches
/offers	Active offers and promo codes with a copy button.	Offers
/locations	Every active branch with address, phone, hours, an Open now or Closed tag and directions.	Branches
/contact	Contact details and a contact form.	Website > Themes (Contact Info), Branches. Messages arrive in Contact Messages.
/about, /faq, /p/slug	Your website pages.	Website > Pages
/blog, /blog/slug	Blog list and posts.	Website > Blog
/checkout	Three-step checkout.	Branches, delivery zones, payment settings
/order/id	Order confirmation and live status. Needs sign-in.	Created by the customer
/track	Order lookup by order number, no sign-in.	Created by the customer
/login, /register, /verify, /forgot-password, /reset-password	Sign-in pages.	Customer accounts
/account/…	Orders, addresses, favorites, rewards, reservations, notifications, help and settings.	Customer accounts

The header has your logo, an order type switch (Delivery, Takeaway, Dine-In when more than one is on), a branch picker, a dish search, the cart, a dark mode button and Sign in. The navigation bar below it comes from Website > Menus. The footer has your tagline, a newsletter box, social links, Order links, your footer menu, contact details and the opening hours of the branch the customer picked.

What a customer does

Browse and add to the cart

The customer picks a branch (when you have more than one) and an order type. A branch offers Delivery and Takeaway unless they are turned off in the branch settings. Dine-In is offered only when it is explicitly switched on.
On the menu page the customer picks a category, searches by name or description, turns on filters (Vegan, Vegetarian, Gluten-free, Spicy, New, Popular) and sorts by Most popular, Price low to high or Price high to low. Top rated appears when some dishes have ratings.
A filter button is shown only if at least one dish matches it, so set the dish flags on the product.
Clicking a dish opens a window with the photo, description, allergens, preparation time, calories, rating and the price, with the saved amount when there is a compare price.
If the dish has options, the customer must pick one. Add-on groups follow your rules: Required groups must reach the minimum, and the maximum stops further picks.
A note for the kitchen of up to 200 characters and a quantity from 1 to 20 are available. The Add to cart button shows the total.
A dish that is inactive or sold out shows Sold out. A dish with available-from and available-until times shows a message outside those times and cannot be added.

The cart is stored in the customer’s browser. The cart drawer shows each line with its options, quantity buttons, the subtotal and the order type. Tax, service charge and delivery fee are worked out at checkout.

Check out

The customer clicks Checkout. A guest is asked to sign in or create an account first. The cart is kept.
Step 1 (Delivery or Details): choose the order type, a saved or new delivery address (delivery) or see the branch (pickup, dine in), choose As soon as possible or a time, enter a phone number of at least 6 digits and optional notes.
The delivery area check uses the coordinates of the chosen address against your delivery zones. A zone shows its fee, minimum order and estimated time. An address outside every zone is refused.
Scheduled times are every 15 minutes for the next 7 days, inside the branch acceptance hours, at least the preparation time (at least 5 minutes, default 15) from now, in the branch time zone.
If the branch is not taking immediate orders, As soon as possible is off and the customer must choose a time.
The order must reach the minimum order of the zone or the branch.
Step 2 (Payment): choose Card, Cash or Wallet, a tip (None, 5, 10 or 15 percent of the subtotal) and an optional promo code.
Step 3 (Review): check the details and tick the agreement. Click Place order, or Pay and place order for card.

Payment option	When it is offered
Card	Only when you have connected an online card gateway. The customer is sent to a secure payment page and returns to the order page. A card terminal method at the till does not count.
Cash (Cash on delivery, Pay at pickup, Pay at the restaurant)	On, unless the restaurant turns cash off for online orders.
Wallet	When the wallet feature is on, a Wallet payment method exists and the wallet balance covers the order total. The order is placed first, then paid from the wallet. If the wallet payment fails the order stays placed and the customer sees a message.

Follow the order

After placing, the customer lands on the order page (card payments go to the payment page first).
The page shows Waiting for your payment, Waiting for the restaurant, Order accepted, Being prepared, Ready, On the way and Delivered or Collected. Pickup orders have no On the way step.
It refreshes every 3 seconds while a payment or your accept decision is pending (up to 20 minutes), and every 10 seconds otherwise.
If you reject the order, the page shows your reason and says a paid amount was refunded.
The customer can cancel while the order is pending or confirmed and not waiting for payment. They can also Reorder, which puts the items back in the cart.
Without signing in, a guest can enter the order number on /track to see the status. Lookups work for 7 days and are rate limited.

Customer account

Create account asks for Full name, Email, Password and its confirmation. Phone and Referral code are optional.
If email codes are on, a 6-digit code that expires in 10 minutes is sent to verify the email. The customer can skip for now.
Forgot password sends a 6-digit code by email; the customer enters it with a new password.

Account tab	What the customer can do
Profile	Edit full name, phone, email and date of birth. See whether the email is verified.
My Orders	Filter All, Active or Past. Open an order, track it, reorder it and leave a review with a rating and an optional comment.
Saved Addresses	Add, edit and delete addresses (name, address lines, city, state, postal code, country, delivery instructions) and pick a default.
Favorites	Dishes saved with the heart button.
Rewards & Wallet	Loyalty points and tier, history, converting points to wallet credit (each point has a value), the wallet balance and a referral code with the friends invited. To add money to the wallet the customer asks the restaurant. Shown only if loyalty or wallet is on.
Reservations	Book a table: location, date, number of guests, an available time, phone and special requests. See and cancel bookings.
Notifications	Messages about orders and offers, with Mark all as read. Hidden when notifications are off.
Help & Support	Your phone, WhatsApp, email and address from the theme contact details.
Settings	Change password, turn on or off Order updates, Offers and promotions, Email, Text messages, WhatsApp and Push notifications, sign out, and delete the account.

What controls each part

Setting	What it does
Homepage blocks and banners	Website > Website Builder. Hero slides are the active banners at the Homepage Hero (Top) position, inside their dates.
Colours, fonts, logo, name, contact, social links, copyright	Website > Themes. See that article for which fields the storefront reads.
Header and footer links	Website > Menus (header and footer).
Information pages and blog	Website > Pages and Website > Blog. Only Published items are shown.
Dishes on the home page	Featured Products shows dishes flagged Featured. Popular Products shows dishes flagged Popular. Category rows show the first 10 dishes of up to 6 categories.
Order types per branch	Branch settings: delivery, takeaway and dine-in switches, delivery fee and zones, preparation time, acceptance hours and minimum order.
Reviews on the home page	Customer reviews of the branch with a comment (up to six).
Currency	The currency of the restaurant. The storefront never shows a fixed symbol.