Hello Bubble Community,
I’m working on embedding external websites into an iFrame within my Bubble application and I’ve come across a technical hurdle I hope you can help me with.
I’ve been following a guide on Stack Overflow (html - Iframe "(Site Name) Refused to Connect." Error - Stack Overflow) which provides a solution to the ‘refused to connect’ error that often occurs when embedding sites. The solution involves using a PHP file to serve as a proxy.
My question is, where should I upload my jupyternb_test.php
file in my Bubble application to properly implement this solution? I understand that the file needs to be accessible via a URL to work as intended for the iFrame.
Here’s what I’m trying to achieve:
-
User accesses my Bubble app. Bubble | No-code apps
-
User is presented with an iFrame displaying content from an external website. /jupyternb_test.php?url=https://cautious-tribble-5j95q75jrcvxj9.github.dev/
-
jupyternb_test.php
acts as a middleman to avoid direct embedding issues.
- This is the code I’m using in the HTML element.
src=“/jupyternb_test.php?url=https://cautious-tribble-5j95q75jrcvxj9.github.dev/”
width=“100%”
height=“500px”
I would greatly appreciate any guidance or instructions on how to set this up correctly in Bubble. Has anyone here successfully implemented something similar and could offer some advice or steps to follow?
Thank you in advance for your time and help!
Best, Jonathan