Skip to content

How to Add Multiple Blocks to Reusable Blocks in WordPress

The Gutenberg editor has a useful feature called Reusable Blocks which allows users to save blocks for repeated use.

This is a time saver as commonly used elements can be added to posts or pages in a few clicks rather than creating them from scratch every time.

Even better, one can add multiple blocks into a single reusable block. This is especially useful for design or layout blocks which tend to be a bit more complex than single block elements.

Here’s how to do it.

Steps

  1. Add the blocks to your post or page editor
  2. Select the blocks by click and dragging across the needed blocks. You can also click to select the top most block, then hold the Shift key and select the bottom block. This will select all the blocks in between them.
  3. Right-click the selected blocks and select Add to Reusable Blocks.
    An animated image showing how to add several blocks to a reusable block in the WordPres post editor.
  4. Give the Reusable Block a unique name and click Save.

Now, any time you need to use the reusable block on a post or page, just click on the toggle block inserter button at the top of the editor.

An image of the block inserter button in the WordPress post editor.
Block Inserter Button

Then select the Reusable option and choose the saved block.

An image showing a saved reusable block.
Saved Reusable Block

Should you no longer need the block, you can permanently delete the reusable block instead of having to remove it from all the posts or pages you’ve used it.

On the other hand, take caution when using blocks from plugins, as the reusable block will be broken should you happen to deactivate or delete said plugins.

Tags:
Share:

Leave a Reply

Feel free to share your comments or questions with me. I may not be able to respond immediately so please check later once I've approved your comment.

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

Kelvin Kathia

Kelvin Kathia is a writer that's passionate about sharing solutions to everyday tech problems. He's the founder and editor of Journey Bytes, a tech blog and web design agency. Feel free to leave him comments or questions regarding this post, or by leaving him a message on the contact page. If you found his content helpful, a donation is much appreciated.