---
title: "How to embed Freebusy in Elementor?"
url: https://theplusaddons.com/docs/embed-freebusy-elementor/
date: 2023-01-27
modified: 2026-09-21
lang: en
author: "Aditya Sharma"
description: "Freebusy shows your real availability and lets a visitor book a slot in it. Putting it on the page means people can see when you are free without asking. The..."
image: https://theplusaddons.com/wp-content/uploads/2020/10/How-to-embed-Freebusy-in-Elementor_-1024x536.jpg
word_count: 561
---

# How to embed Freebusy in Elementor?

## 

- The Meeting Scheduler widget in The Plus Addons for Elementor embeds a Freebusy event in an iframe, and the page uses one URL field plus Width, Height, and Scroll Bar settings.
- Freebusy setup requires a Freebusy account with at least one event template, then Copy Link from Event Templates and paste it into the widget’s URL field.
- Width is a fixed pixel value set to 600px by default, so a 600px scheduler can overflow a narrower phone screen unless the mobile breakpoint is lowered or Scroll Bar is turned on.

Freebusy shows your real availability and lets a visitor book a slot in it. Putting it on the page means people can see when you are free without asking.

The **Meeting Scheduler** widget in The Plus Addons for Elementor embeds a Freebusy event in an iframe. There is one field to fill in and three to size it. For the rest of the widget, see the [full Meeting Scheduler settings overview](https://theplusaddons.com/docs/meeting-scheduler-widget-settings-overview/).

***Requirement - This widget is a part of The Plus Addons for Elementor, make sure it's installed & activated to enjoy all its powers.***

[LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/meeting-schedulers/?utm_source=tpae&utm_medium=docs&utm_campaign=text)

## Before You Start

- **Edition:** **Free**. Nothing on this page needs Pro.- **Prerequisite:** [Elementor](https://wordpress.org/plugins/elementor/) (free) installed and active.- **Widget to enable:** go to **The Plus Addons > Widgets**, search for **Meeting Scheduler** and turn its toggle on.- **A Freebusy account with at least one event template**, and its link to hand.

## Steps

- Add the **Meeting Scheduler** widget to the page.- In the **Content** tab, open **Meeting Scheduler** and choose **Freebusy** from the **Select** dropdown.- In Freebusy, open **Event Templates** and use **Copy Link** on the event you want to show.- Paste it into the **URL** field in the widget.- Set **Width** and **Height**, both 600px to start with, and turn **Scroll Bar** on if the scheduler is taller than the box you gave it.

![The URL field shown when Select is set to Freebusy.](https://theplusaddons.com/wp-content/uploads/2026/09/meetingsched-freebusy-url.webp)

![freebusy event url](https://theplusaddons.com/wp-content/uploads/2023/01/freebusy-event-url.png)

## What lands on the page

The widget writes a plain **iframe** pointed at your URL. **Width** and **Height** become the iframe's own width and height in pixels, and **Scroll Bar** becomes its scrolling setting - we read all three off a published page. No extra script is loaded, so the page weight is just the iframe.

![meeting scheduler freebusy preview](https://theplusaddons.com/wp-content/uploads/2023/01/meeting-scheduler-freebusy-preview.png)

## Settings used here

| Setting | What it does | Default |
| ------- | ------------ | ------- |
| **Select** | Which booking service to embed | Calendly |
| **URL** | The Freebusy event link the iframe opens | empty |
| **Width** | The iframe's width in pixels | 600 |
| **Height** | The iframe's height in pixels | 600 |
| **Scroll Bar** | Whether the iframe may scroll its own content | Hide |

## How It Behaves

- **Width is a fixed pixel value**, not a percentage, so the scheduler does not stretch to the column it sits in. Set it to suit your narrowest layout.- **Scroll Bar ships off.** If Freebusy needs more room than you gave it, the overflow is simply cut until you turn this on or raise **Height**.- **An empty URL renders nothing.** The widget outputs no iframe at all.- There is **no Freebusy section in the Style tab**. Colours, logo and copy are set in your Freebusy account and travel with the embed.

## Limitations

- Styling is entirely Freebusy's. The widget has no colour or typography controls for it.- Because **Width** is a pixel value, a 600px scheduler will overflow a narrower phone screen unless you lower it for the mobile breakpoint.- We verified the iframe the widget builds and its attributes. We did not book a meeting through it, because that needs a real Freebusy account.- We did not test Freebusy on a mobile viewport.

## Troubleshooting

### Nothing appears where the scheduler should be

The **URL** field is empty. Without it the widget writes no iframe.

### The scheduler is cut off

Raise **Height**, or set **Scroll Bar** to show so the iframe can scroll its own content.

### The scheduler runs off the edge on a phone

**Width** is a fixed pixel value. Lower it on the mobile breakpoint.

### I want to change its colours

Change them in your Freebusy account. The widget has no Style section for Freebusy.

## Related Docs

- [Meeting Scheduler Widget Settings Overview](https://theplusaddons.com/docs/meeting-scheduler-widget-settings-overview/)- [How to embed Calendly Meeting in Elementor?](https://theplusaddons.com/docs/embed-calendly-elementor/)- [How to embed Vyte in Elementor?](https://theplusaddons.com/docs/embed-vyte-elementor/)

## Frequently Asked Questions

**Q: What do I need before embedding Freebusy in Elementor?**
A: The setup is lightweight, but two things matter before you start: Elementor free must be installed and active, and The Plus Addons for Elementor has to be installed and activated with the Meeting Scheduler widget turned on. You also need a Freebusy account with at least one event template and its share link ready. That matters because the widget only embeds a published Freebusy URL, not a booking system you build inside Elementor.

**Q: How do I embed a Freebusy scheduler on a WordPress page?**
A: The Meeting Scheduler widget in The Plus Addons for Elementor embeds Freebusy as an iframe. In practice, that means the widget needs the event template link from Freebusy pasted into its URL field, then Width and Height set for the space you have. A good starting point is 600px by 600px, then adjust from there if the scheduler needs more room or if your layout is tighter.

**Q: Why is nothing showing where the scheduler should be?**
A: An empty URL field is the usual reason. The widget outputs no iframe at all until it has a Freebusy link to load, so the page stays blank instead of showing a broken embed. That makes this one easy to miss during setup because the widget itself is present, but the actual scheduler only appears once the event link is pasted into the URL field.

**Q: Why is my Freebusy embed cut off inside Elementor?**
A: The iframe is being clipped because its Height is too small for the content inside it. Raising Height gives Freebusy more room, and turning Scroll Bar on lets the iframe scroll its own content instead of hiding overflow. The page notes that overflow is simply cut when Scroll Bar is off, so this is usually a sizing problem rather than a broken embed.

**Q: What should I set for width on mobile so Freebusy does not run off the screen?**
A: Width is a fixed pixel value, not a percentage, so a 600px embed can overflow a narrower phone screen. The practical fix is to lower Width at the mobile breakpoint instead of expecting it to stretch with the column. That fixed-pixel behavior is important because it affects every responsive layout, not just Freebusy.

**Q: Can I change the colours or styling of the Freebusy embed in Elementor?**
A: Styling comes from Freebusy itself. The Plus Addons for Elementor widget has no Freebusy Style section, so colours, logo, and copy travel with the embed from your Freebusy account. That means design changes need to happen in Freebusy rather than inside Elementor, which keeps the widget simple but also limits visual control.