Home » WordPress Tutorials » Basics » How to Use WordPress Reusable Blocks

How to Use WordPress Reusable Blocks

The WordPress Gutenberg Editor, known also as the Block editor comes with numerous features that can make the creation of your WordPress website and its maintenance as easy as possible.

One of the handy features Gutenberg includes is reusable blocks. With them, you can select and save various block settings and instantly use them on a different page or a blog post.


What are the WordPress Reusable Blocks

The idea behind reusable blocks is to save time and effort when adding the same content structure across several pages and blog posts. This feature eliminates the need to insert and individually set up each block you use for your site content.


How to Use WordPress Reusable Blocks

To benefit from the Gutenberg reusable blocks, you should first create some.

To create a reusable block, the first thing you should do is enter your WordPress admin panel.

Then, you should open a webpage or a blog post you wish to edit (Page->All Pages->Edit Page or Posts->All Posts->Edit Post).

The process of creating reusable blocks is the same regardless of if you are editing a page or a blog post.

For this demonstration we will create a new page (Admin Dashboard->Pages->Add New):

WordPress Gutenberg Reusable Blocks Add New Page


Once the Gutenberg interface is activated, you can start adding blocks with content. For this demonstration, we will create a sample page with a heading block, an image block, and two paragraph blocks. You can add any kind of blocks to your content, including codes containing code snippets.

If you are new to the Block Editor, then check out how to insert blocks with Gutenberg. Also, have a look at how to Set Full-Width Alignment in the WordPress Gutenberg block

Here’s how the layout turned out to be:

WordPress Gutenberg Reusable Blocks Layout


Now, tweak each block the way you want it to look. For example, change the font in the paragraph blocks, add text highlights, change the text color, and change the image formatting and size.

Once you have finished with the setup, it is time to make these Gutenberg blocks into reusable ones.

To make any of the blocks reusable, first click on one of them, and from the menu that pops up, click the three dots:

WordPress Gutenberg Reusable Blocks Settings


Clicking the three dots will open more menu options. From there select Create a Reusable Block:

WordPress Gutenberg Create Reusable Blocks Menu


After you click on Reusable Block, Gutenberg will prompt you to come up with a name for the soon-to-be reusable block. As a rule of thumb, add a description that includes more details about the settings you choose for this particular block. This will help you identify reusable blocks faster when there are more of them:

WordPress Gutenberg Reusable Blocks Add Block Name


WordPress Gutenberg Reusable Blocks details


Then, do the same with the rest of the blocks you would wish to reuse across your website.

Now, to use the newly-created reusable blocks, create a new page or a blog post you wish to edit:

WordPress Gutenberg Reusable Blocks New Sample Page


Now, click the black + button to add a new block within the page/post:

WordPress Gutenberg Reusable Blocks add Block


This button allows you to quickly insert Gutenberg blocks that are being used the most:

WordPress Gutenberg Reusable Blocks list


Within this list, you can see the reusable blocks you already set up, colored in purple and bearing the names you gave them:

WordPress Gutenberg Reusable Blocks


You can include them in your page/post right away by clicking on them. Once you do, they will appear with all the settings you made when creating the reusable blocks:

WordPress Gutenberg Reusable Blocks Layout


Without any additional setup and effort, these blocks appear in your content structure with all the settings you made and saved when creating the reusable blocks.



By making reusable Gutenberg blocks, you can save time and effort when crafting web pages with similar content structures.

Luckily, Gutenberg Block Editor makes the process simple and intuitive.


Was this article useful?

Click on a star to rate it!

Average rating 0 / 5. Vote count: 0

No votes so far! Be the first to rate this post.

Newest Articles:

10 Best WordPress Themes for Gutenberg

If you craft your WordPress website by using Gutenberg, then it is likely that you have thought about working with a block editor-compatible theme. If that is the case, then you should know that there are numerous WordPress themes that are meant to be a perfect fit...

How to Copy a Page with WordPress Gutenberg Editor

Looking for ways to copy your WordPress web pages? The Gutenberg block editor got you covered. In this article, you will read about 3 different methods you can instantly apply when crafting your WordPress website.   How to Copy a Page with WordPress Gutenberg...

How to Add Tabs to Your WordPress Site with Gutenberg

Tabs are quite useful in numerous situations and can be a fresh addition to your WordPress websites. Massively used to showcase content categories, news, and various other types of posts in a very structured manner, tabs contribute to making your site content more...

How to Create Tables in WordPress Using Gutenberg Editor

Creating a table in WordPress with the Gutenberg Block Editor is a straightforward task. Should you need to add one or several tables to your pages, the following paragraphs explain how to do so.   How to Create Tables in WordPress using Gutenberg Editor  ...

5 Best WordPress Slider Plugins for Gutenberg

When crafting your WordPress website, it is not only important to publish informative and well-structured content, but it is also crucial to make your web pages as aesthetically appealing as possible. An effective way of making your site more beautiful is by inserting...

Ready to Create Your Website?