Forum Academy Marketplace Showcase Pricing Features

🚀 [PLUGIN] Advanced iframe / Embed website

We’ve just released small but powerful plugin - iframe element for Bubble :rocket: This is probably the most advanced and also very simple to use iframe plugin for Bubble.

An iframe element allows to embed an external website into your Bubble app.

:fire: Some features:

  • Change the url dynamically without page reloads
  • Show / hide embedded website’s scroll bar
  • Use the “sandbox” attribute control to securely embed external pages (allow-downloads, allow-popups, allow-same-origin etc). Recommended for advanced users
  • Setting of the title, id, class attributes

Please note that some websites disable the ability to be shown in an iframe on an external website. As a quick example, you can’t render google.com in your iframe.

:link: Demo | Editor
:link: Here is another demo of a fullscreen iframe: Demo | Editor

:link: Plugin page:

:books: Full Description, Documentation & Screenshots:
https://bubble.digital-bird.com/plugins/iframe

4 Likes

Advanced iframe v 1.1.0 released!

In this version we added Fullscreen mode.

It renders fullscreen iframes on any screen/device size

Advanced iframe v1.2.0 released!

  • Added new field “Do not show alerts”: it removes the default plugin alert popups (when the provided URL is not correct).
  • Added new event “Incorrect URL”

These changes allows you to build a custom error handling (show an error message in a different language etc)!

1 Like

Hello! I’m having trouble integration Monday.com and Slack on this plugin. It just breaks the page not giving me any error or something. How can I troubleshoot it?

Hi @gabriel3 !
Could you please send me the url you are trying to display in the iframe? Or maybe your Bubble app url?
It will help me to understand better the issue

For example, this one:

Thanks, it looks like it’s a Slack link, not monday.com ?

First off, your plug in was among the best plug in purchases I’ve made for my app. I do have a request/suggestion, however. A conditional workflow event that recieves information dynamically from the embedded url (for example, “samplewebsite.com?information=passthistoapp”; along with that, the ability to use the extracted information to add to “things”.

Would be a huge help especially for what I’m working on, and I’m sure others would be able to make a great use of this.

Thank you!

1 Like

Thank you for your warm feedback!!

As far I understand, you want to trigger a workflow in your main app from the embedded url? If so, I do not think it’s technically possible :frowning:

As long as you can pass the URL and any updates to it from the iframe back to the plug-in, it’s super easy to have it then fire an event if that custom keyword is found

Another feature request that would be incredible is the ability to set the dimensions of the iframe; specific use case I’m looking to do is pull width and height from a database entry; the goal would be to ensure that if the size given to the iframe changes, the iframe updates to reflect the change

For security reasons, you can only get the url for as long as the contents of the iframe, and the referencing javascript, are served from the same domain. Source.
So I’m afraid it won’t be really useful…

This could be pretty useful! I’m going to put it into my features list, thanks!

Advanced iframe v1.3.1 released! :tada:

  • YouTube mode to embed URL of a YouTube video
  • Set iframe’s width/height dynamically
  • Improved fields documentation


@BubbleSam looks like this will help my case. Thanks for creating this. I just have a question.

I noticed the “Fullscreen” check box:
image

Can this be set conditionally or on button click? Similar to the Squarespace editor, how it expands to take up the entire page?

Thanks.

Hi @mihira , thank you for your interest in our plugin!
Unfortunately, this is the static field but thank you for the idea. Probably I will make it dynamic in the next release!

So far you can use the Set Size action to change the iframe dynamically

1 Like

Awesome! Thanks for considering this.