The booking site editor lets you create beautiful, branded booking pages where your customers choose an experience, pick a time, and pay. You can build multiple templates for different audiences (your main site, private events, corporate groups) and customize every detail, from colors and fonts to what information you collect at checkout. Changes appear instantly in a live preview so you always know exactly what your customers will see.
What the booking site editor does
Your booking page is the first thing customers see when they want to book with you. The booking site editor gives you full control over that experience. You can:
- Design booking pages that match your brand
- Choose which experiences and gift cards appear on each page
- Control checkout options like promo codes, cart timeouts, and custom form fields
- Embed your booking page directly into your own website
- Manage multiple booking pages for different purposes
Managing your templates
When you open the booking site editor, you will see a list of all your booking page templates. This is your starting point for creating, organizing, and editing templates.
What you will see for each template
- Name and description
- Status badges: "Main" (your default booking page), "Live" (active and visible to customers), or "Draft" (not yet published)
- Event count: how many experiences are included on this template
- Last modified date: when someone last made changes
Actions you can take
- Edit: open the template in the editor to make changes
- Go to booking site: see exactly what your customers see
- Set as main: make this your default booking page (only one template can be the main at a time)
- Duplicate: create a copy of an existing template as a starting point for a new one
- Activate / Deactivate: control whether the page is live for customers or hidden
- Archive / Restore: move old templates out of the way without deleting them
Use the Active and Archived tabs at the top of the list to switch between current and archived templates.
Editing a template
When you open a template, you will see three tabs across the top: Publish, Content, and Custom fields. A live preview panel appears alongside the Content tab so you can see your changes in real time.
Publish tab
This is where you manage the basics of your booking page and control how customers find it.
- Template name and description: give your template a name you will recognize (customers do not see this)
- URL slug: the web address for your booking page (use lowercase letters, numbers, and hyphens only)
- Main template toggle: mark this as your default booking page; only one template can be the main at a time
- Booking URL: your auto-generated link that you can share with customers or post on social media
- Embed code: a ready-to-use code snippet you can paste into your website to display the booking page directly on any page of your site; includes a link to a working CodePen example so you can test it first
Content tab
This is where you design the look, feel, and behavior of your booking page. The Content tab is organized into six sections, accessible through a navigation bar near the top.
General settings
Control the overall appearance of your booking page.
Header
- Set a title and subtext that appear at the top of your booking page
- Turn the progress bar on or off (this shows customers how far along they are in the booking process)
- Show or hide section titles on the progress bar (Experience, Details, Info, Payment, Review)
Page colors
- Choose a font from over 30 Google Fonts options
- Set your text color and background color
Card colors
- Pick a separate font for experience cards
- Choose the card text color, link color, button color, and card background color
Logo
- Show or hide your logo on the booking page
- Set the height and width in pixels
- Choose how your logo fits its space: cover, fill, contain, scale down, or none
- Upload a logo image file
Event selection
Choose which experiences appear on your booking page and how they are displayed.
Layout
- Card grid: shows experiences as visual cards in a grid (best for venues with eye-catching photos)
- List board: shows experiences in a compact list format (best when you have many options)
Visual previews help you see the difference before choosing.
Experiences
- Add or remove experiences from this booking page
- Drag and drop to reorder them
- Turn gift cards on or off
Card display options
- Auto-rotate images on experience cards
- Show or hide: title, player count, difficulty rating, and duration
- Choose whether to overlay information on the card image
Calendar settings
- Link to a calendar view so customers can browse available dates
- Set the default calendar date: today's date, a set number of days ahead, a specific date, or the earliest available slot
Slot colors
- Customize the look of available, call-to-book, and sold-out time slots (both background and text color for each)
Slot labels
- Write custom text for sold-out, blocked, and call-to-book time slots
- Choose whether to show unavailable slots or hide them entirely
- Show or hide the number of available tickets on each slot
Event details
- Turn on or off the display of total pricing with taxes and fees included
Customer info
Customize the form your customers fill out during booking.
- Add, remove, or reorder the fields on your checkout form
- See at a glance which fields are currently active and which are turned off
These fields are created in the Custom fields tab (covered below) and then added here.
Checkout and payment
Control the checkout experience.
Promo codes
- Show or hide the promo code field
- Set custom placeholder text (e.g., "Have a discount code?")
- Write a custom error message for invalid promo codes
Cart timeouts
- Automatically clear stale carts that customers have abandoned
- Set how long to wait before clearing (in minutes, hours, or days)
Incomplete bookings
- Automatically unblock time slots from incomplete bookings
- Set how long to wait before unblocking (in minutes, hours, or days)
Confirmation
Customize what customers see after completing their booking.
Confirmation message
- Write a custom thank-you message
- Use variables to personalize it:
[Company Name]and[Company Group Name]will be replaced automatically
Error message
- Set a custom message for when a resource is no longer available (e.g., if a time slot was taken while the customer was checking out)
Redirect
- Set a URL to send customers to after booking (e.g., back to your main website)
- Turn auto-redirect on or off
- Set how long to wait before redirecting (1 to 1,000 seconds)
- Customize the redirect button text
Waiver link
- Show or hide a link to your digital waiver on the confirmation page
Custom fields tab
Create reusable form fields that you can add to any booking template. These fields appear during the customer info step of the booking process.
Field types
- Checkbox: a simple yes/no toggle; optionally link it to a policy document or pop-up (great for terms and conditions or liability agreements)
- Input field: a text box where customers type their answer (useful for special requests, dietary needs, or any open-ended question)
- Dropdown: a list of options for customers to choose from; you can add follow-up fields that appear based on which option is selected (for example, choosing "Corporate event" could reveal a "Company name" field)
Field properties
- Label: the text customers see next to the field
- Required: whether customers must fill it in before they can continue
- Visibility: always show the field, or only show it when certain items are in the cart (useful for experience-specific questions)
- Calendar alert: creates a note on the booking calendar so your staff can see the customer's answer at a glance
Live preview
While working in the Content tab, a live preview panel appears on the right side of your screen. It shows what your booking page will look like to customers.
Common workflows
Create a new booking page from scratch
- Go to the booking site editor
- Click the button to create a new template
- Fill in the Publish tab with your template name and URL
- Switch to the Content tab and design your page (colors, logo, fonts)
- Add your experiences in the Event selection section
- Set up your checkout preferences and confirmation message
- Activate the template when you are ready to go live
Duplicate and customize an existing template
- Find the template you want to copy in the list view
- Click Duplicate
- Open the new copy and rename it
- Make your changes (different events, different colors, different checkout options)
- Activate when ready
Use multiple templates for different audiences
You might want a main booking page for everyday customers, a separate one for corporate bookings with different events and pricing, and another for private party inquiries. Each template can have its own set of experiences, custom fields, and design.
- Create a template for each audience
- Add only the relevant experiences to each one
- Customize the design and checkout options to fit the audience
- Share the unique booking URL for each template with the right group
- Set your most-used template as the main default
Set a template as the main default
- Find the template in the list view
- Click the actions menu and select Set as main
- The "Main" badge will move to this template, and it will be removed from the previous main template