Booking Page & Widgets
Your booking page is the customer-facing interface where people browse services, select times, and complete bookings. Configure its appearance, create embeddable widgets for your website, and set up direct links to specific services.
Booking Page Configuration
Access your booking page settings from Widgets > Booking Page in the left sidebar. The configuration is organised into 9 tabs.
To preview your booking page at any time, click the Preview button.
Configuration Tabs
General
| Setting | Description |
|---|---|
| Logo Max Height | Control the logo size (20–120px) |
| Show Phone | Display your phone number in the header |
| Show WhatsApp | Display a WhatsApp button in the header |
| WhatsApp Number | Your WhatsApp number for the button |
| Agent Label | Custom label for staff (e.g., "Therapist", "Stylist") |
| Agent Selection Title | Heading for the agent selection step |
| Card Validation Message | Message shown when collecting card details without a deposit |
| Recovery Link Mode | How abandoned booking recovery links open (Widget or Native) |
Services
| Setting | Description |
|---|---|
| Categories Enabled | Show/hide service categories |
| Category Style | Display as Tabs, Pills, or Dropdown |
| Layout | Single column or Two columns |
| Show Images | Display service images |
| Show Duration | Display service duration |
| Show Description | Display service descriptions |
| Show Details Link | Show a "View details" link (opens a modal with full info) |
Agents
| Setting | Description |
|---|---|
| Agents Section Enabled | Show agent selection in the booking flow |
| Section Title | Custom heading for agents section |
| Show Position | Display agent's job title |
Reviews
| Setting | Description |
|---|---|
| Reviews Section Enabled | Show customer reviews |
| Carousel Enabled | Display reviews as a carousel |
| Show Count | Show total review count |
| Display Mode | Carousel or List |
| Limit | Number of reviews to display |
Extras
| Setting | Description |
|---|---|
| Extras Enabled | Show the extras/add-ons step |
| Display Mode | List or Grid layout |
| Grid Columns | Number of columns for grid display |
| Show Images | Display extra images |
| Show Descriptions | Display extra descriptions |
| Show Duration | Display extra duration |
| Section Title | Custom heading |
| Limit to Specific | Only show selected extras |
Forms
| Setting | Description |
|---|---|
| Booking Form | Select which form appears during the booking flow |
| Confirmation Forms | Configure intake forms shown after booking (can vary by service) |
Confirmation forms can be targeted to specific services with custom messages and button labels.
Styling
| Setting | Description |
|---|---|
| Primary Colour | Main brand colour for buttons and accents (hex picker) |
| Accent Colour | Secondary colour (optional) |
| Font Family | System Default, Inter, Roboto, Open Sans, Lato, or Poppins |
| Custom CSS | Advanced CSS customisation scoped to the booking page |
Direct Links
Configure how direct service links behave:
| Setting | Description |
|---|---|
| Show Service Details | Display service details page first with a Continue button |
| Skip to Next Step | Auto-proceed past service selection |
The direct links table shows all your services, categories, bundles, and variants with their unique URLs that you can copy and share.
Tracking
Set up attribution tracking to measure where your bookings come from. Two scripts are provided:
- Head script — Captures UTM parameters, click IDs (gclid, fbclid), and referrer data
- Body script — Preserves tracking data when visitors click booking links
Direct Booking Links
Create URLs that link customers directly to a specific service, category, or bundle:
| Link Type | URL Pattern |
|---|---|
| Category | /category/{slug} |
| Service | /service/{slug} |
| Variant | /service/{slug}/{variant_id} |
| Bundle | /bundle/{slug} |
From the Direct Links tab, you can:
- Search through all linkable items
- See each item's type, name, price, and duration
- Copy individual links
- Copy all links as a spreadsheet-formatted list
- Preview any link
Direct links are useful for:
- Social media bios (link to your most popular service)
- Marketing emails (link directly to a promoted service)
- QR codes in-store (link to category or specific treatment)
Embedding Widgets
Embed your booking experience directly on your website using widgets.
Widget Types
Page Embed — Renders the full booking interface inline on your page. Drop it into a section of your site (e.g. a "Book Now" page) and visitors complete the entire flow without leaving.
Booking Button — A floating or inline button that opens the booking interface in a modal overlay. Lighter footprint, ideal for headers, footers, or attaching to an existing call-to-action button on your site.
Creating a Widget
- Go to Widgets in the left sidebar
- Click Create Widget
- Choose the widget type (Page Embed or Booking Button)
- Enter a name
- Save
Each widget gets a unique key. Widget statistics track total views and bookings.
Getting the Embed Snippet
Once the widget is created, open it and copy the ready-to-paste snippet from the Embed tab. The snippet is pre-filled with your widget key and the correct loader URL — paste it into your site's HTML where you want the widget to appear.
Always copy the embed snippet from your dashboard rather than reusing one from elsewhere. The snippet ties directly to the widget you've configured (services, theme, lead capture rules) and to the correct loader for your account.
Widget Statuses
| Status | Description |
|---|---|
| Active | Widget is live and accepting bookings |
| Inactive | Widget is disabled |
| Draft | Widget is being configured |
Attribution Tracking
Track which marketing channels drive your bookings by adding tracking scripts to your website.
How it works:
- Visitor arrives at your website (e.g., from a Google Ad with UTM parameters)
- The head script captures and stores the source data
- When the visitor clicks a booking link, the body script appends tracking data to the URL
- The booking page records the source with the booking
Data captured:
- UTM parameters (source, medium, campaign, term, content)
- Google Ads click ID (gclid)
- Facebook Ads click ID (fbclid)
- Referrer URL
This lets you measure which campaigns and channels generate the most bookings.
Widget Analytics
Track the performance of your booking page and widgets from Widgets > Analytics.
Funnel Metrics
Monitor your booking funnel from first visit to completed payment:
| Metric | Description |
|---|---|
| Views | Total page/widget views |
| Starts | Visitors who began the booking process |
| Submissions | Completed booking form submissions |
| Accepted | Bookings confirmed |
| Paid | Bookings with payment completed |
Channel Metrics
See which traffic sources drive the most bookings:
- Traffic source breakdown
- Channel distribution (direct, organic, paid, social, referral)
- Campaign attribution
Recovery Metrics
Track abandoned booking recovery:
- Abandoned cart count
- Recovery rate
- Revenue recovered
Completion Times
Understand how long the booking process takes:
| Metric | Description |
|---|---|
| Average | Mean time from start to completion |
| Median | Middle value completion time |
| Fastest | Shortest completion time |
| Slowest | Longest completion time |
All analytics support custom date ranges with day, week, month, and year views. Conversion rates are calculated at each stage of the funnel.