What are sandbox attributes?

The sandbox attribute restricts what an iframe can do. Common flags include allow-scripts (run JavaScript), allow-forms (submit forms), allow-same-origin (access cookies), and allow-popups (open new windows). Adding no flags creates the most restrictive sandbox.

What is the 'allow' attribute for?

The allow attribute grants access to browser APIs: camera, microphone, geolocation, fullscreen, payment, and more. Only grant permissions that the embedded page actually requires.

Why should I always set a title attribute?

The title attribute is read by screen readers to describe the iframe's purpose to users with visual impairments. It is required for WCAG accessibility compliance.

What does loading='lazy' do?

lazy loading defers the iframe from loading until it is near the viewport, which improves initial page load time. Use eager for iframes that are visible above the fold.

developer Free No signup

iframe Code Generator

Visually build <iframe> embed code with full control over size, sandbox policies, permissions, and loading strategy.

Loading tool…

About this tool

Configure every attribute of an HTML <iframe> element through a visual form and get clean, ready-to-paste code. Set width, height, title, sandbox flags, allow permissions (camera, microphone, fullscreen, payment), and loading strategy. Use built-in presets for YouTube, Google Maps, CodePen, and more. A live sandboxed preview shows how the embedded content will appear.

How to use

1 Step 1: Enter the URL you want to embed, or choose a preset (YouTube, Google Maps, CodePen, etc.).
2 Step 2: Set the width and height in pixels or percent, and provide an accessible title attribute.
3 Step 3: Configure sandbox flags and allow permissions as needed for the embedded content.
4 Step 4: Copy the generated <iframe> code and paste it into your HTML. Use the preview panel to verify appearance.

About this tool

How to use

Frequently Asked Questions