5
What’s New in FireBox: September & October 2024 What’s New in FireBox: September & October 2024 Read More FireBox 2.1.25 FireBox 2.1.25 What's New How to build an Exit-Intent Popup in Javascript How to build an Exit-Intent Popup in Javascript Read More Increase Visitor Engagement with Click Popups Increase Visitor Engagement with Click Popups Read Tactic Info Slide in Notification Info Slide in Notification View Template
5
What’s New in FireBox: September & October 2024 What’s New in FireBox: September & October 2024 Read More FireBox 2.1.25 FireBox 2.1.25 What's New How to build an Exit-Intent Popup in Javascript How to build an Exit-Intent Popup in Javascript Read More Increase Visitor Engagement with Click Popups Increase Visitor Engagement with Click Popups Read Tactic Info Slide in Notification Info Slide in Notification View Template
Log in Get Started
All Articles
FireBox
FAQ Extending Triggers Display Conditions The Popup Editor Popup Examples Analytics Tips and Tricks Popup Library Integrations Getting Started Forms Blocks
General
Extending Plugins

How to create an IFrame popup

An IFrame popup is very helpful and robust way to create a popup that contains an IFrame. Using the HTML iframe tag can be tricky and unpredictable in some situations. Let’s see how we can set one up with FireBox.

Get started by creating an empty popup.

  • Go to FireBox > Dashboard
  • Click on “New Popup”
  • Click on “Blank Popup”
  • Enter a Custom HTML block and enter the following IFrame code
<iframe width="100%" height="650px" src="https://example.com/" scrolling="auto" frameborder="0" allowtransparency="true" class="fboxFitFrame"></iframe>

Replace https://example.com/ with the URL of the site you want to embed.

You can now further customize your popup to fit your needs.

Notes

It should be noted that a website can be configured so that they are not allowed to be viewed through an iframe from a different website. In this case, the iframe will load a blank page.

It should also be noted that some popular browsers disallow the loading of iframes that contain non-HTTPS content on webpages that are under HTTPS. This policy is called Mixed Content Blocking and has been the norm since at least 2013.

Was this helpful?
Yes No
In this article
Quick navigation