Booking calendars give e-commerce shoppers the option to browse activity availability by date. This article illustrates how to embed a booking calendar onto your website.
How to Add a Booking Calendar to Your Website
Step 1: Create Calendar Widget
- Select More > Discover More from the toolbar
- Choose the Create a Widget link
- Choose the Embed a booking calendar on my website option
- Adjust the settings in the Choose Embed Options section to customize the functionality of your booking calendar
Step 2: Install Calendar Widget
- Select the Install Now button
- Under Step 1 of the Install Your Booking Calendar dialogue box, select Copy to Clipboard
- 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
- Under Step 2 of the Install Your Booking Calendar dialogue box, select Copy to Clipboard
- Paste the code in each place you want the calendar to appear on your website. The screenshots below illustrate a simple example
↓