Appointments: Add a Calendar to a page using an Iframe

A visible calendar on your page allows visitors to schedule appointments more directly and quickly. This will save time and effort for you and your potential customers. For this process, you need to generate an Iframe code and then add it to the desired page.

The calendar booking page and the page on which you embed the calendar need to be under the same domain. This applies to internal and external domains.

Table of Contents

• Requirements
• Generate your Calendar Code
• Add the Code to your Page

Requirements

• An active ClickFunnels 2.0 account
• An existing event

Generate your Calendar Code

1. From the left side menu, click on Appointments, then Event Types.
   
   

2. Click the Copy Embed Code icon.
   

3. Copy the embed code from the new tab.
   

Back to Top

Add the Code to your Page

1. In your ClickFunnels account, open the page editor to which you want to add the calendar.
   

2. Locate the area where you want to add the calendar and click Add Element.
   

3. Select the HTML/JS element.
   

4. Once the element is added, click on it to open the Settings area.
   

5. Click on Open Code Editor.
   

6. Paste the code generated in the iframe generator, then click the X to close the tab.
   

7. Save the changes to your page.