---
title: "How to embed Vyte in Elementor?"
url: https://theplusaddons.com/docs/embed-vyte-elementor/
date: 2023-01-27
modified: 2026-09-21
lang: en
author: "Aditya Sharma"
description: "A Vyte page is a public booking page you set up once and share. Embedding it means visitors can propose or accept a time without leaving your site. The Meeting..."
image: https://theplusaddons.com/wp-content/uploads/2020/10/How-to-embed-Vyte-in-Elementor_-1024x536.jpg
word_count: 534
---

# How to embed Vyte in Elementor?

## 

- The Plus Addons for Elementor Meeting Scheduler widget embeds a Vyte page in an iframe on an Elementor page, and the page can be shared so visitors propose or accept a time without leaving the site.
- Meeting Scheduler uses one URL field plus Width and Height sliders, with both dimensions starting at 600px; the post verifies 900 by 700 on a published page and says no extra script loads.
- Vyte styling stays on the Vyte page because the widget has no Vyte section in the Style tab, no colour or typography controls, and an empty URL field renders nothing.

A Vyte page is a public booking page you set up once and share. Embedding it means visitors can propose or accept a time without leaving your site.

The **Meeting Scheduler** widget in The Plus Addons for Elementor puts that page on an Elementor page in an iframe. One field, two sliders. 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 Vyte account with a Vyte page already created**, and its address to hand.

## Steps

- Add the **Meeting Scheduler** widget to the page.- In the **Content** tab, open **Meeting Scheduler** and choose **Vyte** from the **Select** dropdown.- In your Vyte account, open **My Vyte Page** and follow the link to your page.- Copy the address from the browser's address bar and paste it into the widget's **URL** field.- Set **Width** and **Height**. Both start at 600px.

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

![vyte page](https://theplusaddons.com/wp-content/uploads/2023/01/vyte-page.png)

Open the page from that link, then copy its address out of the browser's address bar - that is what goes in the **URL** field.

![vyte page url](https://theplusaddons.com/wp-content/uploads/2023/01/vyte-page-url-1024x488.jpg)

## What lands on the page

The widget writes a plain **iframe** pointed at your Vyte page, with **Width** and **Height** as its own width and height in pixels. We set 900 and 700 and read exactly those back off a published page. No extra script is loaded.

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

## Settings used here

| Setting | What it does | Default |
| ------- | ------------ | ------- |
| **Select** | Which booking service to embed | Calendly |
| **URL** | The Vyte page address the iframe opens | empty |
| **Width** | The iframe's width in pixels | 600 |
| **Height** | The iframe's height in pixels | 600 |

## How It Behaves

- **Width is a fixed pixel value**, not a percentage, so the embed does not stretch to fill its column.- **Vyte has no Scroll Bar control** - that one belongs to Freebusy. If the page needs more room, give it more **Height**.- **An empty URL renders nothing.** The widget outputs no iframe at all.- There is **no Vyte section in the Style tab**. Everything you can see inside the frame is styled on your Vyte page.

## Limitations

- Styling is entirely Vyte's. The widget has no colour or typography controls for it.- A fixed pixel **Width** will overflow a narrow 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 Vyte account.- We did not test Vyte on a mobile viewport.

## Troubleshooting

### Nothing appears where the page should be

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

### The Vyte page is cut off

Raise **Height**. Vyte has no scroll-bar switch, so the frame has to be tall enough for the content.

### It 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 on your Vyte page. The widget has no Style section for Vyte.

## 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 Freebusy in Elementor?](https://theplusaddons.com/docs/embed-freebusy-elementor/)

## Frequently Asked Questions

**Q: What do I need before embedding a Vyte page in Elementor?**
A: The setup is lightweight, but it still needs a few basics in place. The Plus Addons for Elementor, The Plus Addons, Plus Addons for Elementor, POSIMYTH provides the Meeting Scheduler widget, and this page says it works on Elementor free with no Pro requirement. You also need the widget enabled under The Plus Addons > Widgets and a Vyte account with an already created Vyte page URL ready to paste.

**Q: How do I embed a Vyte booking page in Elementor?**
A: The widget embeds your Vyte page inside an iframe on the Elementor page. Pick Vyte in the Meeting Scheduler widget, paste the Vyte page address into the URL field, then set Width and Height. The page notes that Width and Height start at 600px, so sizing matters right away if you want the booking form to fit cleanly inside your layout.

**Q: Why is nothing showing where the booking widget should be?**
A: An empty URL is the usual cause here. The widget outputs no iframe at all when the URL field is blank, so there is literally nothing to render on the page. That makes this a data issue, not a styling issue. If the embed area is empty, the first thing to check is whether the Vyte page address was pasted into the URL field correctly.

**Q: Why does my Vyte embed get cut off inside Elementor?**
A: The frame is probably too short for the content inside it. This setup uses a plain iframe with a fixed Height value, and Vyte has no scroll bar control in this widget. The practical fix is to raise Height until the booking page fits comfortably. The page even shows an example where 900 by 700 was read back from a published page.

**Q: How do I stop the Vyte embed from overflowing on mobile?**
A: Width is fixed in pixels, not percentage-based, so narrow phone screens can overflow if you leave it too wide. The clean fix is to lower Width at the mobile breakpoint instead of expecting it to stretch automatically. The page also says mobile viewport behavior was not tested, so keeping widths conservative on phones is the safer move.

**Q: Can I change the colours or typography of the embedded Vyte page in Elementor?**
A: Styling comes from your Vyte page itself, not from the widget. There is no Vyte section in the Style tab and no colour or typography controls for this embed. That means any visual changes need to happen on the Vyte side before you paste its URL into The Plus Addons for Elementor Meeting Scheduler widget.