Advanced iFrame Pro allows you to include the content you want in an iframe that can be hidden and modified by Elementor, in addition to sending parameters. You can also embed content directly or display it as part of an iframe.
We advise you to review the video in the Product Video tab, where you will find out what features are available in Advanced iFrame Pro. For example, to resize content to height or modify the CSS of an iframe you need to add a line of JavaScript to the remote content. You also cannot include HTTP pages within HTTPS pages. You should have basic knowledge of HTML/CSS and be able to identify elements of your web page.
Features of Advanced iFrame Pro
- Resize the iframe to the height or width of the content. For content within the same domain or if you have access to remote content, you can resize the iframe to suit. Dynamic size changes are also detected in the iframe and even automatic height adjustment of hidden elements is supported.
- Show only specific areas of the iframe. Even if you are not on the same domain and cannot modify the external page, you can display a part of the remote content in the iframe. With the include area selector you can simply select the area you want to display in the iframe with the mouse. You can also hide certain areas of remote content. For perfect integration, zoom is also supported.
- Increase the content of the iframe. You can enlarge the content of an iframe by a fixed ratio and you can also do autozoom, which calculates the zoom factor based on the size of the browser window. This can be used especially on non-responsive pages as a solution for mobile devices.
- Modify CSS styles. You can dynamically change the CSS of the parent and depending on the configuration even the iframe page as well. This way you can hide elements such as the header or footer or override static sizes to create a more responsive page.
- Lazy loading. Lazy loading is the perfect feature to improve your page loading time. This way the main content is loaded first and only then the iframe is loaded. You can also load the iframe only when it becomes visible or when a button is clicked.
- Charge indicator. Loading iframes often takes extra time, so now you can show your users a loading icon while the iframe fully loads.
- Responsive videos/iframes. Advanced iFrame Pro includes several options to make iframes responsive. Videos are also supported.
- Browser detection. Many websites display differently in different browsers. By including browser detection you can display different iframes or different parts of an iframe depending on the detected device.
- Change the destination of links and display iframes as a layer with header and footer. You can dynamically change the link destination of the remote content and even, depending on your configuration, the iframe page as well. This also enables the feature that links can also be opened in an extra layer of an iframe. This way users do not have to leave your website even when they click on external links. A custom header and footer can also be included in the layer.
- Scroll on iPad and iPhone. By default, iOS does not support scrolling within an iframe. Thanks to this functionality, combined with browser detection, iOS users can scroll through iframes.
- Use iframes in widget areas. Advanced iFrame Pro includes a widget to add an iframe to your widget areas.
- Support for iframe cookie. IE and Safari do not have full support for iframes cookies. Other browsers can also be configured not to accept them. Advanced iFrame Pro solves this with a feature for it.
- Support for Gutenberg. Advanced iFrame Pro includes a block for use with the WordPress block editor.



