Embedded iFrame Widget in Bubble

Hi

We’ve spent quite a bit of time figuring out how to create an iFrame embedded widget using bubble.

You can use iframes for all kinds of usecases like calculators, chat bubbles, review widgets, multi-step onboarding etc.

I’ve create a video walkthrough showing how I have created a Bubble iframe on my webflow site

You can find the full step-by-step guide here

Happy to answer any questions

Thanks
Zubair

3 Likes

The text in my javascript isn’t going blue - the popup function isn’t working for me when I copy and paste according to these instructions.


Thanks for this tutorial ! very helpful ! I am wondering if it is possible to run the parent code - postmessage from the iframe / bubble app instead of pasting it into the app code ? I want to build a rating widget app saas for and it is not very UX friendly to ask a customer to go into its code and paste the parent code and then paste the snippet/iframe code (I am looking more of a UX like Usersnap where a customer just pastes the snippet to its page header). do you know if it is possible ?