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.
Variations
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:
div.jumbo-box
div.generic-iframe
Presets
Jumbo box with iframe presets:
Preset | Description |
---|---|
Default | Default template. |
Variations
Jumbo box with iframe variations: