Service Booking Payments
When a customer creates a service booking, they are redirected to a payment method selection page. This page is separate from the regular e-commerce checkout and has its own configuration.
Where to Configure Payment Methods for Services
The available payment methods for bookings are not set in Settings → Payment Methods. They are configured in Settings → Services, where you can enable:
| Option | Description |
|---|---|
| Bank transfer | Customer pays by transfer; receives payment instructions by email. |
| Card payment (Stripe) | Customer pays by card via a Stripe overlay. The API key is loaded from Settings → Payment Methods. |
| Pay in person | Customer pays on site. This option is only shown for services that allow physical attendance (location type: in-person or both). |
Payment Flow
1. Customer Selects a Payment Method
The payment page shows a booking summary:
- Service name
- Date and time slot
- Number of people and duration
- Total price
- Customer details (name, email, phone)
- If the booking is a gift — recipient name and email
The customer then selects one of the available payment methods and confirms.
2. Bank Transfer
After selecting bank transfer:
- The backend initialises the transfer (generates a variable symbol, etc.)
- The customer receives payment instructions by email (including QR code and bank details)
- Booking status changes to pending payment
- Customer is redirected to the confirmation page
3. Card Payment (Stripe)
After selecting card payment:
- A Stripe overlay opens with the payment form
- The customer enters card details and pays
- On successful payment, the backend confirms the booking via webhook or return URL
- The customer can close the overlay and choose a different method if payment fails
TIP
Stripe must be configured in Settings → Stripe. If it is not, the overlay shows an error message.
4. Pay in Person
After selecting pay in person:
- Booking status immediately changes to confirmed
- Customer is redirected to the confirmation page
- Payment happens physically at the appointment — no online transaction
Quick Reference: Where to Configure What
| What you want to change | Where to configure |
|---|---|
| Bank transfer / Card / In person for bookings | Settings → Services |
| Stripe API keys | Settings → Stripe |
| Bank details shown in payment instructions | Settings → Payment Methods |
| Payment methods for e-commerce checkout | Settings → Payment Methods |