Who This Is For / When to Use
Use this setup if you:
Offer multiple appointment types or durations
Want customers to choose between different calendars
Need a single page or link that supports multiple booking options
Two Ways to Display Multiple Calendars
You can display multiple calendars in two supported ways:
Embed multiple calendars on a page (website or funnel)
Combine calendar links to create a dropdown selector in the booking widget
Each method is explained separately below.
Part 1: Embed Multiple Calendars on a Funnel or Website Page
This method embeds multiple calendars into a single widget on your page.
Step 1: Copy the First Calendar Embed Code
Go to Settings → Calendars → Calendar Code.
Select the first calendar.
Copy the full embed code.
Step 2: Add the Embed Code to Your Page
Open your funnel or website page editor.
Add a Custom JS/HTML element.
Click Open Code Editor.
Paste the calendar embed code into the editor.
Step 3: Get the Second Calendar ID
Go back to Settings → Calendars → Calendar Code.
Select the second calendar from the calendar dropdown.
Copy only the calendar ID (not the full embed code).
Step 4: Combine Calendar IDs
Return to the Custom JS/HTML code editor.
Locate the existing calendar ID inside the embed code.
Add a comma after the first calendar ID.
Paste the second calendar ID immediately after the comma.
Example
calendar_id_1,calendar_id_2
Step 5: Save and Preview
Click Yes, Save in the code editor.
Save the funnel or page.
Preview the page to confirm both calendars appear.
Part 2: Use Calendar Links to Create a Dropdown Selector
This method creates one booking link where users choose between calendars using a dropdown.
Step 1: Open Calendar Links
Open each calendar’s booking link in a new browser tab.
Identify the calendar ID in each URL.
Step 2: Combine Calendar IDs in the URL
Take one calendar link and append the second calendar ID after a comma.
Format
link.YOURWEBSITE.com/widget/booking/CALENDAR_ID_1,CALENDAR_ID_2
Example
Calendar 1: link.YOURWEBSITE.com/widget/booking/ABC123 Calendar 2: link.YOURWEBSITE.com/widget/booking/DEF456 Combined: link.YOURWEBSITE.com/widget/booking/ABC123,DEF456
Step 3: Reload the Page
Press Enter to load the combined URL.
The booking widget will now show a dropdown to select a calendar.
Step 4: Share the Link
You can now:
Paste the combined link into emails
Use it on landing pages
Share it directly with customers
How the Dropdown Works for Clients
Clients open one booking link
A dropdown lets them choose which calendar to book
Availability updates automatically based on the selected calendar
FAQ
What happens when I combine calendar IDs?
The booking widget displays a dropdown allowing the client to select which calendar they want to book.
Can I combine more than two calendars?
Yes. You can add multiple calendar IDs separated by commas in both embed codes and booking links.
Does this work with all calendar types?
Yes. This works with Simple, Round Robin, Service, Class, and Collective calendars.
Will availability stay accurate?
Yes. Each calendar maintains its own availability rules and syncs independently.
Should I use embedding or calendar links?
Embedding is best for websites and funnels
Calendar links are best for emails, messages, and quick sharing