Cart & Checkout

After selecting services or time slots in the booking flow, the customer proceeds to the checkout process. It consists of 4 steps: customer details, summary, payment, and confirmation. Each cart has a unique identifier and security token.

---

Cart Timer

After adding the first item to the cart, a countdown begins during which the selected time slots are temporarily reserved from other customers.

• The timer appears as a small badge/pill in the page navigation
• It counts down the remaining time (typically 10-15 minutes, configurable in the admin panel)
• It's visible throughout the entire checkout process

If the customer doesn't complete the order in time, a dialog appears with the option to extend time or abandon cart (slots are released for others).

Discounts and Codes in the Cart

Before entering checkout, the customer can enter a promo code, voucher code, or use an automatic discount from an active membership. The cart automatically recalculates the total price.

---

Step 1: Customer Details

For Logged-In Customers

The system automatically loads saved addresses. The customer selects an existing billing address or adds a new one, can edit contact details, and optionally add notes to the reservation.

For Guest Customers (Not Logged In)

1. They enter their email address and phone number
2. Optionally, they can create an account
3. They fill in billing details (name, address)
4. Optionally add company details (company ID, tax ID) for business invoicing
5. Optionally fill in notes for the reservation

After filling in the details, the customer clicks Continue and proceeds to the summary.

---

Step 2: Summary

An overview of the entire order before payment in read-only mode. The customer sees the ordered items with date, time, and price, billing details, and important branch information (cancellation policy, etc.).

The cart contents cannot be changed at this step -- the system has already verified slot availability. To make changes, the customer must go back.

---

Step 3: Payment

Available payment methods depend on your branch settings:

• Online card -- via Stripe (Visa, Mastercard, Apple Pay, Google Pay)
• Card terminal -- card payment on-site
• Cash -- payment during the visit
• Other method -- as configured by the branch

Logged-in customers can use a saved payment card. If the bank requires 3D Secure verification, the system automatically displays the verification dialog.

For on-site payment (terminal or cash), the order is created without immediate payment and appears in the admin panel as Unpaid.

---

Step 4: Confirmation

After successfully completing the order, the customer is shown a confirmation page with:

• Reservation number (copyable)
• Spam notice -- the confirmation email may end up in the spam folder
• Service details -- names, dates, times, and prices
• Customer details and cancellation terms

The page includes buttons for Add to calendar (Google/Apple/Outlook) and Navigate to location (map).

Confirmation Email

The system sends the customer an email with the reservation number, service details, branch contacts, and a link to manage the reservation.

---

What Happens on the Admin Side

The moment a customer completes an order:

1. The reservation immediately appears in your calendar thanks to real-time updates
2. The reservation appears in the reservations table with the appropriate status
3. You receive a notification about the new reservation (if notifications are enabled)
4. You can manage the reservation from the detail - confirm, change status, or add notes

Troubleshooting

• Customer didn't receive the confirmation email -- check the email in the reservation detail and ask the customer to check their spam folder
• Customer's cart expired -- they need to create a new cart by repeating the service selection
• Card payment failed -- the customer can try a different card or on-site payment (if available)