Menu

Jumbo boxIframe

An iframe element allows you to display a different web page in a framed box. In the context of the jumbo box, it is not allowed to embed iframe tags directly within the HTML before the user consents to cookies. This restriction ensures compliance with privacy regulations. To work around this limitation, instead of inserting an iframe, placeholder div must be used. Once the user accepts cookies, the script dynamically replaces the placeholder with the actual iframe. The placeholder div must contain all the necessary attributes (like src, width, height, etc.) that will be used in the final iframe. For implementations details, please refer to the example provided below.

Minimum requirements
  • 1 jumbo box
  • 1 hyperlink (div.generic-iframe[src])
Advanced settings

Presets

?

Variations

?

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Eu sem integer vitae justo eget magna fermentum iaculis eu. Et tortor consequat id porta. Quis varius quam quisque id diam vel.


HTML
Copy to clipboard

Details

Usage

The iframe element was designed to display webpages inside a jumbo box and should be used to avoid the user to leave the website.

HTML structure

Overall HTML view of an iframe element inside a jumbo box:

HTML file (.html)
...
div.jumbo-box
div.generic-iframe
...

Presets

Jumbo box with iframe presets:

PresetDescription
DefaultDefault template.

Variations

Jumbo box with iframe variations: