Introduced in WordPress 5.0, Gutenberg blocks are the editor blocks that are used to create content layouts in the new WordPress block editor. Gutenberg replaces TinyMCE editor and brings a totally new way of creating content with lots of features. Here we go with the best Gutenberg blocks plugins for WordPress.
Gutenberg is like a page creator where you can drag & drop different blocks, you can add or remove blocks in their content.
One of the features this opens up, is the possibility for third-party developers to add their own blocks that you can use while creating content with Gutenberg.
Ultimate Blocks has a unique collection of custom Gutenberg blocks. It includes easy to use blocks useful for bloggers and marketers. The main goal of this plugin is to make it very simple to make your content more engaging when using the Gutenberg editor.
The plugin currently has the following 18 blocks
- Table Of Contents
- Content Filter
- Divider
- Content Toggle
- Star Ratings
- Social Share
- Tabbed Content
- Call To Action
- Review (Schema Markup Enabled)
- Feature Box
- Notification Box
- Number Box
- Button (Improved)
- Click to Tweet
- Countdown
- Testimonial
- Progress Bar
- Star Rating
Ultimate Addons for Gutenberg is possibly the most popular Gutenberg Blocks plugin in the WordPress repository. This plugin is actively installed on over 100,000 websites.
The blocks provided in Ultimate Addons for Gutenberg are very unique, is free and the blocks are customized for efficient performance.
This plugin brings a bunch of additional blocks to the Gutenberg editor, over 20 blocks.
- Advanced Heading.
- Advanced Columns.
- Blockquote.
- Call To Action.
- Contact Form 7 Styler.
- Content Timeline.
- Google Map.
- Gravity Forms Styler.
- Icon List.
- Info Box.
- Marketing Button.
- Multi Buttons.
- Post Carousel.
- Post Grid.
- Post Masonry.
- Post Timeline.
- Price List.
- Section.
- Social Share.
- Table Of Contents.
- Team.
- Testimonial.
Atomic Blocks is another popular Gutenberg Blocks plugin which is created by the team at Array Themes. This plugin includes many different blocks that will give you more control of the Gutenberg editor.
Atomic blocks currently includes the following blocks.
- Section & Layout.
- Advanced Columns.
- Newsletter.
- Pricing.
- Post Grid.
- Container.
- Testimonial.
- Inline Notice ock.
- Accordion.
- Share Icons.
- Call-To-Action.
- Customizable Button.
- Spacer & Divider.
- Author Profile.
- Drop Cap.
One of the best Gutenberg blocks plugins for WordPress, this plugin adds 20+ new blocks to your Gutenberg editor.
Advanced Gutenberg also adds some back-end settings, the most powerful of which is access controls for Gutenberg. You can create profiles and assign users or groups to profiles. The plugin also lets you define Gutenberg icons color. Lastly, you can define custom CSS styles that can be applied to paragraph blocks.
Some of the blocks are really awesome and couldn’t find in other plugins mentioned in this list.
Gutenberg Advanced Block Control.
- Create edition profiles and assign user or user group to the profile.
- Select each block activation per user profile.
- Default block configuration (Advanced Gutenberg blocks).
- Custom CSS styles: apply on Gutenbergparagraph blocks.
- Define Gutenberg editor size and column materialization.
Advanced Gutenberg Blocks
- Column manager with pre-defined layouts.
- Latest post slider and latest post slider.
- Latest WooCommerce product slider and latest product slider.
- Advanced Button.
- Contact form.
- Advanced List.
- Map block.
- Advanced Table.
- Accordion.
- Tabs.
- Testimonial.
- Contact Form.
- Email Opt-In.
- WordPress login.
- WordPress register.
- Counter.
- Advanced Image.
- Advanced Video.
- Supercharge the separator tool with size, color, spaces.
- Social links block.
- Activate lightbox effect in Gutenberg image galleries.
- Display image information as lightbox caption in galleries.
- Gutenberg post summary based on content headers.
The plugin provides 20+ content blocks.
- Container.
- Separator.
- Posts.
- Feature Grid.
- Accordion.
- Image Box.
- Feature.
- Icon List.
- Call to Action.
- Card.
- Header.
- Count Up.
- Video Popup.
- Pricing Box.
- Testimonial.
- Team Members.
- Notification.
- Number Box.
- Blockquote.
- Button.
- Expand / Show More.
- Divider.
- Spacer Block.
Kadence Blocks comes with some of the most used blocks and helps you add more features to your content editor.
Kadence Blocks is unique in that its more focused on adding layout blocks than content blocks. For example, among its most important features is that of the Row Design block, which allows us to add 1-6 columns inside, which can contain any of the other blocks to which you have access.
This plugin is free, but there is also a paid version. The free version includes 10+ custom blocks.
- Row Layout.
- Advanced Gallery.
- Advanced Heading.
- Advanced Button.
- Tabs.
- Accordion.
- Testimonials.
- Icon.
- Spacer / Divider.
- Info Box.
- Icon List.
The blocks are modular, which means you can disable any block you don’t want to use.
CoBlocks is a plugin for building pages with a large collection of WordPress blocks. This plugin is free.
One of the strongest points, and for which it highlights perhaps this plugin is that CoBlocks offers some really great typography controls that allow you to configure fonts, change their size and weight, set margin and padding, pick colors, and more.
- Accordion.
- Alert.
- Author Profile.
- Buttons.
- Carousel Gallery.
- Click to Tweet.
- Dynamic Separator.
- Features.
- Food & Drinks.
- Form.
- Gif.
- GitHub Gist.
- Hero.
- Highlight.
- Icon.
- Logos & Badges.
- Map.
- Masonry Gallery.
- Media Card.
- Pricing Table.
- Resizable Row/Columns.
- Services.
- Shape Divider.
- Social Profiles.
- Social Sharing.
- Stacked Gallery.
Qubely is a full-fledged block plugin for Gutenberg editor, with plenty of custom blocks, predefined sections, and modern layout packs.
Get plenty of built-in sections & ready layout bundles and create pages and posts easily, it minimizes the limitations of the Gutenberg editor and extends it with many custom blocks that are missing.
Qubely lets you take full control of the Gutenberg editor, comes with unlimited styling options and features.
The available custom advanced Gutenberg blocks inside Qubely are:
- Row.
- Button.
- Testimonial.
- Heading.
- Counter.
- Tabs.
- Accordion/Toggle.
- Advanced Text.
- Video Popup.
- Google Map.
- Progress Bar.
- Icon.
- Divider.
- Social Icons.
- Button Group.
- Button.
- Info Box.
- Advanced List.
- Contact Form.
- Icon List.
- Pricing.
- Block Wrapper.
- Team.
- Image.
- Timeline.
- Post Grid.
Bokez is not yet a very prominent plugin among the others, but that is as usable as most other plugins to add blocks in Gutenberg.
This plugin is a good option, although its blocks are mixed with the rest of Gutenberg blocks, which makes them a bit hard to find.
This plugins has more than 15+ blocks:
- Button.
- Video Popup.
- Section / Row Layout.
- Cover One.
- Progress Bar.
- Pricing Table.
- Profile.
- Divider.
- Posts Grid.
- Separator With Text.
- Testimonial.
- Share.
- Column.
- Blockquote.
- FAQ / Accordion.
- Notification.
Advanced Gutenberg Blocks should not be confused with Advanced Gutenberg that we talked about above. This plugin it is a bundle of some advanced Gutenberg block, plus, some essential management options.
The plugin brings 16 blocks and also allows you to disable native blocks that the Gutenberg editor brings by default. There are also options that allow you to customize the editor, with the ability to create your own blocks and get them registered.
The plugin is free and very lightweight.
Blocks:
- Notice.
- Post.
- WooCommerce Product.
- WooCommerce Add to cart button.
- Banner Ad.
- Text + rectangle Ad.
- WordPress Plugin Card.
- Website Card preview.
- Testimonial.
- Google Map.
- Click to Tweet.
- Table of contents.
- Intro.
- Giphy.
- Unsplash.
- Code.
Getwid, although launched relatively recently, has the largest collection of multipurpose content blocks with 24, with more being released frequently.
The plugin works with any WordPress theme and will inherit its style unless you dictate otherwise.
Corporate sites, landing pages, eCommerce, blogs, small business websites are some of the websites you can design with this plugin.
Some of the bloks even let you import content from external sources without having to leave the WordPress editor.
Multifunctional static and dynamic blocks for Gutenberg:
- Section Block.
- Advanced Heading Block.
- Google Maps Block.
- Icon Box Block.
- Image Box Block.
- Social Links Block.
- Banner Block.
- Image Slider Block.
- Media & Text Slider Block.
- Button Group Block.
- Person Block.
- Accordion Block.
- Toggle Block.
- Tabs Block.
- Image Stack Gallery Block.
- Testimonial Block.
- Recent Posts Block.
- Advanced Spacer Block.
- Instagram Block.
- Counter Block.
- Price Box Block.
- Progress Bar Block.
- Circular Progress Bar Block.
- Contact Form Block.
- Post Carousel Block.
- Price List Block.
- Post Slider Block.
- Custom Post Type Block.
- Mailchimp block.
- Countdown block.
- Video Popup block.
- Content Timeline block.
- Image Hotspot block.
References:
wpbeginner.com
wplift.com
wpleaders.com
Leave a Reply