How to embed your calendar on your WordPress website

Watch the video below to learn how to embed your calendar right onto your WordPress website or link it to a button and have it open up in a new tab or window.

How to Embed a Calendar on Your WordPress Website

This guide will show you how to embed a calendar from Funnel Breezy on your WordPress website. There are two methods: embedding the calendar code directly or using a button with a link.

Method 1: Embedding the Calendar Code

1. Access Calendar Settings in Funnel Breezy: Go to Calendars and then Calendar Settings.

2. Copy Embed Code: Choose the specific calendar you want to embed and click the three dots. Select "Copy Embed Code."

3. Add HTML Widget in WordPress: On your WordPress page (new or existing), go to the Widgets panel. Search for "HTML" and add the HTML widget.

4. Paste Embed Code: Paste the copied embed code from Funnel Breezy into the HTML widget.

5. Update and Preview: Click "Update" to save the changes. Preview the page to see the embedded calendar.

Method 2: Using a Button with a Link

1. Create a Button: Add a button to your WordPress page using the button option available in your theme's editor.

2. Copy Scheduling Link: In Funnel Breezy, go back to the appointment type settings for the calendar. Click the three dots and select "Copy Scheduling Link."

3. Paste Link to Button: Paste the copied scheduling link into the button settings on your WordPress page. Choose "Open in a New Window/Tab" for the link behavior.

4. Update and Preview: Click "Update" to save the changes. Preview the page to see the button. Clicking the button will open the calendar in a new window.

Choosing the Right Method

• Use the embedded code method if you have enough horizontal space for the calendar to display properly without a scrollbar.

• Use the button with a link method if you have limited space or prefer a cleaner look.