Knowledge Base
MilesWeb / WordPress FAQ

How Do I Import/Export My WordPress Gutenberg Blocks?

Approx. read time : 2 min

The new WordPress editor (Gutenberg) enables you to save your custom content blocks. You can easily export these blocks and use them on your other WordPress websites. This WordPress feature is not commonly known and it is extremely useful. This feature is especially beneficial to you if you are creating websites for your clients.

Reusable Content Blocks 101

The new WordPress Gutenberg editor is a block-based editor in which every part of content you add is added to a block. You can customize the style of every individual block and you can re-use it whenever you want in order to recreate the content in the future. These re-usable content blocks are extremely useful for adding the call-to-action buttons, banner ads, feedback forms etc. These blocks can be exported and imported quickly thus saving a lot of time and effort.

A lot of WordPress users are not aware of the fact that that the re-usable content blocks in Gutenberg can be used on the other websites and technically you even have the option to sell them if you want to.

Here’s how you can export the Gutenberg blocks for using on other websites:

The reusable blocks by Gutenberg are not just limited to the website they are created on; they can be easily exported as well. Here are the steps:

  • Open the block management page.
  • Click on ‘Manage All Reusable Blocks’ in the ‘Reusable’ tab in the content editor.
  • When you click on the block management page, you will see the options to edit, delete, export and import the Gutenberg blocks.

Exporting The Gutenberg Block

  • Under the ‘Affiliate Disclosure’ option, click on ‘Export as JSON’ option.
  • Now your content block will be downloaded to your computer as a JSON file.

Now you can use this JSON file on any other WordPress website.

Importing The Gutenberg Block

  • Login to the other WordPress website and go to the ‘Block’ management section.
  • There will be an ‘Import from JSON’ button, click on this button to import the block.
  • A file upload box will be displayed.
  • Click on the ‘Choose File’ option and select the JSON file block that you downloaded.
  • When the block is uploaded, an ‘Import’ option will be displayed, click on this option to proceed.
  • Your new reusable block will be imported by WordPress and it will be saved in the database.

Once this process is completed, the content block can be used on any other new WordPress website.

Related : 5 Things You Need To Know About The WordPress Gutenberg Editor

Avatar
My aim is to create enriching content on topics related to SEO, web hosting and social media. The idea is to elevate the readers to new levels of usability, accessibility and understanding.

Trusted By Thousands of Clients & Big Businesses

We highly appreciate the kind and stellar feedback we receive from our customers. Delivering the best is our goal! MilesWeb is rated Excellent 4.8 out of 5 based on reviews. Read more reviews.

Excellent
Based on reviews
2 hours ago
Perfect and Valuable Server + ...
I am using MilesWeb Servers, The main thing which I getting are continuous support over everything w...
Gunjan Makwana
4 hours ago
Milesweb is superb Hosting pro...
Milesweb is superb Hosting provider ever, their Support team is amazing!!!...
Abhishek Singh
15 hours ago
Great support in great timing...
We need urgent assistance on changes in a primary domain on our client's Cpanel accounts and reached...
Riyaju Deen
21 hours ago
Best Website Hosting platform ...
I was new on MilesWeb. And needed help on multiple areas from setting up to getting started with cre...
Harshada
1 days ago
Very quick and helpful assista...
Very quick and helpful assistance. Support person listened properly and provided a nice solution....
Narendra
1 days ago
the team is very supportive th...
the team is very supportive though at times effort needs to be made to make understand the problem s...
Suree Sharma
1 days ago
I am using miles web for 3plus...
I am using miles web for 3plus years, very quick and perfect support by the team, they helped me man...
Sri Raghav
2 days ago
The service is good...
The service is good. They are answering with patience and doing the needful as soon as possible....
MR
2 days ago
Perfect and Valuable Server + ...
I am using MilesWeb Servers, The main thing which I getting are continuous support over everything w...
Gunjan Makwana
3 days ago
Very quick and helpful assista...
Very quick and helpful assistance. Support person listened properly and provided a nice solution....
Narendra
4 days ago
positively helped me with find...
positively helped me with finding insecure content on my website causing SSL to not work properly on...
Thaviraj Junglee
4 days ago
Exceptional support, Truly Pra...
I had opted for the basic wordpress hosting plan as I intended to experiment with various plug-ins. ...
Aseem Chandna