⚡ Bring custom HTML and external pages into Bubble.
Need to add custom HTML to your app or embed an external website? This plugin makes it simple. Add your own HTML, load external pages with an iFrame, and connect them with your Bubble workflows when you need to.

Two elements included: HTML Block for custom HTML and iFrame Loader for external pages.

────────────────────────────────
CHECK IT
────────────────────────────────

DEMO: https://plugins-testing-46093.bubbleapps.io/version-test/api/1.1/mobile/preview?debug_mode=true&preview_view=htmliframe

EDITOR:https://bubble.io/page?id=plugins-testing-46093&test_plugin=1786936338224x402242582510305300_current&tab=Design&name=htmliframe&type=page&elements=bTHXw

═══════════════════════════════

🔁 CONNECT HTML WITH BUBBLE

Want your HTML to interact with the rest of your app? You can send data from your HTML to Bubble and trigger workflows, or send data from Bubble back to your HTML.

That means your HTML doesn't have to be just something you display. You can use it for interactive actions.
═══════════════════════════════

📦 HTML BLOCK

Add your own HTML directly to your Bubble app and have full control over how it looks and behaves.

📏 Automatic height. The element adjusts to the content inside it, both when it grows and when it gets smaller. No unnecessary scrollbars or empty space.

🔎 Know when content is being cut off. Get the actual content height and the rendered height, so you can easily detect when something doesn't fit and show a "read more" button.

🎨 Make it fit your app. Set the background, text color, font, font size, and padding. You can also add your own CSS when you need more control.

🔗 Handle links your way. Open links in the device's browser or capture them inside Bubble and decide what should happen next.

⚙️ Actions: Reload · Run JavaScript · Send Data To HTML · Scroll To Top · Recalculate Height

═══════════════════════════════

🌐 IFRAME LOADER

Need to show another website inside your app? Load it with the iFrame Loader and control how it behaves.

🖥️ Desktop mode. Load the desktop version of a website instead of its mobile layout.

🔍 Zoom control. Set the initial zoom level and choose whether users can pinch to zoom. Works on both iOS and Android.

🧭 Keep track of the page. Get the current URL, page title, and navigation status. You can use this to build your own back and forward buttons inside your app.

🔒 Control what can be opened. Restrict browsing to the starting domain, add allowed origins, enable or disable JavaScript, and use incognito mode when needed.

⚙️ Actions: Go Back · Go Forward · Reload · Stop Loading · Load URL · Run JavaScript · Send Data To Page · Clear Cache


═══════════════════════════════

Have a question or need something specific? Feel free to reach out at [info@technocode.agency](mailto:info@technocode.agency)