How to Add an iFrame Widget
The iFrame widget allows you to embed external content such as forms, videos, or interactive tools, directly into your site. This is a great way to enhance your pages with dynamic and engaging elements without requiring users to leave your site.
You can add an iFrame widget to either a new page or an existing page.
Step 1: Add the iFrame Widget
Open the page you’d like to edit.
Click the Add button in the position where you want the iFrame to appear.
The Add Section pop-up will open.
From the categories on the left-hand side, select Third Party Integrations.
Choose the iFrame sub-category and click the iFrame widget.
The widget will now appear on your page, and its settings panel will open on the right-hand side.
Step 2: Embed Your Content
In this example, we’ll embed a Google Form using the iFrame widget.
Open your Google Form and copy the responder link.
2. Return to the iFrame widget’s settings panel.
3. Under the Content section, select iFrame.
4. Paste the copied link into the iFrame Source field.
5. Click Update to view your embedded form in the preview pane on the left.
You should now see your content displayed directly on the page.
Step 3: Customise the Appearance
Once your content is embedded, you can adjust how it appears to users.
Click the Styles tab in the settings panel.
Adjust the height of the iFrame as needed to ensure the embedded content displays properly.
Enable scrolling if the content extends beyond the visible area.
Customise the Spacing and Background settings to match your site’s design and layout.