In this documentation, we will show you how to customize the Iframe widget presented by the Element Pack Pro add-on.

Insert Iframe Widget

Open your page in the Elementor editor, search by the Iframe widget name, and then drag and drop it.

The default view of the Iframe widget

The default view displays the message.

Content Tab Customization

Layout Section

Go to Content > Layout

Find the Content Source URL box and put any URL the website will be visible on the iframe.

Google location can be shown here.

Crypto information also be shown. Let’s focus on next.

Then find the Auto Height, Iframe Height, and Iframe Container Width options.

Also, the Responsive Ratio can be set by selecting Width & Height, and Alignment options.

Lazyload Settings Section

Go to Content > Lazyload Settings

Find the Lazyload, Throttle, Threshold, and Live options.

Additional Settings Section

Go to Content > Additional Settings

Find the Allow Fullscreen, Show Scroll Bar, Sandbox, and Custom Attributes options.

Iframe Devices Section

Go to Content > Iframe

Find the Show Iframe Device switcher and then Select Device options.

Select Device Custom

Select the Custom Device will appear a new style Frame. and New section on Content.

Custom Device Section

Go to Content > Custom Device

Set Width and height, Find the BUTTONS > Show Left Button 1, Show Left Button 2, Show Left Button 3, Show Right Button 1, Show Right Button 2 switchers. Find the NOTCH > Show Notch and Type options, Find the BAZEL > Width and Border Radius options.

Style Tab Customization

Device Section

Go to Style > Device

Find the Color 1, Color 2, Buttons Color, Buttons Width, Right Button Y Offset, and Left Button Y Offset options.

Video Assist

Thanks for watching the Iframe widget Video Tutorial. Please visit the demo page for examples.

Thanks for being with us.