How to Use an iFrame Element in FlexiFunnels

Modified on Thu, 28 Jul, 2022 at 7:22 PM

iFrames are used commonly in many sites to present content from another website. It’s like a window for users to see the external content right on an existing page.




Step 1: Adding The iFrame Element:

On your Landing Page Editor

Click on the Add Icon From the Left side panel  > Select "Components" > Select "Elements" > Click on the "iFrame" Element to import the iFrame element in your Landing Page Editor.


Step 2: Editing The iFrame Element:

1. Hover over your iFrame Element and click on the gear icon to access the element’s settings.



2. Add Iframe Source and Adjust iFrame according to your Desktop & Mobile preferences.

Iframe Height - Adjust the height of your iFrame Element using this setting, according to your preference on mobile and desktop.



Source - Enter the URL of the page you want to embed/show to your content in the iFrame Element.



Click on "PUBLISH" to make your changes Live, Click on "SAVE" to save your changes as a draft.



Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select at least one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article