Booking Widgets

Booking Widgets let you embed a booking form on your website so customers can book tours and rentals directly. You control which products are shown, the look and feel, and the booking rules.

Navigate to Channels > Booking Widgets ↗ to manage your widgets.

Creating a widget

1. Click Create Widget.
2. Fill in the configuration:
   • Name - A label for your reference (e.g., "Website Tour Bookings").
   • Description - Optional notes about where this widget is used.
   • Widget type - Tours or Rentals.
3. Configure the remaining settings (see below).
4. Click Save.

After saving, you get an embed code to paste into your website's HTML.

Widget settings

Content selection

For tour widgets, you can select specific tours to display in the widget, or leave the selection empty to show all active tours. This is useful if you want a dedicated widget for a specific tour on a landing page.

Allowed domains

Specify which domains are allowed to embed the widget. This prevents unauthorized sites from using your widget.

• Add each domain (e.g., www.yourbusiness.com)
• Supports wildcards (e.g., *.yourbusiness.com for all subdomains)
• Leave empty to allow embedding from any domain

Theme customization

Match the widget's appearance to your brand:

• Primary color - The accent color for buttons and highlights. Pick from presets or enter a custom hex code.
• Font family - The CSS font to use (e.g., Inter, sans-serif).
• Border radius - Controls how rounded the corners are.

The live preview panel shows your changes in real time as you configure the widget.

Feature toggles

Setting	What it controls
Show language selector	Let customers choose their preferred language
Allow multiple participants	Enable group bookings with multiple pax
Require phone number	Make phone number mandatory during checkout
Show add-ons	Display available add-ons in the booking form

Booking rules

• Minimum advance hours - How far in advance customers must book (e.g., 2 hours before the tour).
• Maximum advance days - How far ahead customers can book (e.g., up to 365 days).

Payment settings

• Collect payment - Enable or disable payment collection through the widget.
• Require full payment - Whether customers must pay the full amount upfront.
• Deposit percentage - If full payment is not required, the minimum deposit percentage (1-100%).

Embedding on your website

After creating a widget, click the embed code button to copy the HTML snippet. Paste this into your website where you want the booking form to appear.

The embed code includes your widget's unique key. If you need to regenerate the key for security reasons, click Regenerate Key in the widget settings. Note that the old key will stop working immediately.

Walk-in QR code

For rental widgets, a QR code is available on the Operations > Rentals ↗ page. Customers scan it to start a self-service rental booking on their own device. See Rentals for details.

Managing widgets

• Edit - Click a widget card to update its settings.
• Preview - See how the widget looks before embedding.
• Activate / Deactivate - Toggle a widget on or off without deleting it.
• Delete - Permanently remove a widget.

Tips

• Create separate widgets for different use cases - one for tours on your homepage, another for a specific tour on a landing page.
• Use the allowed domains setting in production to prevent unauthorized embedding.
• Test the widget on your staging site before going live to verify the booking flow, payment, and confirmation emails.
• Set the minimum advance hours based on your preparation needs - if you need time to prepare vehicles and confirm guide availability, set it to at least 2-4 hours.