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.
