Quick Answer
Use multiple embeds or combine calendar IDs into one booking URL
You can display several calendars by adding multiple calendar widgets to the same page. You can also copy the calendar ID from each booking URL and combine the IDs with commas to create one booking link with a calendar dropdown.
Offering Multiple Booking Options Without Confusing Visitors
You may offer several services, appointment types, or team booking options, but sending visitors to multiple unrelated pages can make scheduling harder to understand.
BizStackPro lets you present multiple calendars in two common ways: by embedding more than one calendar widget on the same page or by combining several calendar IDs into one booking URL.
The combined booking URL can display a dropdown that lets visitors choose the calendar they want before selecting a date and time.
The best method depends on how many calendars you have, how much explanation each option needs, and where the scheduling experience will be displayed.
Multiple Calendars at a Glance
Choose the Best Display Method
Embed Multiple Widgets
Best when each calendar needs its own heading, description, or separate section on the page.
Use a Combined Booking Link
Best when visitors should choose from several calendars inside one compact booking experience.
Use a Calendar Group
Consider a calendar group when you want a managed booking view designed specifically to organize related calendars.
Use Separate Pages
Separate pages may be clearer when the services differ greatly or require detailed instructions before booking.
Before You Begin
Review each calendar before combining or embedding them.
- Confirm each calendar is active.
- Review the calendar name and description.
- Confirm availability and assigned users.
- Review meeting locations and booking forms.
- Confirm payment settings when applicable.
- Test each individual calendar link.
- Decide whether separate widgets or one dropdown will be clearer.
- Identify the funnel, website, email, or button where the booking options will be shared.
Use clear calendar names
The visitor should be able to understand each choice without knowing your internal team names or scheduling structure.
Part 1: Embed Multiple Calendars on a Funnel or Website Page
Use this method when you want each calendar to appear directly on the same page.
Open the First Calendar’s Code
Open the calendar settings and locate the calendar code.
Settings → Calendars → Calendar CodeCopy the Embed Code
Copy the embed code for the first calendar.
Open the Funnel or Website Page
Edit the page where the calendars should appear.
Add a Custom Code Element
Add a Custom JS/HTML element and open its code editor.
Paste the First Calendar Code
Paste the first calendar’s embed code into the custom-code element.
Add the Second Calendar
Copy the second calendar’s embed code and add it to another custom-code element or the appropriate page location.
Save and Preview
Save the page and preview it to confirm that both calendars display and function correctly.
Do not assume every embed format supports multiple IDs
Some calendar embed formats may support comma-separated IDs, while others may require a separate widget for each calendar. Review the generated code and test the final page before publishing.
Part 2: Create a Combined Calendar Link With a Dropdown
Use this method when you want one link that lets visitors choose between several calendars.
Open Each Calendar Link
Open each individual calendar booking link in a separate browser tab.
Locate the Calendar IDs
Find the alphanumeric calendar ID at the end of each booking URL.
Copy the IDs
Copy each calendar ID carefully without including unnecessary spaces or URL characters.
Combine the IDs
Place the calendar IDs in one booking URL and separate them with commas.
link.YOURWEBSITE.com/widget/booking/CODE1,CODE2Open the Combined Link
Load the completed URL and confirm that a dropdown appears for selecting a calendar.
Save the Final URL
Copy the tested combined link for use in buttons, emails, messages, or website pages.
Keep the commas but remove spaces
The calendar IDs should be separated by commas without spaces unless the booking-link format specifically requires something different.
Where to Use the Combined Booking Link
- Website and funnel buttons.
- Email campaigns and automated emails.
- Text-message booking links.
- Confirmation or follow-up messages.
- Social profile links.
- Client portal resources.
- QR codes.
- Internal team booking instructions.
Explain the choice before the visitor clicks
Use button text such as “Choose a Service” or “Select an Appointment Type” so visitors understand that the link contains several booking options.
Test the Multiple-Calendar Experience
Test every calendar and display method before sharing the page or combined link.
- Open each individual calendar link.
- Confirm that each calendar is active.
- Review the names shown to visitors.
- Check available dates and times.
- Preview the page containing multiple embeds.
- Test the layout on desktop and mobile.
- Confirm that each embedded widget can be used independently.
- Open the combined booking URL.
- Confirm that the calendar dropdown appears.
- Select each calendar from the dropdown.
- Complete a test booking through each option.
- Confirm appointment assignments and notifications.
Troubleshooting Multiple Calendars
The combined link does not show a dropdown
Check that each calendar ID was copied correctly and that the IDs are separated by commas without spaces. Test each individual calendar link before rebuilding the combined URL.
One calendar does not appear in the combined link
Confirm that the missing calendar is active and that its full alphanumeric ID was included in the URL.
The embedded calendars overlap
Place each embed in a separate page section or custom-code element. Review spacing, width, and height settings in the page builder.
The calendars are difficult to use on mobile
Preview the mobile page layout and add adequate spacing between widgets. A combined booking link may create a simpler mobile experience when several embeds make the page too long.
A calendar appears but has no available times
Review the individual calendar’s availability, assigned users, connected calendar conflicts, booking range, notice period, and buffer settings.
Frequently Asked Questions
Can I display multiple calendars in a single funnel?
Yes. You can embed multiple calendar widgets on the same page or create a combined booking link that displays a dropdown selector for several calendars.
How do I combine calendar links?
Open each calendar link, copy the alphanumeric calendar ID, and place the IDs in one booking URL separated by commas.
Related Help Guides
Need More Help?
Browse the Calendar help category for more calendar-group, booking-widget, funnel-integration, calendar-sharing, and scheduling guides.
