Big Discounts for Domains, Hosting, SSL and more

In a previous post, I’ve shown you how to copy all the content from the Gutenberg editor and paste it in another post/page, even if it uses the Classic Editor.

In this tutorial, I’ll show you how to duplicate Gutenberg blocks that you can use within the same post/page or others.

Let’s get right to it!

Duplicate a Gutenberg Block to Use in the Same Post

This is useful if you want to write a piece of content that’s similar to another one found within the same post.

You can just duplicate the block and make a few edits, instead of writing it again from scratch.

To do that, you just need to click the 3 vertical dots on the block that you want to clone, then select Duplicate.

duplicate block in gutenberg

The duplicated block will appear underneath, but you can move it by simply dragging and dropping it or using the arrows on the left side.

Easily moving blocks around is one of the things I like about the Gutenberg editor.

Create a Reusable Block to Use on Other Posts

This is useful if you have a piece of content that you use on more posts.

For example, if you usually add the same call-to-action button somewhere in your posts, then you can create a Reusable block for it, so you won’t have to create it from scratch every time.

Before making a block Reusable, you’ll have to create the block itself.

Step 1

Create the block, click on the 3 vertical dots, then select Add to Reusable Blocks.

create reusable block in gutenberg

Step 2

Add a Name for the Reusable block and click Save.

name reusable block in gutenberg

Final step

Now, when you want to use the saved content in another post, click on the + sign to add a block, search for “reusable”, then select the Reusable block that you want to add.

add reusable block in gutenberg

You also have a nice preview of the block on the right side.

Editing a Reusable Block

You can edit the Reusable block by clicking on the Edit button when you add it.

edit button reusable block in gutenberg

Or, you could click on Manage All Reusable Blocks and edit it there.

manage all reusable blocks in gutenberg

Note that if you edit a Reusable block, the changes will take place everywhere you’ve added it!

If you want to modify it only for a particular post, not for all, then you’ll need to convert it to a Regular Block.

convert reusable block to regular block

Now, you can go ahead and edit it only for that post.

That’s a Wrap

I hope this tutorial helped you out, and you managed to duplicate or create Reusable blocks using the Gutenberg WordPress editor!

If you need help setting up your WordPress site, my WordPress services are at your disposal!

You can quickly subscribe to my newsletter by using this link.

You can also hit the follow button on Twitter and subscribe to the YouTube channel.

If you have any questions or thoughts, drop a comment or send a message via contact or Facebook page.

Don’t forget to share the post to help out others!

WP Rocket - WordPress Caching Plugin