Description

Advanced iFrame Pro

Include content the way YOU like in an iframe that can hide and modify elements and forward parameters. You can also embed content directly or show a part of an iframe.

New since 6.3 Standalone version included: Use the plugin also without WordPress!

Please check the quickstart section! There you find out which features are available for you!

By entering the shortcode ‘[advanced_iframe securitykey=”your key”]’ you can include any webpage to any page or article. The following cool features compared to a normal iframe are implemented:

New: Pro demo with the most important pro features. Please allow the demo to load because there are 10 different iframes on this page which takes a while to load.
New: Graphical interface to select the area you want to show: See area selector.
Hide areas of the parent layout to give the iframe more space
Show only specific areas of the iframe even when the iframe is on a different domain (see the FAQ for limitations) or include parts directly (same domain) by jQuery
Hide areas of an iframe
Modify css styles in the parent and the iframe to e.g. change the width of the content area
Forward parameters to the iframe
Resize the iframe to the content height (same domain or with the external workaround) or width (same domain) on loading, AJAX or click
Scroll the parent to the top when the iframe is loaded
Hide the content until it is fully loaded
Add a css and js file to the parent page
Security code: You can only insert the shortcode with a valid security code from the administration.
Widget support
Browser detection: browser dependent iframes are possible
Modify link targets on the parent and in the iframe (external workaround)
Url forward parameter mapping
Redirect direct access of the iframe page to the parent page.
Zoom iframe content
Iframe loading icon
Accordion admin menu
Map parameter/value pairs to urls
Support for auto resize of hidden iframes.
Responsive iframes – *See this blog entry
Read only iframes
New 5.8: Shortcode generator
New 5.8: Open parameter url in iframe
New 5.8: Responsive video iframes
New 5.9: Lazy load of iframes
New 5.10: Write css directly
New 5.10: Resize iframe on element resize
New 5.10: Write css as script directly to the header
New 5.10: Add a css style to each parent element of the iframe
New 5.10: Dynamic src parameter + support of shortcodes
New 5.10: Include additional js to the iframe
New 6.0: Auto zoom
New 6.0: Lazy load with hidden elements
New 6.0: Support for the BBCode iframe
New 6.3: Support for configuration files for the external workaround
New 6.3: Standalone version included: Use the plugin also without WordPress!
New 6.4: 29 new features and 6 bug fixes. See the history
New 6.5: 15 new features and 8 bug fixes. Especially the administration was improved a lot! See the history
New 6.x: Many small new improvements and fixes…

Please note: Modification inside the iframe and auto height are only possible if you are on the same domain or use a workaround like described in the settings.

All settings can be set with shortcode attributes as well. If you only use one iframe please use the settings in the administration because there each parameter is explained in detail and also the defaults are set there.

Quick start guide

The quickstart guide is also available as video tutorial.

To include a webpage to your page please check the following things first:

Check if your page page is allowed to be included:
http://www.tinywebgallery.com/blog/advanced-iframe/free-iframe-checker!
Check if the iframe page and the parent page are one the same domain. www.example.com and text.example.com are different domains!
Can you modify the page that should be included?
Most likely you have one of the following setups:

iframe cannot be included: You cannot include the content because the owner does not allow this.
iframe can be included and you are on a different domain: See the feature comparison chart. To resize the content to the height/width or modify css you need to modify the remote iframe page by adding one line of Javascript to enable the provided workaround.
Iframe can be included and you are on the same domain: All features of the plugin can be used.
Check the feature comparison chart which features are available in detail for your setup. Please do this before you buy! http://www.tinywebgallery.com/blog/advanced-iframe/advanced-iframe-comparison-chart

Advanced users that have their own server might also setup a reverse proxy if the iframe page is on a different domain and cannot use the external workaround. See this blog for details.
If you mix http and https read this blog. Parent https and iframe http does not work on all mayor browsers!