> ## Documentation Index
> Fetch the complete documentation index at: https://docs.ofatoura.com/llms.txt
> Use this file to discover all available pages before exploring further.

# How customers browse and order

> A walkthrough of the customer-facing online ordering experience, from browsing the menu to tracking the order in real time.

Your customer site lets guests place delivery, pickup, and dine-in orders directly from their phone or browser — without needing to call or queue. This page walks through every step a customer takes, from opening the menu to watching their order move through your kitchen.

## Arriving at the storefront

Customers reach your site in one of two ways:

* **QR code at the table** — scanning a printed QR code opens the site with the table already selected. The customer does not need to choose a table manually.
* **Direct link** — sharing your restaurant's URL lets customers order for pickup or delivery from anywhere.

The storefront shows your restaurant's logo, name, and a header banner or text you configure in the customer site settings.

***

## Browsing the menu

The menu page is organized by your menus and item categories. Customers can:

* Tap a **menu** tab at the top to switch between your named menus (for example, "Lunch" or "Drinks").
* Tap a **category** button to filter items within that menu.
* Tap **Promotions** to see only items that are currently on special. Promoted items are highlighted in red throughout the menu.
* Use the **search bar** to find items by name.

Each item shows a photo (if enabled), name, description, and price. Where your settings enable it, items also display a **veg/non-veg indicator** or a **halal indicator**. Unavailable items appear greyed out and cannot be added to the cart.

### Viewing item details

Tapping an item opens a detail sheet where the customer can:

* Read the full description.
* Select a **variation** (for example, Small / Medium / Large) if the item has them.
* Choose **modifier options** (for example, extra toppings or sauce preferences).
* Set the quantity, then add to cart.

***

## The cart

The cart drawer shows everything the customer has added, with line prices and a running subtotal. From here they can:

* Change quantities or remove items.
* Enter a **coupon code** to apply a discount.
* See a breakdown of the subtotal, taxes, any extra charges, the delivery fee (for delivery orders), and an optional tip.

***

## Choosing an order type

Before checkout, the customer selects how they want to receive their order:

<Tabs>
  <Tab title="Dine-in">
    If the customer arrived via a table QR code, the table is pre-filled and cannot be changed. If they opened the site directly, they can choose a table from the list. Dine-in orders go straight to your kitchen without a delivery address.
  </Tab>

  <Tab title="Pickup">
    The customer picks up the order from your branch. They enter their name and phone number, and select a pickup time if your settings allow scheduling ahead.
  </Tab>

  <Tab title="Delivery">
    The customer selects a saved address or enters a new one. The cart shows the **delivery fee** calculated for that address based on your fee tiers and distance settings. Delivery is only available when it is enabled in your customer site settings.
  </Tab>
</Tabs>

<Note>
  Only the order types you have enabled in your customer site settings appear as options. If only pickup is enabled, the customer sees only that choice.
</Note>

***

## Customer details

At checkout, the customer enters their **name** and **phone number**. Depending on your settings, they may also need to log in or create an account before placing certain order types.

***

## Payment

The customer chooses from the payment methods you have enabled for that order type. Available options can include:

* Online card payment (via your configured payment gateway)
* Cash on delivery or cash at pickup
* QR code payment (scanning a static QR to pay via a local payment app)
* Offline / bank transfer payment

After selecting a method, the customer confirms the order total and places the order.

***

## Order confirmation

After submitting, the customer sees an **order success screen** that shows:

* The order number
* An itemized list with prices
* Subtotal, taxes, charges, delivery fee, and total
* The payment method used
* The order type and, for delivery, the delivery address

From this screen they can access the order tracker or return to the menu.

***

## Real-time order tracker

The tracker shows the customer exactly where their order is. Status moves through five steps:

<Steps>
  <Step title="Received">
    Your restaurant has received the order.
  </Step>

  <Step title="Confirmed">
    A staff member or the auto-confirm setting has accepted the order.
  </Step>

  <Step title="Preparing">
    The kitchen is working on the order.
  </Step>

  <Step title="Ready">
    The order is ready for pickup or delivery.
  </Step>

  <Step title="Delivered / Served">
    The order has been handed to the customer.
  </Step>
</Steps>

The tracker updates automatically. The customer can return to it at any time from their order history.

<Tip>
  If you turn on **Auto Confirm Orders** in your customer site settings, orders move from Received to Confirmed immediately without any manual step from your staff.
</Tip>

***

## Order history

The **My Orders** section lists all orders a customer has placed at your restaurant. Each entry shows the order number, date and time, order type, current status, and total. Tapping an order opens the full detail view or the tracker.

***

## Saved delivery addresses

Customers can save up to **3 delivery addresses** in the **My Addresses** section for faster checkout. Each saved address shows a label (for example, Home or Work), the full address, the estimated delivery fee, and the approximate distance from your branch. Addresses are managed on an interactive map — the customer pins their location and the coordinates are saved automatically.

<Note>
  Delivery fee estimates shown against saved addresses use your current fee tier settings. The actual fee at checkout may differ if your settings change between visits.
</Note>

***

## Related

* [Configuring the customer site](/online-ordering/customer-site-settings)
* [Discount coupons for online orders](/online-ordering/coupons)
* [Customer table booking and language](/online-ordering/book-a-table)
* [Generating and managing table QR codes](/floor/qr-codes)
* [Branch delivery settings](/settings/delivery)
* [Configuring payment methods and gateways](/payments/payment-methods-and-gateways)
* [Item promotions and specials](/menu/promotions)