How to Add and Configure Iframes in Components?
Questions:
- How do I embed custom HTML in a slide?
- How do I use iframes in my banner?
- Why am I getting an iframe language error?
Description:
This guide explains how to embed external content, such as third-party players or forms, into your multi-slide banner using custom HTML. The system includes built-in validation to ensure your embedded code is safe and correctly assigned.
We'll show you, step by step, how to:
- Select Format: Activate the custom code embedding tool.
- Insert Snippet: Paste your external HTML directly into the slide configuration.
- Clear Validation: Ensure all language requirements are met to prevent display errors.
Solution:
-
Select the Iframe Format - Click the code icon () located at the top right of the media settings panel to activate the HTML embedding mode.
-
Insert Your Code
Paste your complete external code into the text box labeled "Enter iFrame HTML". Ensure you include the standard opening and closing tags.
-
Satisfy Language Validation
Confirm that you have pasted the iframe code while your system is set to its default language.
-
Clear Warning Messages
If you see a red warning stating "The iFrame for the default language must be defined," return to your default language tab and paste the code there to resolve the error.
-
Save and Sanitize
Save your configurations once the red warnings disappear. The system will automatically sanitize the embedded code for security.
Tips and Tricks:
Pro-Tips:
- Always test your embedded iframes on the live page to ensure third-party content scales correctly within your banner container.
- Double-check your external source code to ensure it uses a secure HTTPS connection before pasting it into the component.
Warnings:
- Do not attempt to save the component if the red validation text is visible, as your iframe will fail to load for visitors.
- Missing the closing tag in your HTML snippet can break the visual layout of the entire banner.