# Embedding GHL Customer Care Calendars using HTML Code
> Embed your GHL Customer Care calendar on any website using HTML iframe code. Learn the steps to display a mobile-friendly, fully functional calendar for booking.
- Source: https://docs.ghlcustomercare.com/docs/calendars-and-appointments/getting-started-w-calendars/embedding-ghl-customer-care-calendars-using-html-code
- Section: Calendars & Appointments / Getting Started w/ Calendars
- Reading time: 1 min
- Images: 1, each explained below
- Modified on Tue, 17 Mar at 7:34 AM
---
1. Go to "Calendars" > "Calendar Settings"
2. For the specific calendar you'd like to embed, click the "three dots" icon and select "Share"
3. In the pop-up modal, select the "Embed Code" tab
4. Click "Copy"
5. Past the embed code in a custom code element on another website as desired.
Note: If you are looking to embed a GHL Customer Care Calendar in a funnel or website page in GHL Customer Care, you can use the Calendar element in the page builder. This element will allow you to choose the calendar you'd like to display and automatically insert it without the need for adding an embed code manually.
**Figure 1**
This animation appears in "Embedding GHL Customer Care Calendars using HTML Code". The text alongside this image reads: Note: If you are looking to embed a GHL Customer Care Calendar in a funnel or website page in GHL Customer Care, you can use the Calendar element in the page builder. This element will allow you to choose the calendar you'd like to display and automatically insert it without the need for adding an…. This part of the guide covers 1 field, listed below.
- What to choose: Note: If you are looking to embed a GHL Customer Care Calendar in a funnel or website page in GHL Customer Care, you can use the Calendar element in the page builder. This element will allow you to choose the calendar you'd like to display and automatically insert it without the need for adding an embed code manually.
- Fields: In the pop-up modal, select the "Embed Code" tab
Full procedure:
1. Go to "Calendars" > "Calendar Settings"
2. For the specific calendar you'd like to embed, click the "three dots" icon and select "Share"
3. In the pop-up modal, select the "Embed Code" tab
4. Click "Copy"
5. Past the embed code in a custom code element on another website as desired.
---
Documentation for GHL Customer Care. Support: support@ghlcustomercare.com