Add a booking calendar to your website

You need a bookings product with your available hours set.

1. Open the bookings product and click Embed. You can also go to Settings → Developers → Embeds and pick the product there.
2. Choose Booking calendar.
3. Set the button text, colour, theme (light, dark or matching the visitor's device) and corners. The preview shows exactly what clients will see.
4. Copy the HTML and paste it on your site where you want the calendar.

Clients pick a day, then a time, and tap Book now. The checkout opens over your page with that time already chosen, so they only enter their details and pay.

The calendar follows everything on the product: your hours, days off, buffer times, notice and how far ahead people can book. If you take a deposit or payment in person, the calendar says so before they book. Times show in each client's own timezone.

If your site blocks scripts

Some site builders don't allow scripts. Use the iframe code from the same Embed window instead. Tapping Book now then opens your product page in a new tab with the time already picked.

Keep it on your own sites

To stop others from putting your calendar on their sites, lock embeds to your website.