# 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…

- Source: https://docs.ghlcustomercare.com/docs/calendars-and-appointments/calendar-faqs/can-i-show-multiple-calendars-without-using-a-calendar-group
- Section: Calendars & Appointments / Calendar FAQ's
- Reading time: 1 min
- Images: 4, each explained below
- Modified on Tue, 30 Jul, 2024 at 4:03 PM

---
## **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 for each calendar

![How to display more than one calendar on a page (image 1 of 4)](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/48028729853/original/iSYberKOoEApQfh-8Pr4Juo8nEtcOE7NUQ.png)

**How to display more than one calendar on a page (image 1 of 4)**

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.
- What this covers: 1. Open each calendar link in a new tab by clicking the link icons for each calendar
- Next: 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

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)](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/48028730526/original/wOzP-A0gi7Wgl9PKNIla6MJdbRodnIXH4A.gif)

**How to display more than one calendar on a page (image 2 of 4)**

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.
- What to fill in: 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
- Next: Embedding 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)](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/48028731607/original/O98ivJb2-YuppRZs1LjzSof-zzL4IgZELg.gif)

**How to display more than one calendar on a page (image 3 of 4)**

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.
- What to copy: 2. Go to the funnel page, add a "Custom JS/HTML" element, click "Open Code Editor", and paste the calendar embed code.
- Next: 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

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)](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/48028732907/original/OOszXMmvEULTeK8eAXfOZvVv6lsRwF2CKg.gif)

**How to display more than one calendar on a page (image 4 of 4)**

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.
- How to confirm: 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."
- Next: 5. Save your funnel page and preview.

5\. Save your funnel page and preview.

---

Documentation for GHL Customer Care. Support: support@ghlcustomercare.com