Display an external website on your Vev project with an iframe container.
👍🏽 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
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
⚙️ 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 |