Genie AppsGenie Apps Help Center

How customers book an appointment on your store

Last updated: September 17, 2026

Walk through what a customer sees from the product page through to checkout.

Customers book from a service product page (or the cart). The widget opens a popup instead of a normal Add to cart.

1

The customer opens a service product from your catalog or collection.

Store catalog with a service product highlighted
Open a service product from the catalog
2

They click "Book an appointment" (the theme Add to cart button is locked for that product).

Service product page with the Book an appointment button highlighted
Click Book an appointment
3

A booking popup opens. They choose staff and location if those selectors are shown.

4

They pick a date on the calendar and a time slot (or a date range for Multiday / Fullday, or several slots for Bundle).

Booking popup with staff, location, date, and time slot highlighted
Choose staff and location, then pick a date and time
5

On the Review step they enter name, email, and any extra questions you added on the service. Then they click Confirm Booking.

Review your booking popup with Name, Email, and Confirm Booking highlighted
Enter name and email, then click Confirm Booking
6

The booking is added to the Shopify cart. The customer completes checkout as a normal order.

Shopify cart with the booked service and appointment details
The booking is added to the cart with date, time, staff, and location

To hide staff or location pickers, go to Settings → General → Booking form and turn off "Show teammates selector" or "Show locations selector". The first assigned staff or location is then used automatically.