Your Customer Storefront

This guide explains how customers experience your TypeMenu storefront - from browsing your menu to placing orders and tracking them. Understanding the customer journey helps you configure your storefr

Accessing Your Storefront

Your Storefront URL

Your storefront is available at:

Default: yourbusiness.typemenu.com
Custom domain: Your own domain (if configured on Professional/Enterprise plans)

Customers can access your storefront from any device - desktop, tablet, or mobile.

What Customers See

When customers visit your storefront, they see:

Your business branding (logo, colours, fonts, hero image)
A promotional bar at the top (if enabled) with announcements or offers
A hero banner with your business name, optional tagline, location address, and live opening status (depending on your settings)
Your menu organised by categories
Product listings with images, descriptions, and prices (layout varies based on your theme settings)
Order type selection (delivery or collection)
Shopping cart (position varies — sidebar, drawer, floating button, or header badge)

Customers browse your menu with:

Categories: Products organised into sections (Starters, Mains, etc.). Depending on your settings, categories may appear as horizontal tabs, sticky tabs that follow scrolling, a vertical sidebar, or clickable category cards
Product display: Each product shows name, price, and image. The exact layout varies based on your storefront settings — products may appear as grid cards, a compact list, detailed cards with descriptions, image-dominant cards, horizontal cards, or compact cards with quick-add buttons
Search: Customers can search for specific items
Featured products: Highlighted items (if enabled)
Content density: Spacing between items may vary — some storefronts use compact layouts for faster browsing, while others use spacious layouts for a more relaxed feel

Product Details

When customers click a product, they see:

Full product description
Price (or starting price for variable products)
Variant selection (if multiple sizes/options)
Modifier options (extras, toppings, customisations)
Quantity selector
Add to cart button

Selecting Variants

For products with variants (e.g., sizes):

Customer clicks the product
Variant options appear (Small, Medium, Large)
Customer selects their preferred variant
Price updates based on selection

Choosing Modifiers

For products with modifiers:

Customer sees modifier groups (e.g., “Choose your toppings”)
Required modifiers must be selected before adding to cart
Optional modifiers can be skipped
Some modifiers have min/max selection limits
Modifier prices are shown and added to the total

Location Selection

Single Location

If you have one location, customers order from that location automatically.

Multiple Locations

If you have multiple locations:

Customers see a location selection page
They can search locations by name
Selecting a location shows that location’s menu and delivery zones
Location can be changed at any time before checkout

Order Type Selection

Choosing Delivery or Collection

Customers select their preferred order type:

Delivery:

Customer enters delivery address
System checks if address is within a delivery zone
Delivery fee and estimated time are shown
Order is delivered to the customer

Collection:

Customer will pick up from your location
No delivery fee
Collection time is shown
Customer collects when order is ready

Switching Order Types

Customers can switch between delivery and collection:

Before checkout: Toggle between options
Delivery address is validated when selected
Cart totals update to reflect fees

The Shopping Cart

Adding Items

When customers add items:

Item appears in cart with quantity
Modifiers and special requests are shown
Cart total updates automatically
Cart icon shows item count

Cart Views

Depending on your storefront settings, the cart appears as:

Right sidebar: Cart visible alongside menu (always on screen)
Left sidebar: Cart on the left side (always on screen)
Slide-out drawer: Cart slides out from the right when you click the cart icon in the header
Floating button: A floating cart button in the bottom corner of the screen — tap to view your cart
Header badge: A small cart icon with item count in the header — takes you to a dedicated cart page

Managing Cart Items

Customers can:

Adjust quantity: Increase or decrease item amounts
Remove items: Delete items from cart
View modifiers: See what customisations are on each item
Continue shopping: Return to menu to add more

Cart Summary

The cart shows:

All items with quantities and prices
Applied discounts or deals
Subtotal
Delivery fee (if applicable)
Total amount

Deals and Discounts

How Deals Work

All deals apply automatically when conditions are met:

Customer adds qualifying items to their cart
Discount appears automatically in the cart
No action required from customer

Deals Page

If enabled, customers can browse a dedicated deals page:

View all active promotions
See deal conditions and savings
Add deal items directly to their order

Scheduling Orders

ASAP Orders

By default, customers order for “as soon as possible”:

Order is prepared immediately
Estimated time based on your preparation settings
Fastest option for customers

Scheduled Orders

If scheduled ordering is enabled:

Customer clicks to schedule their order
Available dates and time slots appear
Customer selects preferred date and time
Order is prepared for that specific time

How Scheduling Works

Time slots are generated based on:

Your opening hours
Preparation time settings
Existing order volume
Delivery zone timing (for delivery orders)

Customers can typically schedule:

Same day (if within opening hours)
Future days (within your configured limit)

Schedule Restrictions

Time slots respect:

Your location’s opening hours
Holiday closures
Minimum advance notice requirements
Order cut-off times

Checkout Process

Starting Checkout

When customers proceed to checkout:

Cart contents are validated
Order type is confirmed (delivery/collection)
Delivery address is verified (for delivery orders)
Customer enters their details

Customer Information

Customers provide:

Name: First and last name
Email: For order confirmation
Phone: For contact about the order

Guest vs Account Checkout

Guest Checkout (if enabled):

Customers order without creating an account
Faster checkout process
Order confirmation sent by email
No order history saved

Account Checkout:

Customers log in or create an account
Saved addresses for faster ordering
Order history accessible
Faster future checkouts

Delivery Address

For delivery orders:

Customer enters or selects a delivery address
Address is validated against your delivery zones
If outside zones, delivery is unavailable
Delivery fee and time are confirmed

Order Review

Before payment, customers see:

All items with modifiers
Delivery/collection details
Expected time
All charges broken down
Final total

Payment

Payment Methods

Customers can pay using your enabled payment methods:

Card Payment (Stripe):

Customer enters card details
Payment is processed securely
Order is confirmed immediately

Cash Payment (if enabled):

Customer selects “Pay with Cash”
Payment is collected on delivery/collection
Order is confirmed for preparation

Gratuity/Tips

If you have gratuity enabled:

Customers see tip options at checkout
Can select preset amounts or custom amount
Tip is added to the order total

Payment Security

Card payments are processed through Stripe
TypeMenu never stores card details
Secure, encrypted connections

Order Confirmation

Confirmation Page

After placing an order, customers see:

Order number: Unique reference for their order
Order summary: Items, totals, delivery details
Expected time: When order will be ready/delivered
Status: Current order status
Contact details: How to reach you

Confirmation Email

Customers receive an email with:

Order confirmation
Order number and details
Expected fulfilment time
Your contact information

SMS Notifications

If SMS is enabled and quota available:

Order confirmation SMS
Status update SMS (ready, out for delivery)

Order Tracking

Real-Time Status

On the confirmation page, customers can track their order:

Status updates in real-time
No need to refresh the page
Shows progression through your workflow

Order Statuses Customers See

Status	What Customer Sees
New/Confirmed	”Order received”
Preparing	”Being prepared”
Ready	”Ready for collection” or “Ready for delivery”
Out for Delivery	”On its way”
Delivered/Collected	”Completed”

Checking Order Status Later

Customers with accounts can:

Log in to their account
Go to Order History
Click any order to see current status

Customer Accounts

Creating an Account

Customers can register to:

Save delivery addresses
View order history
Faster checkout
Track current orders

Registration Process

Customer clicks “Create Account” or “Sign Up”
Enters email, password, name, phone
Verifies email (if required)
Account is active

Account Features

Logged-in customers can:

View orders: See all past and current orders
Manage addresses: Save multiple delivery addresses
Update profile: Change name, email, phone
Change password: Update account security

Saved Addresses

Customers can save multiple addresses:

Set a default address
Add new addresses
Edit existing addresses
Delete unused addresses

Address suggestions use Mapbox for accurate autocomplete.

Allergen Information

Allergen Page

If enabled, customers can view an allergen matrix:

Lists all products
Shows which allergens each product contains
Covers the 14 major allergens
Helps customers with dietary requirements

Allergen Filtering

Customers can use the allergen page to:

Check specific products
Identify safe options
Make informed ordering decisions

Mobile Experience

Mobile-Optimised

Your storefront is fully responsive:

Works on all screen sizes
Touch-friendly interface
Mobile-optimised checkout
Easy navigation on small screens

Mobile Cart

On mobile devices:

Sidebar carts convert to a slide-out drawer format
Floating button carts remain as a tappable button in the corner
Header badge links to a full cart page
Full-screen checkout process on all layouts

Troubleshooting Customer Issues

”I can’t place a delivery order”

Check:

Is the address within a delivery zone?
Is delivery enabled in your settings?
Is the location currently open?
Is the order above minimum value?

”I can’t find my order confirmation”

Advise customer to:

Check spam/junk email folder
Verify email address entered correctly
Log in to account to view order history (if registered)

“The time slot I want isn’t available”

This means:

The slot may be fully booked
It’s outside your opening hours
It’s within the minimum notice period
A holiday closure affects that time

”My order status hasn’t updated”