Demo to preview the plugin:
Live Demo: https://rapidevplugins3.bubbleapps.io/iframe
Introduction
The Air iFrame Embed Website Lite Plugin allows you to seamlessly display external web content within your Bubble application. With this plugin, you can embed dashboards, forms, videos, maps, or widgets directly into your pages fully integrated with Bubble’s visual editor and dynamic data features.
This plugin offers flexible configuration options such as defining the source URL, setting a title for accessibility, managing scroll behavior, and adding an ID attribute for custom control and styling.
Prerequisites
Before using this plugin:
- Ensure you have installed the Plugin from the Bubble Plugin Marketplace.
- Have the URL or web address of the content you want to embed.
- Make sure the external site allows embedding via iframes (some sites restrict it using security headers).
How to setup
Step 1 – Install the Plugin
Step 2 – Add the Plugin Element to Your Page
Step 3 – Configure Properties
Plugin Element Properties - iFrame Embed
Fields:
Title | Description | Type |
URL | The web address of the content you want to embed inside the iframe. | Text |
Title | The title of the iframe, used for accessibility and SEO purposes. | Text |
ID Attribute | A unique identifier for the iframe element, useful for referencing or styling it. (Optional) | Text (optional) |
Scrolling | Controls whether scrollbars appear inside the iframe.
• auto – Scrollbars appear only when needed (default).
• yes – Always show scrollbars inside the iframe.
• no – Hide scrollbars, even if the content overflows. | Dropdown |
