Organic Widget Area Block


The Widget Area Block allows for multiple custom Widget Areas to be created on any page or post using the Gutenberg block editor. As a result, traditional widgets can be used along side blocks within your content. The plugin can be used to create new sidebars within layout blocks, or add widgets directly within your content.

There are many useful widgets that cannot be used with the WordPress 5 block editor. This custom block is designed to remedy that problem.

Simply add the Widget Area Block anywhere within your content. Then, name your custom Widget Area. Then, click the Customizer View button to add widgets to that section within the WordPress Customizer.

This block work perfectly with the Organic Builder Widgets Pro builder plugin. So, widgets and blocks can be used side-by-side to create dynamic page content.

Video Demo:

Get More Premium Blocks!

The Organic Blocks Bundle includes several premium blocks for the Gutenberg editor. The collection of blocks are designed to work with any WordPress theme.

  • Content Slideshow Block View Example – Display a custom slideshow of your posts or pages anywhere on your site.
  • Posts Block View Example – Showcase any post type in a customizable blog style layout.
  • Portfolio Block View Example – Display a customizable portfolio of posts on any page of your website.
  • Profile Block View Example – Feature personal profiles for authors or team members with endless social media links.
  • Testimonials Block View Example – Showcase a slideshow of customer testimonials from any custom post type, even the Jetpack testimonials post type.
  • Pages Block View Example – Display a group of featured pages on any page or post. An excellent block for building custom home page layouts.
  • Header Block View Example – Create custom headers for your website. The header block allows for the adding of logos, custom menus, and more.
  • Footer Block View Example – Similar to the Header Block, create custom footers for your website.

Getting Started

Follow the simple steps below to use the Widget Area Block:

  1. Within a Page or Post, select ‘Widget Area Block’ located within the ‘Widgets’ section.
  2. Add a unique name to your Widget Area.
  3. Click the ‘Update’ button.
  4. Click the ‘Customizer View’ button. The Customizer will launch, displaying your current page or post.
  5. Begin adding widgets to Widget Area within the Customizer.


  • The Widget Area Block added to the Gutenberg editor.
  • Selecting the Widget Area Block.


這個外掛提供 1 個可供 Gutenberg/區塊編輯器使用的區塊。

  • Widget Area


Note: This plugin relies on new WordPress features, so it requires WordPress version 5.0+ and PHP 5.3.29+

  1. Upload ‘organic-widget-area-block’ to the ‘/wp-content/plugins/’ directory
  2. Activate the plugin through the ‘Plugins’ menu in WordPress
  3. Add the Widget Area Block within any post or page content.


Q: Why would I use the Organic Widget Area Block?

A: There are thousands of useful widgets for a variety of purposes, such as displaying advertising, newsletters opt-in forms, or even building unique pages using Organic Builder Widgets Pro. The Widget Area Block allows you to display these traditional widgets within the content of the block editor. So, you can create more dynamic pages and posts.


2021 年 3 月 18 日
An advertisement will be constantly visible in your backend, if you install this plugin: "Upgrade The Widget Area Block and receive 11 Additional Premium Blocks for the Gutenberg editor! Get Blocks Bundle" Closing this message will not make it go away. Otherwise the plugin seems to work, but I'm not willing to clutter my backend with yet another pointless notification.
2020 年 7 月 17 日
This is an awesome plugin; it does one thing and does it super well. You can add a widget area that was created by the theme or create a new widget area and add it to a block. Once the widget area is added, you can click it open to add the widget and adjust the widget settings. Really easy to add any widget you like to a block!
2020 年 6 月 25 日
Great plugin that does exactly what it says. Easy to use and add widgets into your posts or pages through a Gutenberg block. Clean code.
閱讀全部 5 則使用者評論


以下人員參與了開源軟體〈Organic Widget Area Block〉的開發相關工作。


將 Organic Widget Area Block 外掛本地化為台灣繁體中文版


任何人均可瀏覽程式碼、查看 SVN 存放庫,或透過 RSS 訂閱開發記錄



  • Fixed upgrade notice issue so it forever dismissible


  • Fixed issue of loading editor styles on front-end


  • Compatibility check for WP 5.7
  • Updated upgrade notification


  • Complete ES5 rebuild
  • Drastically simplified structure
  • Added support for wide and full alignment
  • Tested with WP 5.5
  • Added admin notice
  • Added language files


  • Changed __sleep() and __wakeup() functions to public


  • Allow for Widget Area Block to be nested inside other blocks
  • General block JS cleanup


  • Initial plugin release