Reusable Gutenberg Blocks 101
Gutenberg is a fully block-based WordPress editor where every piece of content you add is a block.
You can customize each individual block styles and re-use it to quickly create content in the future.
These re-usable blocks are extremely helpful for adding call-to-action buttons, feedback forms, banner ads, etc.
We created a step by step guide on how to create a reusable block in WordPress.
What a lot of users don’t know is that you can actually export these re-usable blocks to use on your other sites, client websites, and technically you can even sell them if you want to.
Let’s take a look at how to export Gutenberg blocks to use on other sites.
Exporting Your WordPress Gutenberg Blocks to Use on Other Sites
WordPress’ reusable blocks are not just restricted for the website they’re created on. You can easily export them to use on any other WordPress site.
First, you’ll need to open the block management page. You can navigate to that page by clicking the Manage All Reusable Blocks link inside the Reusable tab in your content editor.
Once you’re on the block management page, you can edit, delete, export, and import your WordPress Gutenberg blocks.
Step 1. Export Your Gutenberg Block
To export your Gutenberg block, you simply need to click the Export as JSON option below the block.
Next, your block will be downloaded to your computer as a JSON file. Now, you can upload this JSON to any other WordPress site and use the block.
Step 2. Import Your Gutenberg Block
You need to log into the other WordPress site and go to its block management screen. You’ll see an Import from JSON button at the top.
Go ahead and click on that button to import.
Next, you’ll see a file upload box. You need to click on the Choose File button and select the block JSON file you downloaded earlier.
After it’s uploaded, you’ll see an Import option. Simply click on that to proceed.
WordPress will now import your new reusable block and save it in the database. Once done, you can use it on your new WordPress site like you would any other block.
We hope this article helped you learn how to export your WordPress Gutenberg blocks to use on other sites.