Adding an iframe element

Styling an iframe element

Configuration options

Display an external website on your Vev project with an iframe container.

Iframe element in Vev

👍🏽 Adding an iframe element

As an Element

  • From the top menu bar, click on the Add Menu (Shortcut: M)

  • Search for and select 'Iframe'

  • Click and drag the element onto your canvas

Adding an Iframe Element

As a Section

  • From the top menu bar, click on the Add Menu (Shortcut: M)

  • Search for and select Iframe

  • Click it

  • Press Alt

  • Click where it says Add section here

Adding The URL of Your Page

  • Double-click the Iframe element

  • Paste the URL in the URL to page field

🎨 Styling an iframe element

  • Spacing top: Add padding to the top of the Iframe section in pixels or % to keep spacing between sections

  • Spacing bottom: Add padding to the bottom of the Iframe section in pixels or % to keep spacing between sections

  • Width: The width of an Iframe section can't be altered, it'll always be set to cover the 100%

  • Height: Set the height of the Iframe section in Pixels, % or set it to Auto so that it grows as you add content to it

  • Min H: Sets the minimum amount of height pixels an Iframe section can be. A red stippled horizontal line inside your section will reflect the minimum height

  • Clip content: Toggle to hide the content that goes beyond the section's edges

  • Resize to fill vertically: Click to set the section's height to 100%

  • Background: Change the element's background color

  • Border: Set a border color, opacity, and line weight for the element's container

  • Effects: Add different types of shadows or blur effects to the element's container. Learn more about effects

Styling an Iframe element

⚙️ Configuration options

Once you've added the Iframe element to your canvas, you can upload your desired URL. To start, double-click the Iframe element to open the configuration options.

Parameter

Description

URL to page

The field where you can paste the page's URL

Scale page

Scales the page up

Did this answer your question?