Booking Widget

{info} The Booking Widget lets your customers book services directly from your own website. Three embed options are available: a standard booking form, a full booking portal, and an AI-powered chat assistant.

• Overview
• Finding Your Slugs
• AI Chat Booking
• Standard Booking Embed
• Booking Portal
• Setting Up
• Setting Allowed Domains
• Embed Codes

Overview

The Booking Widget gives you embed codes that you paste into your website. Customers who visit your site can browse your services and book appointments without leaving it — the booking experience lives in an iframe on your page.

{primary} The Booking Widget is only available to provider accounts. Staff members do not see this option.

Finding Your Slugs

Embed codes use two types of slugs that uniquely identify your business and services.

Your Provider Slug

Your provider slug is the unique identifier for your business on the platform. You can find it in any of these places:

1. Dashboard top bar — click the external link icon that opens your public provider page. The slug is the last part of the URL, e.g. …/downtown-salon → your slug is downtown-salon
2. Profile Settings — go to Account → Profile Settings, your company slug is displayed there
3. Embed settings page — the preview links and embed snippets show your current slug as {YOUR_SLUG} replaced with your actual value

{info} Your slug is automatically generated from your company name. If you change your company name in Profile Settings, the slug regenerates and your embed codes update automatically.

Service Slugs

Each service has its own slug used in single-service embed snippets:

1. Open Services from the sidebar
2. Click on the service you want to embed — the URL in your browser will show the slug, e.g. /provider/services/60-minute-massage/edit → the service slug is 60-minute-massage
3. You can also find it in the embed snippet itself — replace the {SERVICE_SLUG} placeholder with the slug from the service URL

AI Chat Booking

The AI Chat Booking is an intelligent booking assistant that customers interact with through a conversational chat interface. Instead of clicking through a form, customers describe what they want in plain language, and the assistant guides them through the entire booking process.

What the AI Can Do

The AI assistant handles the full booking lifecycle through conversation:

How Customers Use It

When a customer opens the AI Chat, they see a welcome message like:

"Hi, I can help you book [Service Name]. Ask about price, branches, add-ons, or availability."

From there, the customer types naturally — for example:

• "What time slots are available on Saturday?"
• "Do you have any add-ons?"
• "How much would it cost for 2 people?"
• "I need to change my booking"

The AI understands the intent, asks clarifying questions when needed, and presents options as interactive cards that the customer can tap to select.

Verification & Checkout

For guest customers (not logged in), the AI handles:

1. Contact collection — asks for email or phone number
2. OTP verification — sends a verification code to confirm identity
3. Profile creation — collects any missing details needed to register
4. Payment — presents available methods and processes the booking

{info} The AI Chat Booking requires the AI addon to be enabled on your subscription plan. You can enable it from your Subscription page.

Standard Booking Embed

The standard embed shows a traditional booking form for a specific service. The customer picks a date, time, and any add-ons through the form.

To embed a specific service, you need its service slug. Find it by opening the service from your Services page — the slug appears in the browser URL (e.g., /provider/services/60-minute-massage/edit → the slug is 60-minute-massage). Replace {SERVICE_SLUG} in the embed snippet with this value.

{info} See Finding Your Slugs above for step-by-step instructions on locating both your provider slug and service slugs.

Booking Portal

The booking portal embed shows a complete booking interface where customers can browse all your services, read descriptions, check availability, and book — all without leaving your website.

Setting Up

1. From the sidebar, go to Account > Booking Widget.
2. Configure your settings.
3. The page shows a live preview so you can test how the widget looks on your site.
4. Copy the embed code and paste it into your website's HTML where you want the booking form to appear.

Setting Allowed Domains

For security, you must specify which websites can load your booking widgets. Only pages hosted on the domains you list will be able to display your embed. Enter hostnames only — one per line.

Domain Format Rules

Examples

{warning} Leaving the allowed domains field empty will prevent the widget from working on any website. You must add at least one domain for the embed to function.

Embed Codes

The page shows embed codes for each widget type. Copy the snippet and paste it into your website.

Chat launcher position

In Domain Authorisation, choose Chat launcher position (bottom left or bottom right) before copying the AI chat launcher script. Save your settings first so the snippet reflects your choice.

Replace {SERVICE_SLUG} with your service's slug — find it from the service URL in your Services page (see Finding Your Slugs).

{info} The AI chat snippets use the current assistant (/embed/v3/...). Legacy /embed/{slug}/chat URLs still work if you already embedded them, but new installs should copy the snippets from Embed Settings.

{info} Cookie consent banners do not appear inside embed iframes on external sites. Your website is responsible for visitor consent regarding third-party widgets.