Overview
The public booking page gives your clients a simple way to schedule appointments on their own. You share a link like /book/your-salon-slug, and clients walk through a five-step wizard to pick a service, choose a stylist, select a date and time, enter their contact details, and receive a confirmation code.
No login is required for clients. The booking page loads your salon name, address, business hours, and logo automatically. A Cloudflare Turnstile CAPTCHA protects the form from spam. Once confirmed, the client receives an ARTIE-XXXX confirmation code they can use to manage their appointment.
Prerequisites
- Salon slug configured: Your salon must have a URL-friendly slug set in salon settings (e.g.,
glamour-studio). - At least one active service: Clients cannot book if no services are published.
- At least one active employee: The wizard needs available stylists to show time slots.
- Business hours set: Time slot availability is calculated from your configured hours.
Share Your Booking Link
Your public booking page lives at /book/your-salon-slug. Replace your-salon-slug with your salon's actual slug. Share this URL on social media, in emails, or on printed materials.
What you'll see when a client opens the link: The landing page displays your salon logo, salon name, full address, phone number, email, and business hours listed by day of the week. A prominent Book Now button appears at the bottom.
Select a Service
After clicking Book Now, the client enters the booking wizard. A progress bar at the top shows four labeled steps: Service, Stylist, Date & Time, and Your Info.
The first step displays the heading "Select a Service" with the subtext "Choose the service you'd like to book." Services appear as clickable cards in a two-column grid. Each card shows the service name, description, price, and duration in minutes.
What you'll see: The selected card highlights with a blue border and light blue background. The Next button stays disabled until a service is selected. If no services are available, the message "No services available at this time." appears.
Choose a Stylist
The second step shows the heading "Choose a Stylist" with the subtext "Select your preferred stylist, or let us assign one for you." Stylists appear as cards in a three-column grid.
The first card is always No Preference with the description "We'll assign the best available stylist." Each stylist card shows a circular avatar (or a gray initial circle), the stylist's first name and last initial (e.g., "Sarah M."), years of experience, and specialty tags.
What you'll see: The selected card highlights with a blue border and light blue background. Both Back and Next buttons appear. Next stays disabled until the client makes a selection.
Pick a Date and Time
The third step shows the heading "Pick a Date & Time" with the subtext "Select your preferred appointment date and time."
A Date input appears first. The date picker enforces today as the minimum date. When the client picks a date, available time slots load automatically for that date, service, and chosen stylist.
Time slots appear in a grid of buttons showing the time in 12-hour format (e.g., "2:30 PM"). Selecting a time highlights the button in blue with white text. Changing the date resets the selected time.
What you'll see: Before a date is chosen, no time slots appear. While loading, a spinner is displayed. If no slots are available, the message "No available times for this date." appears. Next stays disabled until both a date and time are selected.
Enter Client Information and Confirm
The fourth step shows the heading "Your Information" with the subtext "Enter your contact details to complete the booking." A form appears with these fields:
| Field | Type | Required |
|---|---|---|
| First Name | Text input | Yes |
| Last Name | Text input | Yes |
| Email input | Yes | |
| Phone | Phone input | Yes |
| Notes | Textarea (3 rows) | No |
Below the form fields, a Cloudflare Turnstile CAPTCHA widget appears. The client must complete the CAPTCHA before submitting. The Confirm Booking button stays disabled until all required fields are filled and the CAPTCHA is valid.
What you'll see: Clicking Confirm Booking shows "Booking..." on the button while the request processes. If the booking fails, a red error banner appears at the top of the wizard.
Receive the Confirmation Code
On success, the wizard advances to the confirmation page. A green checkmark icon appears above the heading "Booking Confirmed!" with the subtext "Your appointment has been scheduled successfully."
The confirmation code is displayed in a gray box in large monospace font (e.g., ARTIE-7X2M). Below the code: "Save this code to manage your appointment."
An appointment summary card shows the service name, stylist (if assigned), date in full format (e.g., "Wednesday, March 18, 2026"), time range (e.g., "2:30 PM - 3:15 PM"), and status.
Tips & Best Practices
- Share your booking link on Instagram bios, Facebook pages, and email signatures for maximum reach.
- Keep service descriptions short and clear so clients can decide quickly.
- Upload stylist photos. Clients are more likely to pick a specific stylist when they can see a face.
- Set accurate business hours. Time slots are generated from these hours, so incorrect hours lead to incorrect availability.
- Monitor your booking links in Settings > Booking Links to see which platforms drive the most clicks.
- The "No Preference" stylist option helps fill gaps in your schedule by distributing bookings evenly.
- Remind clients to save their
ARTIE-XXXXconfirmation code — they need it to reschedule or cancel online. - Public endpoints have rate limits: 60 reads per 15 minutes, 10 writes per hour. This prevents abuse without affecting normal usage.
Common Issues
| Issue | Solution |
|---|---|
| "Salon Not Found" on the landing page | The salon slug in the URL is incorrect. Check your slug in salon settings and update the shared link. |
| No services appear in step 1 | No active services are configured. Add at least one service in the Services section. |
| No stylists appear in step 2 | No employees are active or qualified for the selected service. Assign the service to at least one employee. |
| "No available times for this date." | The stylist may be fully booked or the salon is closed that day. Try another date or stylist. |
| CAPTCHA fails or does not load | The client's browser may be blocking third-party scripts. Disable ad blockers or try a different browser. |
| "Booking failed" error after submitting | The time slot may have been taken by another client. Go back and choose a different time. |
| Confirmation code not received by email | The code appears on-screen only. Advise clients to screenshot the confirmation page. |
| Rate limit error (429 status) | Too many requests in a short period. Wait a few minutes. Limits: 60 reads/15 min, 10 writes/hour. |
| Client wants to reschedule or cancel | Direct them to the booking lookup page where they can enter their confirmation code. |
Related Journeys
- Booking an Appointment — Book appointments from the staff side
- Rescheduling & Canceling — Manage existing appointments
- Configuring Salon Settings — Set up your salon slug and business hours
- Embedding the Booking Widget — Embed the booking flow on your own website