Advanced Iframe Block For Gutenberg Block Editor

The Gutenberg block editor provides users with a more intuitive way to add content to their WordPress posts, such as images and videos.

These blocks are housed within the content area of the post and are visually organized by industry-standard visual guidelines.

However, these blocks also have their limitations, because they’re not compatible with all content types. This is where the iFrame Block plugin comes into play.

The iFrame Block is a WordPress plugin that provides a new block called iframe in your Gutenberg editor, which enables you to easier embed iframe content into your posts or pages.


  • Responsive layout.
  • Or fixed height & width.
  • Scrollable or not.
  • Lazy load.

How to use it:

1. Install and activate the iFrame Block plugin on your latest WordPress.

2. Insert a new iFrame Block into your Gutenberg editor.

New Iframe Block

3. Type the URL in the iframe block.

Iframe Block URL

4. Config the iframe block. Available options:

  • Iframe URL
  • Width
  • Height
  • Allow Full Screen
  • Lazy Loading
  • Scrolling
  • Hide Frame

Iframe Block Configs

5. Save changes and done.

Download WordPress Plugin:

You can download this free WordPress plugin using the download button below. Unless otherwise stated, the WordPress plugin is available under GNU General Public License.

Author: Vikas Sharma


Don’t forget to share this WordPress plugin and also check out other awesome plugins on our site.

Rate This Plugin
User Review
0 (0 votes)