Embed your calendar on your website

Learn how to pull and add in the embed code for your calendar directly on your website.  We typically prefer opening up the calendar in a new tab - but embedding on the site can also work as well.

How to Embed a Calendar on a Website: A Step-by-Step Guide 

Steps:

1. Access Your Calendar Settings:

   • Go to your calendar in Funnel breezy dashboard.

   • Navigate to your calendar settings.

   • Locate the option to "Copy Embed Code."

2. Copy the Embed Code:

   • Click the button or link to copy the embed code. This code snippet allows your website to display the calendar.

3. Access Your Website's HTML Editing Tools: (These steps may vary depending on your website platform)

   • Log in to your website's editing interface.

   • Edit the specific page where you want to embed the calendar.

   • Look for an "HTML code widget" or a similar option that allows you to insert custom HTML code.

4. Paste the Embed Code:

   • In the HTML code editing area, paste the copied embed code from your calendar.

5. Save and Preview:

   • Save the changes you made to the page.

   • Preview the page to see how the embedded calendar looks.

6. Adjustments (Optional):

   • The embedded calendar might require some adjustments depending on the available space on your website.

   • Some calendars might create a scroll bar if there's limited space.

Testing and Confirmation:

• Once you've embedded the calendar and saved the page, check the live version of your website.

• Click on the embedded calendar to ensure it functions correctly. Ideally, it should open a scheduling form where users can book appointments.