How to work with Reusable blocks in Gutenberg WordPress

Reusable blocks are a MUST when it comes to growing a business and getting the most out of your website. The WordPress Gutenberg editor makes it easy.

What are Reusable blocks and when should I use them?

Reusable blocks are reusable ;-). So imagine you’re building an Email list. You want to build your list by adding a “Call to Action” to subscribe to the list inside each of your weekly blog posts… Say you keep up a routine for 3 years and find out there’s a more effective headline for the CTA, or some other change you need to make. Without reusable blocks you’d have to go to every single post and update the headline, which would take forever. The more posts you have the more tedious it becomes. This is where Reusable blocks save the day.

Get more of our DIY Website, SEO, & Marketing tips

You can instead create a Reusable block, name it “List Promotion A” or whatever you want, and then insert that in all your posts. Then when a better call to action comes along you can edit the “List Promotion A” block, and it will update everywhere that block is used.

How to setup reusable blocks in Gutenberg:

It’s super easy.

Step 1: Create a regular ole’ block.

Step 2: Click them three dots and then “Add to Reusable blocks”

Step 3: Name your block and hit save!

Now you should be able to “edit” it as you please and it will be updated everywhere. You can add multiple blocks to the reusable block and make it a “group” by just dragging blocks into the dashed rectangular area. If you have trouble dragging blocks into the reusable section make sure you grab the dots in the middle of the arrows that allow you to move blocks up and down (look at the picture above on the left) It also helps to drag to the middle of the screen.

How to access the block:

Super easy: Just click the button you always do to add new blocks, then search for reusable.

How to remove the reusable block from your whole site:

Just select the block, then click the three dots, and “remove from Reusable blocks”, and you’re good to go. Just remember that there’s no going back after this… unless you have a backup. Think hard before removing it. The “Remove Block” with the trash can icon just deletes that block from that individual post but keeps the reusable block throughout the rest of your site.

Some Gotchas as of writing this:

Don’t forget to hit SAVE on the actual block when done editing. My muscle memory is so strong to save the entire post that I forget to save the block and wipe out all my reusable block changes. You have to save the block itself to update the reusable block.

No wrapper div. Makes containers & styling difficult. For any designers who want to use CSS to style your blocks, well… You’ll have to manage without a wrapper div around the block. I originally wanted to use a “group” block but as of writing this the “group” blocks don’t work very well at all, so I opted for an Elementor block for my E-mail opt in forms.

Anyways, that’s all I got for this post. You ready to see one of my reusable blocks in action?

Leave a Comment

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

want more details?

Fill in your details and we'll be in touch