Integrating Bubble on External Websites (iFrame?)

I am using Bubble to create a banner at the bottom of a page, when clicked a pop up appears. I have enabled iFrames in Bubble so I can use it on other external sites.

Because the iFrame is 100% width and height with a higher z index, it is appearing correctly however it doesn’t allow to interact with the website it is on (because it had a lower z index). Is there a workaround or another way to have Bubble appear like this on external sites? Thank you in advance.

Bubble app - no background color so website content appears below

Bubble app in Shopify via iFrame:

.bubble { width: 100%; height: 100%; position: fixed; bottom: 0; right: 0; border: 0px; z-index: 1000; }

This topic was automatically closed after 70 days. New replies are no longer allowed.