Skip to content



Download and install this package with one of the following options.

Terminal window
npm install @iframe-resizer/jquery --save

You will also need to ensure that the @iframe-resizer/child package has been loaded into the iframe.


Use jQuery to find the iframes on the page and then pass them to the iframeResize() method. The plugin will automatically filter out any non-iframe elements returned by jQuery.

<script src="/node_modules/jquery/jquery.js"></script>
<script src="/node_modules/iframe-resizer/jquery/index.umd.js"></script>
$('iframe').iframeResize({ license: 'xxxx' });

You can pass any of the standard Parent API options and events via this plugin.

Child page

You will then need to install the @iframe-resizer/child package on the page in the iframe.

Once everything is setup, keep an eye on the browser console, as iframe-resizer will warn about any potential issues it detects and provide advice on how to fix them. For more details on using iframe-resizer see the Performance and Trouble Shooting sections of this guide.

Was this page useful?