Iframe Embed Generator Widget

How it works

An iframe embeds one webpage inside another. This widget generates the HTML iframe code for any URL you provide – just paste the URL, set the height, and copy the generated code into your page.

The key options are:

• URL: the full address of the page you want to embed, starting with https://
• Height: the vertical size of the embed in pixels. The default is 600px which works well for most tools and forms
• Sandbox: when enabled, this restricts what the embedded page can do (no forms, no scripts, no top-level navigation). Only enable this if you are embedding an untrusted page

Not all pages can be embedded – sites that set an X-Frame-Options or Content-Security-Policy header blocking framing will not work in an iframe. In that case, you would need to either use a proxy service, link directly, or use an API if the site offers one.

Common uses:

• Embedded calculators: if another site offers a calculator with an embed URL, you can generate the iframe here
• Document viewers: Google Docs, PDFs, or document preview services that support embedding
• Third-party tools: booking systems, quotation tools, or forms from third-party providers
• Google Maps: any embeddable map or location page

Responsive embeds: the generated iframe uses width="100%" by default, which means it will fill whatever container it's placed in. This is the right setting for most use cases – the height is the main thing to adjust.

Mobile: iframes behave differently on mobile – some sites detect the small viewport and show a mobile-friendly version, while others may not render well. Test on mobile before publishing if the embedded content is important.

How to add it