Weāve just released small but powerful plugin - iframe element for Bubble 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.
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.
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
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.
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!
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
Hi @BubbleSam ā it appears that the Advanced iframe plugin is blocking the embedded websiteās access to the microphone. Iām happy to DM screenshots and console logs to assist with debugging.
Thanks for reporting this!
I received your email yesterday. Iāll check it out ASAP but honestly Iām not sure it will be possible to fixā¦ It doesnāt seem to be an extension bug but this is how this website works in an iframeā¦
Hi @BubbleSam - I ran one test with this site (Twilio Flex) embedded as an iframe on a non-Bubble site and the microphone worked fine. I ran a second test using the same embedded site (Twilio Flex) on a Bubble site using Bubbleās default html element with āDisplay as iframeā checked (src=āawebsite.comā allow=āmicrophoneā) and the microphone also worked fine. I ran a third test that was the same as the second, but omitted the āallowā attribute from the iframe and the microphone was blocked. Therefore, it seems like the solution may be related to exposing the āallowā attribute just like you do for āsandboxā. Any updates from your side? Any data or logging you need me to share?
This is probably the most advanced and also very simple to use iframe plugin for Bubble.
Some features:
Demo | Editor
Full Description, Documentation & Screenshots:
