> For the complete documentation index, see [llms.txt](https://docs.simplespa.net/simplespa-documentation/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.simplespa.net/simplespa-documentation/reports-and-marketing/online-booking/the-online-booking-page.md).

# The Online Booking Page

What your clients see when they book online: steps, categories, choosing staff for each service, saved details and the confirmation screen.

This page walks through what your clients see when they book on your online booking page, so you know what to expect and how your settings affect it.

## The header

Your business name, address and today's opening hours sit in a compact header at the top, with **call** and **directions** buttons. The **info** button opens your full hours, map and any extra information you've added.

## The steps

A step bar shows where the client is:

1. **Services**
2. **Date & time**
3. **Your info**
4. **Confirm**

Clients can tap an earlier step to go back and change their services or time.

## Choosing services

* **Categories** appear as buttons above the services. They follow the category order you've set; categories with the same order are listed by how often they were booked in the last 90 days. Long lists show two rows with a **+ more** button.
* **Specials** get their own category at the top when any service has a special price. See [Managing Services](/simplespa-documentation/daily-operations/services/managing-services.md).
* Clients can add **several services** to one booking. They are booked one after the other unless parallel booking is on. See [Multiple Bookings](/simplespa-documentation/reports-and-marketing/online-booking/multiple-bookings.md).

## Choosing staff

When staff selection is enabled for your location:

* A **Who would you like to book with?** row at the top lets the client pick a staff member, or **Any staff**. The services shown are filtered to what that staff member offers.
* Each selected service has its own **With** picker, so a client can book a manicure with one technician and brow lamination with another in the same booking.
* Changing the staff member at the top doesn't clear services already in the cart. The new choice applies to services added next.

Only staff with the service's category assigned appear. See [Assigning Specialties](/simplespa-documentation/daily-operations/staff/assigning-specialties.md).

## Picking a time

* Only times where every service fits, with the staff chosen for it (or a qualified staff member for **Any staff**), are shown.
* Days you're closed are greyed out. Days beyond your [booking window](/simplespa-documentation/reports-and-marketing/online-booking/limiting-how-far-ahead-clients-can-book.md) can't be picked.
* If a day has no availability, the client is moved to the next available day, or sees a **Next available** button.
* If someone else takes the time while the client is filling in their details, the client is taken back to choose a new time.

## Your info

Clients enter their name, mobile phone and email. They can also:

* Add optional details (date of birth, address) and **notes for the business**.
* Add a **gift certificate** number or **discount code**. These are added to the booking notes for your team to apply at checkout.
* Accept your **booking terms**, if you've set them.

### Remember my details

Clients can tick **Remember my details on this device**. Next time, a **Use saved** link fills in their name, phone and email. **Not you? Forget** removes the saved details, which is useful on shared devices such as a front desk tablet.

{% hint style="info" %}
Details are saved only in that device's browser, and only after a booking is completed.
{% endhint %}

## Payment

If your location requires payment, the client pays a deposit or saves a card before the booking is confirmed. See [Accepting Deposits for Bookings](/simplespa-documentation/reports-and-marketing/online-booking/accepting-deposits-for-bookings.md).

## Confirmation

After booking, the client sees a confirmation with **Add to Google Calendar** and **Download .ics** (Apple / Outlook) buttons, and any forms they need to complete. If you've set a thank-you page, they are sent there instead. See [Conversion Tracking](/simplespa-documentation/reports-and-marketing/online-booking/conversion-tracking.md).

## On phones

On phones and small screens, buttons are larger, long service descriptions are shortened with a **More** link, and a compact bar at the bottom shows the selected services and total.

## Related

* [Your Custom Booking URL](/simplespa-documentation/reports-and-marketing/online-booking/your-custom-booking-url.md)
* [Linking & Embedding Online Booking](/simplespa-documentation/reports-and-marketing/online-booking/linking-and-embedding-online-booking.md)
* [Custom Theme & Fonts](/simplespa-documentation/reports-and-marketing/online-booking/custom-theme-and-fonts.md)
