iFrame Popup Plugin | Bubble
MARKETPLACE
PLUGINS
IFRAME POPUP
iFrame Popup logo

iFrame Popup

Published September 2024
   •    Updated March 2025

Plugin details

This plugin has been designed for anyone using embedded code that launches a Bubble page within an iframe.
It provides the ability to show a popup outside of the iframe, which loads a URL whilst being able to pass data directly to it. Think of this as a replacement for Bubble's popup element, where it actually pops out of the iframe. The popup is designed to be responsive and only functions as a container to load another URL inside.

A typical use case for this is when you give customers embedded HTML code that loads a portion of your app into an iframe, but you need a popup to actually popup outside of that iframe. If you tried using Bubble's own popup element, it's rendered within the iframe and depending on the iframe attributes like width/height, this may not be suitable to use.

The plugin provides two things...

* An action called "Generate script" that will generate a script from the options provided. This needs to be hosted under the root directory area within your App Settings (SEO/metatags tab).

* An action called "Display popup" that will open the popup within the user's browser whilst loading the URL you provide to it. This should run inside a click event and be used whenever you want to display the popup.

Once the script has been hosted, you can then add it into your existing embedded code that you would provide to your users.

Security concerns...

* Any URLs passed to the popup will be sanitized, making sure no harmful code can sneak through from any cross-site scripting attacks.

* Domain protection is available by providing your domain name. This ensures the popup is only opened when initiated from your domain.

$20

One time  •  Or  $6/mo

No ratings yet
2 installs  
This plugin does not collect or track your personal data.

Contributor details

View contributor profile

Instructions

Place the "iFrame Popup" element onto your page, configure it as needed and away you go!
Please see this link for full instructions:
https://forum.bubble.io/t/plugin-iframe-popup/337950

Demo page:
https://paul-testing.bubbleapps.io/version-test/iframe_popup_demo

Types

This plugin can be found under the following types:
Element   •   Action

Categories

This plugin can be found under the following categories:
Productivity   •   Technical   •   Data (things)   •   Social Network   •   Containers   •   Visual Elements

Rating and reviews

No reviews yet

This plugin has not received any reviews.
Bubble