Can I Show Multiple Calendars Without Using a Calendar Group?
How to display more than one calendar on a page Video Overview: Using Calendar Links: 1. Open each calendar link in a new tab by clicking the link icons…
1 min read182 words4 explained imagesUpdated Tue, 30 Jul, 2024 at 4:03 PM
Assistants need to reach this page over the internet. While it is only running on your machine, these two buttons will not be able to load it.
Each image has a one line explanation. Switch to full detail for the step it belongs to, the fields and buttons involved, examples and the whole procedure.
How to display more than one calendar on a page
Video Overview:
How to display more than one calendar on a page (video 1)Open in a new tab
Using Calendar Links:
1. Open each calendar link in a new tab by clicking the link icons for each calendar
How to display more than one calendar on a page (image 1 of 4)What this shows 1.What this showsIllustrates the "How to display more than one calendar on a page" section of "Can I Show Multiple Calendars Without Using a Calendar Group?".This screenshot appears in the "How to display more than one calendar on a page" section of "Can I Show Multiple Calendars Without Using a Calendar Group?". The text alongside this image reads: 1. Open each calendar link in a new tab by clicking the link icons for each calendar. Immediately after, the guide continues: 2. Copy the calendar ID from one calendar then then go to the other calendar, add a comma after its ID, paste the other calendar's ID after the comma, and hit enter to reload the page.Image 1 of 4What this covers1. Open each calendar link in a new tab by clicking the link icons for each calendarNext step2. Copy the calendar ID from one calendar then then go to the other calendar, add a comma after its ID, paste the other calendar's ID after the comma, and hit enter to reload the page
2. Copy the calendar ID from one calendar then then go to the other calendar, add a comma after its ID, paste the other calendar's ID after the comma, and hit enter to reload the page
How to display more than one calendar on a page (image 2 of 4)What this shows 2.What this showsIllustrates the "How to display more than one calendar on a page" section of "Can I Show Multiple Calendars Without Using a Calendar Group?".This animation appears in the "How to display more than one calendar on a page" section of "Can I Show Multiple Calendars Without Using a Calendar Group?". The text alongside this image reads: 2. Copy the calendar ID from one calendar then then go to the other calendar, add a comma after its ID, paste the other calendar's ID after the comma, and hit enter to reload the page. Immediately after, the guide continues: Embedding multiple calendars on a funnel page.Image 2 of 4What to fill in2. Copy the calendar ID from one calendar then then go to the other calendar, add a comma after its ID, paste the other calendar's ID after the comma, and hit enter to reload the pageNext stepEmbedding multiple calendars on a funnel page:
Embedding multiple calendars on a funnel page:
1. Go to Settings > Appointment Widget and copy the embed code from the first calendar
2. Go to the funnel page, add a "Custom JS/HTML" element, click "Open Code Editor", and paste the calendar embed code.
How to display more than one calendar on a page (image 3 of 4)What this shows 2.What this showsIllustrates the "How to display more than one calendar on a page" section of "Can I Show Multiple Calendars Without Using a Calendar Group?".This animation appears in the "How to display more than one calendar on a page" section of "Can I Show Multiple Calendars Without Using a Calendar Group?". The text alongside this image reads: 2. Go to the funnel page, add a "Custom JS/HTML" element, click "Open Code Editor", and paste the calendar embed code. Immediately after, the guide continues: 3. In a new tab, go back to Settings > Appointment Widget, change the calendar name dropdown to the second calendar and copy the calendar ID from that calendar.Image 3 of 4What to copy2. Go to the funnel page, add a "Custom JS/HTML" element, click "Open Code Editor", and paste the calendar embed code.Next step3. In a new tab, go back to Settings > Appointment Widget, change the calendar name dropdown to the second calendar and copy the calendar ID from that calendar
3. In a new tab, go back to Settings > Appointment Widget, change the calendar name dropdown to the second calendar and copy the calendar ID from that calendar
4. Go back to the funnel page tab that has your Custom JS/HTML element code editor open, add a comma after the calendar ID, paste the second calendar ID, then hit the "Yes, save."
How to display more than one calendar on a page (image 4 of 4)What this shows 4.What this showsIllustrates the "How to display more than one calendar on a page" section of "Can I Show Multiple Calendars Without Using a Calendar Group?".This animation appears in the "How to display more than one calendar on a page" section of "Can I Show Multiple Calendars Without Using a Calendar Group?". The text alongside this image reads: 4. Go back to the funnel page tab that has your Custom JS/HTML element code editor open, add a comma after the calendar ID, paste the second calendar ID, then hit the "Yes, save.". Immediately after, the guide continues: 5. Save your funnel page and preview.Image 4 of 4How to confirm4. Go back to the funnel page tab that has your Custom JS/HTML element code editor open, add a comma after the calendar ID, paste the second calendar ID, then hit the "Yes, save."Next step5. Save your funnel page and preview.
