How to Display Multiple Calendars

How to Display Multiple Calendars

Displaying multiple calendars can enhance the flexibility of your scheduling system, allowing you to cater to different appointment types or durations. Here’s how you can set this up in two effective ways:

Part 1: Embedding Multiple Calendars on a Funnel Page

1. Access Calendar Code:

   • Go to Settings > Calendars > Calendar Code.

2. Get Embed Code for the First Calendar:

   • Copy the embed code provided for your first calendar.

3. Add Code to Funnel Page:

   • Open your funnel page and add a "Custom JS/HTML" element.

   • Click on "Open Code Editor" to access the editor.

   • Paste the embed code for the first calendar into the editor.

4. Retrieve Code for the Second Calendar:

   • Go back to Settings > Calendars > Calendar Code and select the second calendar from the dropdown list.

   • Copy the embed code for this second calendar.

5. Combine Calendar Codes:

   • Return to the funnel page’s Custom JS/HTML element code editor.

   • Add a comma after the ID of the first calendar and paste the ID of the second calendar.

6. Save Your Changes:

   • Click "Yes, save" to apply the changes.

7. Preview Your Funnel Page:

   • Save your funnel page and preview it to ensure both calendars are displayed correctly.

Part 2: Using Calendar Links for Dropdown Selection

1. Open Calendar Links:

   • Open the calendar links in separate tabs by clicking on the hyperlinks for each calendar you want to include.

2. Combine Calendar IDs:

   • Copy the ID from the URL of one calendar and paste it into the URL of the other, separating the IDs with a comma.

   • For example:

     • Calendar 1: link.YOURWEBSITE.com/widget/booking/ALPHANUMERICCODE#1

     • Calendar 2: link.YOURWEBSITE.com/widget/booking/ALPHANUMERICCODE#2

     • Combined: link.YOURWEBSITE.com/widget/booking/ALPHANUMERICCODE#1,ALPHANUMERICCODE#2

3. Reload and Test:

   • Press Enter to reload the page with the combined URL.

4. Share the Combined Link:

   • Use the combined link in emails or other communications:

     • link.YOURWEBSITE.com/widget/booking/ALPHANUMERICCODE#1,ALPHANUMERICCODE#2

   • This link will provide a dropdown menu for your customers to choose between the available calendars.