The Booking Flow — What Visitors See When They Book
A walk through the visitor's booking experience: slot picker, contact details, confirmation, calendar invite, reminders, and how to reschedule or cancel.
The calendar you configured in Set Up a Booking Calendar is the agency side of the booking system. This article covers the other side — what a visitor actually experiences when they land on the booking page, click a slot, fill in their details, and end up with an appointment on the calendar. Understanding the flow from the visitor’s perspective is how you spot the friction points that lose bookings.
How visitors arrive at the booking page
A visitor reaches the booking page one of four ways:
- Direct link. Clicking a “Book a consultation” button or text link on the client’s site, in an email, in a Google ad, in a social bio.
- From the AI receptionist. During a chat conversation, the receptionist can offer slots and complete the booking in-line. The visitor doesn’t leave the chat.
- From a form. A form configured to redirect to a booking calendar after submission. Useful for forms that capture intent first, then schedule.
- From a QR code. Common for offline placements — printed business cards, in-office signage, event materials.
Whichever path they take, the destination is the same: the booking page at https://app.captivar.com/book/CALENDAR_ID.
The booking page layout
A visitor on the booking page sees three sections, top to bottom.
Header
The calendar name, the description (if set), and the agency’s branded logo (if custom branding is configured for the site). This is the only “marketing” surface inside the booking flow — it tells the visitor what they’re booking and reassures them they’re in the right place.
For an agency-branded calendar, the visitor sees the agency’s logo and colors, never Captivar’s. This matters for trust: the visitor should feel like they’re booking directly with the business they came to book with.
Date and time picker
The main interaction. Two side-by-side panels on desktop, stacked on mobile.
Left panel — date picker. A calendar grid showing the current month, with selectable days. Days inside the calendar’s working hours are highlighted; closed days are greyed out. The visitor clicks a day.
Right panel — time picker. Once a day is selected, available slots appear as time buttons. Slots are shown in the visitor’s local time zone automatically, derived from their browser. So a visitor in London booking with a Los Angeles practice sees London times, not Pacific times — no mental conversion needed.
Slot buttons that are full, in the past, or inside the minimum-notice window are hidden. The visitor only sees slots they can actually book.
Detail form
After the visitor picks a slot, the form expands. Three fields are always present:
- Name (required)
- Email (required)
- Notes (optional) — “anything you’d like us to know before the meeting”
Additional custom fields can be configured per calendar. Common additions:
- Phone — useful for in-person and home service bookings
- Service — drop-down for clinics that offer multiple service types
- Insurance carrier — for medical and dental
- Address — for service-call bookings
- How did you hear about us — for source attribution
Keep custom fields minimal. Every extra field reduces completion rate. The pattern that converts best: name + email + one calendar-relevant field, then ask the rest in the confirmation email or at the appointment itself.
Submit
The visitor clicks Book. The page transitions to a confirmation state in under two seconds — no loading spinner, no page reload, no waiting for an email round-trip.
The confirmation
The confirmation page replaces the booking form. It shows:
- A clear confirmation message (“You’re booked!”)
- The appointment time in the visitor’s local time zone with the day of the week spelled out (so there’s no ambiguity)
- The appointment time in the business’s local time zone if different (clearly labeled)
- A Zoom link if the calendar is configured for virtual meetings
- A manage booking link
- Buttons to add the appointment to Google Calendar, Apple Calendar, and Outlook
The visitor doesn’t need to do anything else. The booking is confirmed the moment they hit submit; the confirmation page is read-only.
The confirmation email
Within seconds, a confirmation email lands in the visitor’s inbox. Same content as the confirmation page, plus an .ics calendar attachment.
The .ics file does the work of making the appointment “real” for the visitor. Opening it on a phone adds the event to whatever default calendar the visitor uses (Apple Calendar on iPhone, Google Calendar on Android, Outlook on Windows). The visitor doesn’t have to manually create the event — one click and it’s there.
Inside the calendar event, the visitor sees:
- Event title (configurable per calendar — defaults to the calendar name)
- Time and duration
- Location (Zoom URL if virtual, physical address if in-person and configured)
- Description with the booking notes the visitor provided + the manage link
- Reminder defaults (most calendar apps fire a 15-minute and 1-day reminder by default; the visitor can override)
If the visitor’s email host rejects calendar attachments (rare but happens), the confirmation page also has a “Download .ics” link as a fallback.
Reminders
Captivar sends two reminder emails automatically, in addition to whatever the visitor’s own calendar fires.
- 24 hours before the appointment — full event details, manage link
- 1 hour before the appointment — concise reminder, Zoom link if applicable, manage link
Reminder emails come from [email protected] (or the agency’s custom from-address if configured). They’re branded with the agency’s logo and colors if custom branding is on.
No-shows drop significantly with reminders. A typical practice without reminders runs 15–20% no-shows; with the two-tier reminder system, that drops to 5–10%. The 1-hour reminder is the workhorse — that’s the one that prevents “I forgot.”
The manage booking page
Every confirmation email and reminder includes a manage booking link. The link is a unique URL: https://app.captivar.com/manage-booking/{token}. The token is opaque, single-purpose, and tied to that one booking. Visitors don’t need a Captivar account to use it.
What the manage page shows:
- The appointment details (time, location, calendar name, business name)
- Two actions: Reschedule and Cancel
Reschedule
The reschedule action drops the visitor back into a slot picker — the same one they used to book originally, with availability now reflecting any new bookings since theirs. They pick a new slot, click confirm, and the original slot is released, the new slot is booked, a new confirmation email goes out.
Multiple reschedules of the same booking are allowed. The lead pipeline card on the agency side shows the most recent slot — and a small history of past slots if the agency clicks into it.
Cancel
A confirmation step — “Are you sure you want to cancel?” — then the booking is released. The visitor receives a cancellation confirmation email. The agency receives a cancellation notification. The slot becomes available again for someone else to book.
Captivar doesn’t ask for a cancellation reason from the visitor (research shows that adding the question costs more than the data is worth). If the agency wants reasons, they can configure a follow-up email triggered on cancellation.
What the agency sees
While the visitor flows through the booking, the agency sees:
- An immediate booking notification email to the calendar’s notify address, with the visitor’s details, slot, and any notes
- A new booking on the Bookings page in the dashboard
- A new lead card in the Leads pipeline (the booking is also a lead, with a small calendar icon to mark it)
- The visitor in the Visitors list, now identified
- The booking event in the visitor’s journey timeline
If the booking is via Zoom, the Zoom meeting is also created automatically in the agency’s connected Zoom account at the moment of booking.
Friction points worth optimizing
Three places in the flow that lose bookings most often. Worth checking against your calendar.
Too few slots showing
If a visitor lands on the picker and only sees one or two slots over the next two weeks, they often bounce. Either the calendar is genuinely overbooked (good problem — increase capacity), or the working hours are too narrow, or the minimum notice / maximum advance window is wrong.
Open the booking page yourself today, with your actual calendar configuration, and count visible slots. If it’s fewer than 8 across the next week, fix one of the constraints.
Required fields beyond the basics
Every additional required field cuts completion. We’ve seen agencies add phone, address, service type, AND “how did you hear” as required fields, ending up with a 20% lower booking completion rate than a name-plus-email-only calendar. Make optional what you can.
Time zone confusion
The picker shows times in the visitor’s local zone — but the confirmation page and the email need to clearly label which time zone is which. If the agency’s time zone is different from the visitor’s (international clients, remote consultations), explicitly show both. Confusion here causes no-shows that look like flaky visitors but are really UX failures.
What happens next
You now have the full conversion picture: tracker, receptionist, forms, calendar, pipeline, and the visitor-facing booking experience. The remaining articles cover the operational and reporting side — how leads get communicated back to the agency, how the weekly Catch Report reaches the client, how team access works, and how to fully white-label the experience so it never looks like Captivar from the outside.
Set Up a Booking Calendar for Your Client Site
Configure working hours, slot durations, time zones, and notice windows so visitors can book appointments directly from the website without back-and-forth.
Configure Your AI Receptionist — Persona, Greeting, and Tools
Walk through every setting on the AI receptionist: greeting, persona, tone, business hours, escalation, and which tools the receptionist can use.