You can put your booking form on your own website so visitors can check availability and book without leaving your site. You can either embed the whole form, or embed a widget, which is a small part of the form such as a date picker.

Embed your booking form

From your dashboard, select the Bookings icon.
Click Forms.
Click the booking form you want to use.
At the top of the page, click Share.
Under Embed Code, click Copy Form Code.
Paste the code into your website where you want the form to appear.

If you'd rather the form didn't bring its own background onto your page, turn on Remove Background Styling on Embed before copying the code.

If you'd rather link to the form than embed it, use Copy Form Link at the top of the Share tab instead.

Embed a widget instead of the whole form

A widget is a mini version of your form. Rather than putting a long booking form on your page, you choose 1 or 2 fields, often just the date picker, and embed only those.

When a visitor fills in the widget and submits it, they're taken to the full form with those answers already filled in.

Open your booking form and go to the Build tab.
Click Enable Widget at the top of the form.
Drag the fields you want into the widget area, for example Event Date.
Click Save.
Go to the Share tab and copy the embed code as above.

This works well when you want a simple availability check on your homepage that leads into your full booking form.

Please watch the video below for additional reference.

Widgets

How to add your lead form to your website

How to add and embed your booking widget to your website

Other Categories

Artwork

Automations

Availability

Branding

Changelog

Checkout

Client Portal

Connected Accounts

Contacts

Contracts

Conversations

Discounts & Coupons

Documents

Expenses

Files

Forms

General

Invoices

Job Management

Locations

Payments

Pictor

Products

Projects

Proposals

Reports

Reps

Roadmap

Services

Shift Scheduler

Support

Tasks

Tax

Teams

Travel Fees

Users

Vehicle

Venues

Views