How to Use the WordPress Group Block (Gutenberg)

The WordPress Group block is a custom Gutenberg block that allows you to group multiple blocks together in the same container. The group block actually works as a parent block that holds and organize multiple child block within it.

The group block is extremely helpful in many cases, especially in content organization and keeping the related blocks together. This not only improves the visual layout of a website but also makes it easy for visitors to consume the content.

No worries if you are new to the group block idea. This article will guide you step-by-step on how to use the WordPress Group block. Get started!

How to Use the WordPress Group Block

There are multiple ways to use the WordPress Group block. Among them, we’ll explain the easiest two methods in this section.

Method 01: Adding the Group Block

Open a post/page. Press the Plus (+) icon on your desired position to open the Gutenberg editor. Type Group in the search box. You’ll get the Group block appearing below. Hit on the block.

Find and select the group block from the Gutenberg editor

Select a layout to define how you want to group the custom blocks, whether horizontally or vertically. We have selected the first layout for this tutorial.

Select a layout

It’s now time to start adding blocks one by one. Open the Gutenberg editor again, hitting the Plus (+) icon. Find your desired custom block and add it. For example, we have used the Table block.

Start adding blocks

Once the Table block is added, take your cursor on the Group icon and click on it. This will show you another Plus (+) icon in the bottom-right corner of the block. Add a new block to the group container by hitting the Plus (+) icon again.

Add the next block to the group block

From now on, you can instantly select all the blocks within this container by clicking the Group icon. You may change the group block container layout from the right sidebar pointed out in the image below.

You may also apply the same color on all the blocks within this container from the Style and Customization options on the right sidebar.

Select all the grouped blocks

Method 02: Converting Multiple Blocks to a Group Block

First, add as many custom blocks as you want on the post/page. Click the Document Overview icon. You will see a sidebar opened on the left side, listing all the custom blocks you have used. 

Select all the blocks on the list and press the Group icon.

Group blocks from the document overview option

You’ll see the blocks have been grouped under a parent container. Thus, you can group blocks on the Gutenberg block editor in WordPress.

Grouped blocks

Final Words!

Hope you have learned how to use the Group block in WordPress. You can use this block on your blogging site, eCommerce, affiliate marketing website, and others to make a significant difference in presenting information.

It’s now your turn to use and explore the other features of the block that we couldn’t show you in this article. Don’t hesitate to email or comment to us if you ever face any problem with WordPress or the group block.

Leave a Reply

Your email address will not be published. Required fields are marked *

Need help?