Create a Booking Calendar

Embed a calendar onto your website so potential customers can shop for experiences by date.

Written By Alexis Rague (Super Administrator)

Updated at December 6th, 2022

Booking calendars give e-commerce shoppers the option to browse experience availability by date. This article illustrates how to embed a booking calendar onto your website.
1666273725119-Screen Shot 2022-10-20 at 8.46.36 AM.png

Create a Booking Calendar for Your Website

Widget Setup

  1. Select More > Discover More from the toolbar, then choose the Create a Widget link.
  2. Choose the Embed a booking calendar on my website option.

  3. Adjust the settings in the Choose Embed Options section to customize the functionality of your booking calendar. 


Widget Installment

  1. Select the Install Now button.

  2. Under Step 1 of the Install Your Booking Calendar dialogue box, select Copy to Clipboard, then paste the script in between the <head> and </head> tags of each page of your website. Though every content management system is different, the resulting script should look similar to the screenshot below.
    1652384899997-1652384899997.png

  3. Under Step 2 of the Install Your Booking Calendar dialogue box, select Copy to Clipboard, then paste the code in each place you want the calendar to appear on your website. The screenshots below illustrate a simple example.
    1652384899997-1652384899997.png


    ARROW-down.jpg


    1666273725119-Screen Shot 2022-10-20 at 8.46.36 AM.png