Articles on: Components & Elements

Iframe

Getting Started



The Iframe element allows you to add iframe code inside it for any embedding. An inline frame (iframe) is an HTML element that loads another HTML page within the document. It essentially puts another webpage within the parent page. They are commonly used for advertisements, embedded videos, web analytics, and interactive content.


Adding the iframe element



Follow the steps below to add an iframe to your site.

Click on the + button labeled Add Element or Container within an empty container
From the Elements tab, select Iframe

Refer to the GIF below:





Editing the iframe element



Follow the steps and instructions below to add and edit an iframe on your site.

The iframe element editor has the following options:

Iframe Content
Iframe Background

The iframe element editor:




Iframe Content



In this option, you can add an Iframe Url and adjust the size (width and height) and aspect ratio of your iframe.

⚠️ Remember to only paste the URL instead of the entire iframe tag




Refer to the list below to see the functionalities of each feature briefly:







Iframe URL: Paste the URL or the embedding link into this input field, not the code; just the URL will do.
Width: Adjust the width of the iframe element
Height: Adjust the height of the iframe element
Aspect Ratio: Change the aspect ratio of the iframe.


Iframe Background



Add a background style to your iframe by adding plain color or a gradient.


Updated on: 13/05/2024

Was this article helpful?

Share your feedback

Cancel

Thank you!