Articles on: Components & Elements


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


Thank you!