Title: iFrame – Responsive Embeds for Videos, Maps, Websites & Docs Author: bPlugins Published: 11 Luj 2026 Last modified: 04 Setember 2026 --- Search plugins ![](https://ps.w.org/b-iframe/assets/banner-772x250.png?rev=3681433) ![](https://ps.w.org/b-iframe/assets/icon.svg?rev=3681433) # iFrame – Responsive Embeds for Videos, Maps, Websites & Docs By [bPlugins](https://profiles.wordpress.org/bplugins/) [Download](https://downloads.wordpress.org/plugin/b-iframe.1.1.1.zip) * [Details](https://lmo.wordpress.org/plugins/b-iframe/#description) * [Reviews](https://lmo.wordpress.org/plugins/b-iframe/#reviews) * [Installation](https://lmo.wordpress.org/plugins/b-iframe/#installation) * [Development](https://lmo.wordpress.org/plugins/b-iframe/#developers) [Support](https://wordpress.org/support/plugin/b-iframe/) ## Description **[Live Demo](https://iframe.bplugins.com/)** | **[Support](https://wordpress.org/support/plugin/b-iframe/)** iFrame puts any web content inside your pages — videos, maps, playlists, design files, documents or whole websites — in an iframe that actually behaves. **Paste a link, get a working embed.** Normal page links from YouTube, Vimeo, Dailymotion, Google Maps, Spotify, Loom and Figma are rewritten to their embeddable form automatically; YouTube even switches to the privacy-enhanced no-cookie player. No hunting for “ embed URLs”. **It fits every screen.** Pick an aspect ratio — 16:9, 4:3, 1:1, 9:16, 21:9 or your own — and the iframe scales with the page instead of overflowing on mobile. Prefer exact dimensions? Fixed width and height still work. **Build once, embed everywhere.** The ShortCode Generator gives every iframe you design its own shortcode like `[b-iframe id="123"]` — paste it into posts, widgets, Elementor or your theme, and edit the iframe in one place. **Fast and search-friendly.** Iframes are rendered server-side: crawlers see them, no-JavaScript visitors see them, and your layout never shifts while loading. The editor even warns you when a site refuses to be embedded, before your visitors meet an empty box. #### Features * **Responsive sizing**: Keep an aspect ratio (16:9, 4:3, 1:1, 9:16, 21:9 or custom) so the iframe scales with the page, or set a fixed height. * **Smart URL conversion**: Paste a normal YouTube, Vimeo, Dailymotion, Google Maps, Spotify, Loom or Figma page link — it is converted to the embeddable form automatically (YouTube uses the privacy-enhanced youtube-nocookie.com player). * **Server-side rendering**: The iframe is real HTML — visible to search engines and visitors without JavaScript, with no layout shift. * **Embed check**: The editor warns you when a site refuses to be embedded, before your visitors see an empty box. * **ShortCode Generator**: Build reusable iframes in the block editor and place them anywhere with [b-iframe id=”123″]. * **Title**: Specify the title for the iframe. * **Loading Behavior**: Configure the loading behavior. * **Full Screen**: Activate Full Screen to enable the iframe in full-screen mode. * **Layout**: Define the width and height for the iframe. * **Design**: Apply borders and shadows to enhance the iframe’s visual appearance. #### How to use * Install and activate iFrame. * Add the **iFrame** block in the editor and paste any URL — recognised links convert automatically. * Pick a sizing mode (aspect ratio or fixed), style it, publish. * Or open **iFrame Add New ShortCode** to build a reusable iframe and paste its shortcode anywhere — even `[iframe src="https://…" ratio="16:9"]` works directly. * For installation help click on Installation Tab. #### Feedback * Did you like this plugin? Dislike it? Do you have a feature request? [Please share your feedback with us](https://lmo.wordpress.org/plugins/b-iframe/support@bplugins.com?output_format=md) ### Check out the Parent Plugin of this plugin- [**B Blocks**](https://bblockswp.com) – A blocks collection and page building tool for Gutenberg. ### Check out our other WordPress Plugins- [**Html5 Video Player**](https://bplugins.com/products/html5-video-player/) – Display videos as single and playlist in multiple skins. [**PDF Poster**](https://bplugins.com/products/pdf-poster/) – Display/Embed PDF files with different styles. [**Html5 Audio Player**](https://bplugins.com/products/html5-audio-player/) – Listen audios with awesome visuals. [**StreamCast**](https://bplugins.com/products/streamcast-radio-player/) – Customizable radio player with different skins. [**3D Viewer**](https://bplugins.com/products/3d-viewer/) – Embed 3D models and 3D products with interaction. [**Advanced Post Block**](https://bplugins.com/products/advanced-post-block/) – Show posts and custom posts in different layouts. #### ShortCode Use the following ShortCode to Embed Iframe. ``` [iframe src='https://bplugins.com' title='bPlugins Website' width='100%' height='800px' loading='auto' border_width='2px' border_style='solid' border_color='#146EF5' border_radius='8px'] ``` ### External services This plugin uses the Freemius SDK for optional usage tracking and update notifications. No data is sent unless you explicitly opt in on the consent screen shown after activation— choosing Skip keeps the plugin fully functional with no data shared. When you opt in, basic WordPress environment information and your email are sent to Freemius. Freemius terms: https://freemius.com/terms/ — privacy policy: https://freemius.com/ privacy/ ### Source Code The complete, un-minified source code for this plugin’s JavaScript and CSS is included in the `src/` directory of the plugin, and is also available on GitHub: [**iFrame on GitHub**](https://github.com/bPlugins/b-iframe) #### Build instructions The compiled files in `build/` are generated from `src/` using [@wordpress/scripts](https://developer.wordpress.org/block-editor/reference-guides/packages/packages-scripts/)( webpack). To build them yourself: 1. Install [Node.js](https://nodejs.org/) (18+) and npm. 2. From the plugin directory, run `npm install` to install the build dependencies ( see `package.json`). 3. Run `npm run build` to compile `src/` into the minified files in `build/`. 4. Run `npm start` instead for a development build with file watching. The build tooling is configured in `package.json` and `webpack.config.js`. The full development setup, including the linting configuration, is available in the GitHub repository linked above. ### Third-Party Libraries This plugin bundles the following third-party JavaScript/PHP libraries. #### bpl-tools * Source / GitHub: https://github.com/bPlugins/bpl-tools * License: GPL-2.0-or-later – https://www.gnu.org/licenses/gpl-2.0.html * Purpose: Shared utility library providing admin dashboard components and common Gutenberg editor controls. * External Services: The library may connect to bPlugins, WordPress.org, and Freemius services for product data and checkout functionality. See full details: https:// github.com/bPlugins/bpl-tools#external-requests–why-they-are-made ## Screenshots [⌊iFrame⌉⌊iFrame⌉[ iFrame [⌊Settings⌉⌊Settings⌉[ Settings [[ ## Blocks This plugin provides 1 block. * iFrame Embed website in your page! ## Installation #### From Gutenberg Editor: 1. Go to the WordPress Block/Gutenberg Editor 2. Search For **iFrame** 3. Click on the **iFrame** to add the block #### Download & Upload: 1. Download the **iFrame** plugin (_.zip file_) 2. In your admin area, go to the Plugins menu and click on **Add New** 3. Click on **Upload Plugin** and choose the **`b-iframe.zip`** file and click on ** Install Now** 4. Activate the plugin and Enjoy! #### Manually: 1. Download and upload the **iFrame** plugin to the **`/wp-content/plugins/`** directory 2. Activate the plugin through the Plugins menu in WordPress ## FAQ ### Is iFrame free? Yes, iFrame is a free Gutenberg block plugin. ### Does it work with any WordPress theme? Yes, it will work with any standard WordPress theme. ### Can I change block settings? Yes, you can change block settings from the Gutenberg block editor’s right sidebar. ### How many times can I reuse a block? You can use unlimited times as you want. ### Where can I get support? You can post your questions on the [support forum here](https://wordpress.org/support/plugin/b-iframe/) ## Reviews There are no reviews for this plugin. ## Contributors & Developers “iFrame – Responsive Embeds for Videos, Maps, Websites & Docs” is open source software. The following people have contributed to this plugin. Contributors * [ bPlugins ](https://profiles.wordpress.org/bplugins/) * [ Abu Hayat ](https://profiles.wordpress.org/abuhayat/) * [ Charles Cormier ](https://profiles.wordpress.org/charlescormier/) [Translate “iFrame – Responsive Embeds for Videos, Maps, Websites & Docs” into your language.](https://translate.wordpress.org/projects/wp-plugins/b-iframe) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/b-iframe/), check out the [SVN repository](https://plugins.svn.wordpress.org/b-iframe/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/b-iframe/) by [RSS](https://plugins.trac.wordpress.org/log/b-iframe/?limit=100&mode=stop_on_copy&format=rss). ## Changelog #### 1.1.1 * New: The editor shows each reusable iframe’s shortcode above the block, with one-click copy. * Improved: YouTube embeds preview as a thumbnail in the editor — the live player refuses to run inside the editor canvas and looked like a broken embed. * Improved: Dashboard polish — welcome banner, working Start Now and View Demos buttons, updated tutorial video. * Improved: Live demo link in the readme. #### 1.1.0 * New: Optional usage tracking via Freemius — asked once, only active if you opt in. * New: Aspect-ratio sizing mode — the iframe keeps its ratio and scales with the page width. * New: Page links from YouTube, Vimeo, Dailymotion, Google Maps, Spotify, Loom and Figma are converted to their embeddable form automatically (block and shortcode). * New: Correct iframe permissions (autoplay, fullscreen, picture-in-picture) and referrer policy per provider. * New: The editor warns when a site’s headers forbid embedding. * Improved: The iframe is now rendered server-side — visible without JavaScript, indexable, no layout shift; the frontend script is ~90% smaller. * New: ShortCode Generator — build reusable iframes in the block editor (iFrame menu) and embed them anywhere with [b-iframe id=”123″]; edit once, updates everywhere. * New: Help & Demos page with a live example and full shortcode reference. * Fixed: The [iframe] shortcode was never loaded and did not work. * Fixed: allowfullscreen was emitted in a form browsers treat as enabled even when turned off. #### 1.0.0 * Initial Release ## Meta * Version **1.1.1** * Last updated **4 days ago** * Active installations **Fewer than 10** * WordPress version ** 6.5 or higher ** * Tested up to **7.1** * PHP version ** 7.4 or higher ** * Language * [English (US)](https://wordpress.org/plugins/b-iframe/) * Tags * [block](https://lmo.wordpress.org/plugins/tags/block/)[embed](https://lmo.wordpress.org/plugins/tags/embed/) [iframe](https://lmo.wordpress.org/plugins/tags/iframe/)[url embed](https://lmo.wordpress.org/plugins/tags/url-embed/) * [Advanced View](https://lmo.wordpress.org/plugins/b-iframe/advanced/) ## Ratings No reviews have been submitted yet. [Your review](https://wordpress.org/support/plugin/b-iframe/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/b-iframe/reviews/) ## Contributors * [ bPlugins ](https://profiles.wordpress.org/bplugins/) * [ Abu Hayat ](https://profiles.wordpress.org/abuhayat/) * [ Charles Cormier ](https://profiles.wordpress.org/charlescormier/) ## Support Got something to say? Need help? [View support forum](https://wordpress.org/support/plugin/b-iframe/) ## Donate Would you like to support the advancement of this plugin? [ Donate to this plugin ](https://gum.co/wpdonate/)