{"id":283191,"date":"2026-07-11T07:25:47","date_gmt":"2026-07-11T07:25:47","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/b-iframe\/"},"modified":"2026-09-04T15:41:49","modified_gmt":"2026-09-04T15:41:49","slug":"b-iframe","status":"publish","type":"plugin","link":"https:\/\/lmo.wordpress.org\/plugins\/b-iframe\/","author":22028296,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"1.1.1","stable_tag":"1.1.1","tested":"7.1","requires":"6.5","requires_php":"7.4","requires_plugins":null,"header_name":"iFrame \u2013 Responsive Embeds for Videos, Maps, Websites & Docs","header_author":"bPlugins","header_description":"Responsive iframe embedding for videos, live website, and more..","assets_banners_color":"f0f5ff","last_updated":"2026-09-04 15:41:49","external_support_url":"","external_repository_url":"","donate_link":"https:\/\/gum.co\/wpdonate\/","header_plugin_uri":"","header_author_uri":"https:\/\/bplugins.com","rating":0,"author_block_rating":0,"active_installs":0,"downloads":252,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.0.0":{"tag":"1.0.0","author":"bplugins","date":"2026-07-26 10:21:47","revision":3623205},"1.1.0":{"tag":"1.1.0","author":"bplugins","date":"2026-09-04 14:08:32","revision":3681326},"1.1.1":{"tag":"1.1.1","author":"bplugins","date":"2026-09-04 15:41:49","revision":3681433}},"upgrade_notice":[],"ratings":[],"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":3681433,"resolution":"128x128","location":"assets","locale":"","width":128,"height":128},"icon-256x256.png":{"filename":"icon-256x256.png","revision":3681433,"resolution":"256x256","location":"assets","locale":"","width":256,"height":256},"icon.svg":{"filename":"icon.svg","revision":3681433,"resolution":false,"location":"assets","locale":false}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":3681433,"resolution":"1544x500","location":"assets","locale":"","width":1544,"height":500},"banner-772x250.png":{"filename":"banner-772x250.png","revision":3681433,"resolution":"772x250","location":"assets","locale":"","width":772,"height":250}},"assets_blueprints":{},"all_blocks":{"bifrm\/iframe":{"$schema":"https:\/\/schemas.wp.org\/trunk\/block.json","apiVersion":3,"name":"bifrm\/iframe","title":"iFrame","description":"Embed website in your page!","category":"media","keywords":["iframe","website embed","embed","embed website","url","website view"],"textdomain":"b-iframe","attributes":{"align":{"type":"string","default":""},"src":{"type":"string","default":""},"sizing":{"type":"string","default":"fixed"},"ratio":{"type":"string","default":"16\/9"},"title":{"type":"string","default":"Iframe title"},"loading":{"type":"string","default":"auto"},"elements":{"type":"object","default":{"fullscreen":true}},"layout":{"type":"object","default":{"alignment":"center"}},"advanced":{"type":"object","default":{"dimension":{"width":{"desktop":"100%","width":{"desktop":"100%"}},"height":{"height":{"desktop":"673px"}}},"borderShadow":{"normal":{"border":{"color":"#146ef533","style":"solid","width":"1px"},"radius":{"top":"5px","right":"5px","bottom":"5px","left":"5px"}}}}}},"supports":{"align":["wide","full"],"html":false},"example":{"attributes":{"preview":true,"columns":{"desktop":1,"tablet":1,"mobile":1}}},"editorScript":"file:.\/index.js","editorStyle":"file:.\/index.css","style":"file:.\/view.css","render":"file:.\/render.php","viewScript":"file:.\/view.js"}},"tagged_versions":["1.0.0","1.1.0","1.1.1"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":3603725,"resolution":"1","location":"assets","locale":"","width":1600,"height":1000},"screenshot-2.png":{"filename":"screenshot-2.png","revision":3603725,"resolution":"2","location":"assets","locale":"","width":1600,"height":1000},"screenshot-3.png":{"filename":"screenshot-3.png","revision":3603725,"resolution":"3","location":"assets","locale":"","width":1600,"height":1000}},"screenshots":{"1":"iFrame","2":"Settings"}},"plugin_section":[],"plugin_tags":[1220,230,1860,45925,271025],"plugin_category":[56],"plugin_contributors":[183994,226291,198811],"plugin_business_model":[],"class_list":["post-283191","plugin","type-plugin","status-publish","hentry","plugin_tags-block","plugin_tags-embed","plugin_tags-iframe","plugin_tags-url-embed","plugin_tags-website-embed","plugin_category-social-and-sharing","plugin_contributors-abuhayat","plugin_contributors-bplugins","plugin_contributors-charlescormier","plugin_committers-bplugins"],"banners":{"banner":"https:\/\/ps.w.org\/b-iframe\/assets\/banner-772x250.png?rev=3681433","banner_2x":"https:\/\/ps.w.org\/b-iframe\/assets\/banner-1544x500.png?rev=3681433","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":"https:\/\/ps.w.org\/b-iframe\/assets\/icon.svg?rev=3681433","icon":"https:\/\/ps.w.org\/b-iframe\/assets\/icon.svg?rev=3681433","icon_2x":false,"generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/b-iframe\/assets\/screenshot-1.png?rev=3603725","caption":"iFrame"},{"src":"https:\/\/ps.w.org\/b-iframe\/assets\/screenshot-2.png?rev=3603725","caption":"Settings"},{"src":"https:\/\/ps.w.org\/b-iframe\/assets\/screenshot-3.png?rev=3603725","caption":""}],"raw_content":"<!--section=description-->\n<p><strong><a href=\"https:\/\/iframe.bplugins.com\/\" title=\"iFrame live demo page\">Live Demo<\/a><\/strong> | <strong><a href=\"https:\/\/wordpress.org\/support\/plugin\/b-iframe\/\" title=\"Get help\">Support<\/a><\/strong><\/p>\n\n<p>iFrame puts any web content inside your pages \u2014 videos, maps, playlists, design files, documents or whole websites \u2014 in an iframe that actually behaves.<\/p>\n\n<p><strong>Paste a link, get a working embed.<\/strong> 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\".<\/p>\n\n<p><strong>It fits every screen.<\/strong> Pick an aspect ratio \u2014 16:9, 4:3, 1:1, 9:16, 21:9 or your own \u2014 and the iframe scales with the page instead of overflowing on mobile. Prefer exact dimensions? Fixed width and height still work.<\/p>\n\n<p><strong>Build once, embed everywhere.<\/strong> The ShortCode Generator gives every iframe you design its own shortcode like <code>[b-iframe id=\"123\"]<\/code> \u2014 paste it into posts, widgets, Elementor or your theme, and edit the iframe in one place.<\/p>\n\n<p><strong>Fast and search-friendly.<\/strong> 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.<\/p>\n\n<h4>Features<\/h4>\n\n<ul>\n<li><strong>Responsive sizing<\/strong>: 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.<\/li>\n<li><strong>Smart URL conversion<\/strong>: Paste a normal YouTube, Vimeo, Dailymotion, Google Maps, Spotify, Loom or Figma page link \u2014 it is converted to the embeddable form automatically (YouTube uses the privacy-enhanced youtube-nocookie.com player).<\/li>\n<li><strong>Server-side rendering<\/strong>: The iframe is real HTML \u2014 visible to search engines and visitors without JavaScript, with no layout shift.<\/li>\n<li><strong>Embed check<\/strong>: The editor warns you when a site refuses to be embedded, before your visitors see an empty box.<\/li>\n<li><strong>ShortCode Generator<\/strong>: Build reusable iframes in the block editor and place them anywhere with [b-iframe id=\"123\"].<\/li>\n<li><strong>Title<\/strong>: Specify the title for the iframe.<\/li>\n<li><strong>Loading Behavior<\/strong>: Configure the loading behavior.<\/li>\n<li><strong>Full Screen<\/strong>: Activate Full Screen to enable the iframe in full-screen mode.<\/li>\n<li><strong>Layout<\/strong>: Define the width and height for the iframe.<\/li>\n<li><strong>Design<\/strong>: Apply borders and shadows to enhance the iframe's visual appearance.<\/li>\n<\/ul>\n\n<h4>How to use<\/h4>\n\n<ul>\n<li>Install and activate iFrame.<\/li>\n<li>Add the <strong>iFrame<\/strong> block in the editor and paste any URL \u2014 recognised links convert automatically.<\/li>\n<li>Pick a sizing mode (aspect ratio or fixed), style it, publish.<\/li>\n<li><p>Or open <strong>iFrame \u2192 Add New ShortCode<\/strong> to build a reusable iframe and paste its shortcode anywhere \u2014 even <code>[iframe src=\"https:\/\/\u2026\" ratio=\"16:9\"]<\/code> works directly.<\/p><\/li>\n<li><p>For installation help click on Installation Tab.<\/p><\/li>\n<\/ul>\n\n<h4>Feedback<\/h4>\n\n<ul>\n<li>Did you like this plugin? Dislike it? Do you have a feature request? <a href=\"mailto:support@bplugins.com\" title=\"Send feedback\">Please share your feedback with us<\/a><\/li>\n<\/ul>\n\n<h3>Check out the Parent Plugin of this plugin-<\/h3>\n\n<p><a href=\"https:\/\/bblockswp.com\"><strong>B Blocks<\/strong><\/a> \u2013 A blocks collection and page building tool for Gutenberg.<\/p>\n\n<h3>Check out our other WordPress Plugins-<\/h3>\n\n<p><a href=\"https:\/\/bplugins.com\/products\/html5-video-player\/\"><strong>Html5 Video Player<\/strong><\/a> \u2013 Display videos as single and playlist in multiple skins.<\/p>\n\n<p><a href=\"https:\/\/bplugins.com\/products\/pdf-poster\/\"><strong>PDF Poster<\/strong><\/a> \u2013 Display\/Embed PDF files with different styles.<\/p>\n\n<p><a href=\"https:\/\/bplugins.com\/products\/html5-audio-player\/\"><strong>Html5 Audio Player<\/strong><\/a> \u2013 Listen audios with awesome visuals.<\/p>\n\n<p><a href=\"https:\/\/bplugins.com\/products\/streamcast-radio-player\/\"><strong>StreamCast<\/strong><\/a> \u2013 Customizable radio player with different skins.<\/p>\n\n<p><a href=\"https:\/\/bplugins.com\/products\/3d-viewer\/\"><strong>3D Viewer<\/strong><\/a> \u2013 Embed 3D models and 3D products with interaction.<\/p>\n\n<p><a href=\"https:\/\/bplugins.com\/products\/advanced-post-block\/\"><strong>Advanced Post Block<\/strong><\/a> \u2013 Show posts and custom posts in different layouts.<\/p>\n\n<h4>ShortCode<\/h4>\n\n<p>Use the following ShortCode to Embed Iframe.<\/p>\n\n<pre>\n    [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']\n<\/pre>\n\n<h3>External services<\/h3>\n\n<p>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 \u2014 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\/ \u2014 privacy policy: https:\/\/freemius.com\/privacy\/<\/p>\n\n<h3>Source Code<\/h3>\n\n<p>The complete, un-minified source code for this plugin's JavaScript and CSS is included in the <code>src\/<\/code> directory of the plugin, and is also available on GitHub:\n<a href=\"https:\/\/github.com\/bPlugins\/b-iframe\"><strong>iFrame on GitHub<\/strong><\/a><\/p>\n\n<h4>Build instructions<\/h4>\n\n<p>The compiled files in <code>build\/<\/code> are generated from <code>src\/<\/code> using <a href=\"https:\/\/developer.wordpress.org\/block-editor\/reference-guides\/packages\/packages-scripts\/\">@wordpress\/scripts<\/a> (webpack). To build them yourself:<\/p>\n\n<ol>\n<li>Install <a href=\"https:\/\/nodejs.org\/\">Node.js<\/a> (18+) and npm.<\/li>\n<li>From the plugin directory, run <code>npm install<\/code> to install the build dependencies (see <code>package.json<\/code>).<\/li>\n<li>Run <code>npm run build<\/code> to compile <code>src\/<\/code> into the minified files in <code>build\/<\/code>.<\/li>\n<li>Run <code>npm start<\/code> instead for a development build with file watching.<\/li>\n<\/ol>\n\n<p>The build tooling is configured in <code>package.json<\/code> and <code>webpack.config.js<\/code>. The full development setup, including the linting configuration, is available in the GitHub repository linked above.<\/p>\n\n<h3>Third-Party Libraries<\/h3>\n\n<p>This plugin bundles the following third-party JavaScript\/PHP libraries.<\/p>\n\n<h4>bpl-tools<\/h4>\n\n<ul>\n<li>Source \/ GitHub: https:\/\/github.com\/bPlugins\/bpl-tools<\/li>\n<li>License: GPL-2.0-or-later \u2013 https:\/\/www.gnu.org\/licenses\/gpl-2.0.html<\/li>\n<li>Purpose: Shared utility library providing admin dashboard components and common Gutenberg editor controls.<\/li>\n<li>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<\/li>\n<\/ul>\n\n<!--section=installation-->\n<h4>From Gutenberg Editor:<\/h4>\n\n<ol>\n<li>Go to the WordPress Block\/Gutenberg Editor<\/li>\n<li>Search For <strong>iFrame<\/strong><\/li>\n<li>Click on the <strong>iFrame<\/strong> to add the block<\/li>\n<\/ol>\n\n<h4>Download &amp; Upload:<\/h4>\n\n<ol>\n<li>Download the <strong>iFrame<\/strong> plugin (<em>.zip file<\/em>)<\/li>\n<li>In your admin area, go to the Plugins menu and click on <strong>Add New<\/strong><\/li>\n<li>Click on <strong>Upload Plugin<\/strong> and choose the <strong><code>b-iframe.zip<\/code><\/strong> file and click on <strong>Install Now<\/strong><\/li>\n<li>Activate the plugin and Enjoy!<\/li>\n<\/ol>\n\n<h4>Manually:<\/h4>\n\n<ol>\n<li>Download and upload the <strong>iFrame<\/strong> plugin to the <strong><code>\/wp-content\/plugins\/<\/code><\/strong> directory<\/li>\n<li>Activate the plugin through the Plugins menu in WordPress<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id=\"is%20iframe%20free%3F\"><h3>Is iFrame free?<\/h3><\/dt>\n<dd><p>Yes, iFrame is a free Gutenberg block plugin.<\/p><\/dd>\n<dt id=\"does%20it%20work%20with%20any%20wordpress%20theme%3F\"><h3>Does it work with any WordPress theme?<\/h3><\/dt>\n<dd><p>Yes, it will work with any standard WordPress theme.<\/p><\/dd>\n<dt id=\"can%20i%20change%20block%20settings%3F\"><h3>Can I change block settings?<\/h3><\/dt>\n<dd><p>Yes, you can change block settings from the Gutenberg block editor's right sidebar.<\/p><\/dd>\n<dt id=\"how%20many%20times%20can%20i%20reuse%20a%20block%3F\"><h3>How many times can I reuse a block?<\/h3><\/dt>\n<dd><p>You can use unlimited times as you want.<\/p><\/dd>\n<dt id=\"where%20can%20i%20get%20support%3F\"><h3>Where can I get support?<\/h3><\/dt>\n<dd><p>You can post your questions on the <a href=\"https:\/\/wordpress.org\/support\/plugin\/b-iframe\/\">support forum here<\/a><\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>1.1.1<\/h4>\n\n<ul>\n<li>New: The editor shows each reusable iframe's shortcode above the block, with one-click copy.<\/li>\n<li>Improved: YouTube embeds preview as a thumbnail in the editor \u2014 the live player refuses to run inside the editor canvas and looked like a broken embed.<\/li>\n<li>Improved: Dashboard polish \u2014 welcome banner, working Start Now and View Demos buttons, updated tutorial video.<\/li>\n<li>Improved: Live demo link in the readme.<\/li>\n<\/ul>\n\n<h4>1.1.0<\/h4>\n\n<ul>\n<li>New: Optional usage tracking via Freemius \u2014 asked once, only active if you opt in.<\/li>\n<li>New: Aspect-ratio sizing mode \u2014 the iframe keeps its ratio and scales with the page width.<\/li>\n<li>New: Page links from YouTube, Vimeo, Dailymotion, Google Maps, Spotify, Loom and Figma are converted to their embeddable form automatically (block and shortcode).<\/li>\n<li>New: Correct iframe permissions (autoplay, fullscreen, picture-in-picture) and referrer policy per provider.<\/li>\n<li>New: The editor warns when a site's headers forbid embedding.<\/li>\n<li>Improved: The iframe is now rendered server-side \u2014 visible without JavaScript, indexable, no layout shift; the frontend script is ~90% smaller.<\/li>\n<li>New: ShortCode Generator \u2014 build reusable iframes in the block editor (iFrame menu) and embed them anywhere with [b-iframe id=\"123\"]; edit once, updates everywhere.<\/li>\n<li>New: Help &amp; Demos page with a live example and full shortcode reference.<\/li>\n<li>Fixed: The [iframe] shortcode was never loaded and did not work.<\/li>\n<li>Fixed: allowfullscreen was emitted in a form browsers treat as enabled even when turned off.<\/li>\n<\/ul>\n\n<h4>1.0.0<\/h4>\n\n<ul>\n<li>Initial Release<\/li>\n<\/ul>","raw_excerpt":"Embed videos, maps, sites &amp; docs in responsive iframes. YouTube, Vimeo, Maps links auto-convert. Aspect-ratio sizing, block &amp; shortcode.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/lmo.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/283191","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lmo.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/lmo.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/lmo.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=283191"}],"author":[{"embeddable":true,"href":"https:\/\/lmo.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/bplugins"}],"wp:attachment":[{"href":"https:\/\/lmo.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=283191"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/lmo.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=283191"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/lmo.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=283191"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/lmo.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=283191"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/lmo.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=283191"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/lmo.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=283191"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}