{"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-07-26T10:21:47","modified_gmt":"2026-07-26T10:21:47","slug":"b-iframe","status":"publish","type":"plugin","link":"https:\/\/nn.wordpress.org\/plugins\/b-iframe\/","author":22028296,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"1.0.0","stable_tag":"1.0.0","tested":"7.0.2","requires":"6.5","requires_php":"7.4","requires_plugins":null,"header_name":"iFrame","header_author":"bPlugins","header_description":"Responsive iframe embedding for videos, live website, and more..","assets_banners_color":"a5a1d4","last_updated":"2026-07-26 10:21:47","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":108,"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"}},"upgrade_notice":[],"ratings":[],"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":3623205,"resolution":"128x128","location":"assets","locale":"","width":128,"height":128},"icon-256x256.png":{"filename":"icon-256x256.png","revision":3623205,"resolution":"256x256","location":"assets","locale":"","width":256,"height":256},"icon.svg":{"filename":"icon.svg","revision":3623205,"resolution":false,"location":"assets","locale":false}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":3623205,"resolution":"1544x500","location":"assets","locale":"","width":1544,"height":500},"banner-772x250.png":{"filename":"banner-772x250.png","revision":3623205,"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":""},"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"],"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":"Embed any website, video, or map with the iFrame block \u2014 set the source, title, loading behavior and alignment right in the editor.","2":"Style tab \u2014 control width, height, border, corner radius and box-shadow.","3":"Responsive, fullscreen-ready embeds on the front end."}},"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=3623205","banner_2x":"https:\/\/ps.w.org\/b-iframe\/assets\/banner-1544x500.png?rev=3623205","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":"https:\/\/ps.w.org\/b-iframe\/assets\/icon.svg?rev=3623205","icon":"https:\/\/ps.w.org\/b-iframe\/assets\/icon.svg?rev=3623205","icon_2x":false,"generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/b-iframe\/assets\/screenshot-1.png?rev=3603725","caption":"Embed any website, video, or map with the iFrame block \u2014 set the source, title, loading behavior and alignment right in the editor."},{"src":"https:\/\/ps.w.org\/b-iframe\/assets\/screenshot-2.png?rev=3603725","caption":"Style tab \u2014 control width, height, border, corner radius and box-shadow."},{"src":"https:\/\/ps.w.org\/b-iframe\/assets\/screenshot-3.png?rev=3603725","caption":"Responsive, fullscreen-ready embeds on the front end."}],"raw_content":"<!--section=description-->\n<p><strong>Embed any website, video, or map into your pages with a fully customizable, responsive iframe \u2013 no code required.<\/strong><\/p>\n\n<p>https:\/\/youtube.com\/watch?v=_QT9Ko1yhvQ<\/p>\n\n<h3>Why iFrame?<\/h3>\n\n<p><strong>iFrame<\/strong> is a lightweight WordPress Gutenberg block plugin that makes embedding external content simple. Add the block, paste your URL, and fine-tune everything from the block sidebar \u2013 title, loading behavior, width, height, and fullscreen mode.<\/p>\n\n<p>Beyond the basics, iFrame gives your embeds a polished look with design controls for borders and shadows, so external content blends naturally into your site instead of looking bolted on. Prefer shortcodes? A flexible shortcode is included, so you can drop responsive iframes anywhere shortcodes work.<\/p>\n\n<h3>Free Features<\/h3>\n\n<ul>\n<li><strong>Title:<\/strong> Specify a title for the iframe for clarity and accessibility.<\/li>\n<li><strong>Loading Behavior:<\/strong> Configure how and when the iframe loads.<\/li>\n<li><strong>Full Screen:<\/strong> Enable full-screen mode for the embedded content.<\/li>\n<li><strong>Layout Controls:<\/strong> Define the exact width and height of the iframe.<\/li>\n<li><strong>Design Options:<\/strong> Apply borders, corner radius, and shadows to enhance the iframe's appearance.<\/li>\n<li><strong>Shortcode Support:<\/strong> Embed iframes outside the block editor with a simple shortcode.<\/li>\n<\/ul>\n\n<h3>How to Use iFrame \u2013 Quick Start<\/h3>\n\n<ol>\n<li>Install and activate the <strong>iFrame<\/strong> plugin.<\/li>\n<li>In the Gutenberg editor, add the <strong>iFrame<\/strong> block from the <strong>Media<\/strong> block category.<\/li>\n<li>Enter the URL you want to embed.<\/li>\n<li>Adjust title, loading behavior, size, borders, and shadows from the right-side settings sidebar.<\/li>\n<li>Publish \u2013 your embed is live!<\/li>\n<\/ol>\n\n<p><strong>Shortcode:<\/strong> Use the following shortcode to embed an iframe anywhere:<\/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>Use Cases<\/h3>\n\n<ul>\n<li><strong>Website Embeds:<\/strong> Show another site or web app inside your page.<\/li>\n<li><strong>Video &amp; Media:<\/strong> Embed external video or media players.<\/li>\n<li><strong>Maps:<\/strong> Display interactive maps on contact or location pages.<\/li>\n<li><strong>Docs &amp; Tools:<\/strong> Surface external dashboards, forms, or documentation without sending visitors away.<\/li>\n<\/ul>\n\n<p>Did you like this plugin? Do you have a feature request? <a href=\"mailto:support@bplugins.com\" title=\"Send feedback\">Please share your feedback with us<\/a><\/p>\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<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<p><strong>From your WordPress dashboard (recommended):<\/strong><\/p>\n\n<ol>\n<li>Go to <strong>Plugins \u2192 Add New<\/strong>.<\/li>\n<li>Search for <strong>\"iFrame\"<\/strong>.<\/li>\n<li>Click <strong>Install Now<\/strong>, then <strong>Activate<\/strong>.<\/li>\n<li>Add the <strong>iFrame<\/strong> block to any post or page from the Gutenberg editor.<\/li>\n<\/ol>\n\n<p><strong>Manual installation:<\/strong><\/p>\n\n<ol>\n<li>Download the <strong>iFrame<\/strong> plugin (<em>.zip file<\/em>).<\/li>\n<li>In your admin area, go to <strong>Plugins \u2192 Add New \u2192 Upload Plugin<\/strong>, choose the <strong><code>b-iframe.zip<\/code><\/strong> file, and click <strong>Install Now<\/strong>.<\/li>\n<li>Activate the plugin through the <strong>Plugins<\/strong> 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 works with any standard WordPress theme.<\/p><\/dd>\n<dt id=\"can%20i%20change%20the%20block%20settings%3F\"><h3>Can I change the block settings?<\/h3><\/dt>\n<dd><p>Yes, you can change all block settings from the right sidebar of the Gutenberg block editor.<\/p><\/dd>\n<dt id=\"how%20many%20times%20can%20i%20reuse%20the%20block%3F\"><h3>How many times can I reuse the block?<\/h3><\/dt>\n<dd><p>You can use the block an unlimited number of times across posts and pages.<\/p><\/dd>\n<dt id=\"can%20i%20embed%20an%20iframe%20with%20a%20shortcode%20instead%20of%20the%20block%3F\"><h3>Can I embed an iframe with a shortcode instead of the block?<\/h3><\/dt>\n<dd><p>Yes. The plugin includes an <code>[iframe]<\/code> shortcode with attributes for the source URL, title, width, height, loading behavior, and border styling, so you can embed iframes anywhere shortcodes are supported.<\/p><\/dd>\n<dt id=\"can%20i%20control%20the%20size%20of%20the%20embedded%20iframe%3F\"><h3>Can I control the size of the embedded iframe?<\/h3><\/dt>\n<dd><p>Yes. You can define the exact width and height of the iframe from the block settings, and embeds are responsive on the front end.<\/p><\/dd>\n<dt id=\"can%20i%20style%20the%20iframe%20with%20borders%20and%20shadows%3F\"><h3>Can I style the iframe with borders and shadows?<\/h3><\/dt>\n<dd><p>Yes. The Style tab lets you control the border width, style, color, corner radius, and box-shadow of the iframe.<\/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.0.0<\/h4>\n\n<ul>\n<li>Initial Release<\/li>\n<\/ul>","raw_excerpt":"Embed any website, video, or map in WordPress with a responsive iFrame Gutenberg block \u2013 custom size, borders, shadows, fullscreen, and shortcode.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/nn.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/283191","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nn.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/nn.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/nn.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=283191"}],"author":[{"embeddable":true,"href":"https:\/\/nn.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/bplugins"}],"wp:attachment":[{"href":"https:\/\/nn.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=283191"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/nn.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=283191"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/nn.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=283191"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/nn.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=283191"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/nn.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=283191"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/nn.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=283191"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}