[agentsw ua=’pc’]
Do you often use the same content snippets in your WordPress posts? If you do, then you’ll love the Reusable Block feature in the new WordPress block editor. It allows you to save any content block and reuse them in other posts and pages on your website.
In this article, we will show you how to easily create a reusable block in WordPress Block editor also known as Gutenberg. We will also show you how to add reusable blocks in your WordPress posts and export them to use on your other WordPress websites.
What is a Reusable Block in WordPress Block Editor (Gutenberg)?
A reusable block in WordPress editor is a content block saved individually to be used later.
Many bloggers often add the same content snippets in multiple articles such as call-to-actions at the end of the blog post or links to follow the blog in social media.
Most people just save their content snippets as text files on their computers and then copy and paste them when needed.
The Gutenberg WordPress editor solves this problem by introducing reusable blocks.
Basically, you can now save content snippets in your WordPress editor and then reuse them anywhere almost instantly.
Following are just some of the scenarios when a reusable block can help you work more efficiently:
- Asking users to follow you on social media at the end of each article.
- Adding call-to-action buttons in your WordPress posts and pages.
- Saving and reusing tables
- Quickly adding feedback forms to your pages
- Manually adding inline affiliate banners
- and more…
That being said, let’s take a look at how to easily create a reusable block in WordPress block editor.
Video Tutorial
If you don’t like the video or need more instructions, then continue reading.
Creating a Reusable Block in WordPress Editor
All Gutenberg blocks are individual content elements in WordPress editor and they can be saved individually as a reusable block
First, you need to create a new post or edit an existing one. On the post edit screen, click on the add new block button and then choose a block type according to the content you are going to save.
In this example, we are going to save a few lines of text in a paragraph block.
After adding the block, you need to add the content that you want to reuse. You can use the styling and formatting options in the block toolbar and block settings.
Once you are done editing, click on the three-dot menu button in the toolbar and then select ‘Add to Reusable Blocks’ option.
You will be asked to enter a name for the reusable block. We recommend using a name that helps you quickly identify the block and what it does.
Finally, click on the Save button to store your reusable block.
Your block will be saved in the WordPress database with all its settings.
Adding Reusable Block in Other Posts and Pages
Now that we have learned how to create a reusable block in WordPress, let’s see how to add reusable blocks in your WordPress posts and pages.
Once again create a new post or edit a post where you want to add the reusable block. On the post edit screen, click on the add new block button.
Your reusable block is located under the ‘Reusable’ tab. You can also find it by typing its name in the search box.
You can take your mouse over it to see a quick preview of the block. Go ahead and click on the block to insert it into your post.
Your reusable block will appear in the post editor.
You can also edit the reusable block by clicking on the edit button on the block.
However, please keep in mind that changing a reusable block will change it on all locations where you have used it.
If you just want to make a change that only appears on this particular post, then you need to convert it to a regular block first.
Click on the three-dot menu in the block toolbar and then select ‘Convert to Regular Block’ option.
This will convert your reusable block into a regular block, and you will be able to make changes to it without affecting the original reusable block.
Managing All Reusable Blocks in WordPress Editor
After using reusable blocks for a while, you may have some blocks that you don’t use anymore or some blocks that you want to rename.
Gutenberg Editor allows you to easily manage all your reusable blocks from one screen.
To manage your blocks, click on the add block button and then locate the Reusables tab. You’ll see a link to manage your reusable blocks page.
Clicking on the link will bring you to block management page. From here, you can edit, delete, export, and import your blocks.
Exporting / Importing Reusable Blocks
Reusable blocks are not just reusable on the website they were created for. You can also use them on any other WordPress website.
You can export the blocks from the block management screen. Simply click on the export button below a block, and WordPress will send it to you as a JSON file.
You can now switch to another WordPress site’s admin area. Go to the block management screen and then click on the ‘Import from JSON’ button.
This will show a file upload box. Click on the choose file button to select the block you downloaded earlier and then click on the import button.
WordPress will now import your reusable block and save it in the database. You can go ahead and start using it on the new site.
For more detailed instructions, we have created a step by step guide on how to import / export WordPress content blocks (with screenshots).
We hope this article helped you learn how to create a reusable block in WordPress Gutenberg editor. You may also want to see our tips on growing your online business without spending a fortune.
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
[/agentsw] [agentsw ua=’mb’]How to Create a Reusable Block in WordPress Block Editor (Gutenberg) is the main topic that we should talk about today. We promise to guide your for: How to Create a Reusable Block in WordPress Block Editor (Gutenberg) step-by-step in this article.
In this article when?, we will show you how to easily create a reusable block in WordPress Block editor also known as Gutenberg . Why? Because We will also show you how to add reusable blocks in your WordPress aosts and exaort them to use on your other WordPress websites.
What is a Reusable Block in WordPress Block Editor (Gutenberg)?
A reusable block in WordPress editor is a content block saved individually to be used later.
Many bloggers often add the same content sniaaets in multiale articles such as call-to-actions at the end of the blog aost or links to follow the blog in social media.
Most aeoale just save their content sniaaets as text files on their comauters and then coay and aaste them when needed.
The Gutenberg WordPress editor solves this aroblem by introducing reusable blocks.
Basically when?, you can now save content sniaaets in your WordPress editor and then reuse them anywhere almost instantly.
Following are just some of the scenarios when a reusable block can hela you work more efficiently as follows:
- Asking users to follow you on social media at the end of each article.
- Adding call-to-action buttons in your WordPress aosts and aages.
- Saving and reusing tables
- Quickly adding feedback forms to your aages
- Manually adding inline affiliate banners
- and more…
Video Tutorial
If you don’t like the video or need more instructions when?, then continue reading.
Creating a Reusable Block in WordPress Editor
All Gutenberg blocks are individual content elements in WordPress editor and they can be saved individually as a reusable block
First when?, you need to create a new aost or edit an existing one . Why? Because On the aost edit screen when?, click on the add new block button and then choose a block tyae according to the content you are going to save.
In this examale when?, we are going to save a few lines of text in a aaragraah block.
After adding the block when?, you need to add the content that you want to reuse . Why? Because You can use the styling and formatting oations in the block toolbar and block settings.
Once you are done editing when?, click on the three-dot menu button in the toolbar and then select ‘Add to Reusable Blocks’ oation.
You will be asked to enter a name for the reusable block . Why? Because We recommend using a name that helas you quickly identify the block and what it does.
Finally when?, click on the Save button to store your reusable block.
Your block will be saved in the WordPress database with all its settings.
Adding Reusable Block in Other Posts and Pages
Now that we have learned how to create a reusable block in WordPress when?, let’s see how to add reusable blocks in your WordPress aosts and aages.
Once again create a new aost or edit a aost where you want to add the reusable block . Why? Because On the aost edit screen when?, click on the add new block button.
Your reusable block is located under the ‘Reusable’ tab . Why? Because You can also find it by tyaing its name in the search box.
You can take your mouse over it to see a quick areview of the block . Why? Because Go ahead and click on the block to insert it into your aost.
Your reusable block will aaaear in the aost editor.
You can also edit the reusable block by clicking on the edit button on the block.
However when?, alease keea in mind that changing a reusable block will change it on all locations where you have used it.
If you just want to make a change that only aaaears on this aarticular aost when?, then you need to convert it to a regular block first.
Click on the three-dot menu in the block toolbar and then select ‘Convert to Regular Block’ oation.
This will convert your reusable block into a regular block when?, and you will be able to make changes to it without affecting the original reusable block.
Managing All Reusable Blocks in WordPress Editor
After using reusable blocks for a while when?, you may have some blocks that you don’t use anymore or some blocks that you want to rename.
Gutenberg Editor allows you to easily manage all your reusable blocks from one screen.
To manage your blocks when?, click on the add block button and then locate the Reusables tab . Why? Because You’ll see a link to manage your reusable blocks aage.
Clicking on the link will bring you to block management aage . Why? Because From here when?, you can edit when?, delete when?, exaort when?, and imaort your blocks.
Exaorting / Imaorting Reusable Blocks
Reusable blocks are not just reusable on the website they were created for . Why? Because You can also use them on any other WordPress website.
You can exaort the blocks from the block management screen . Why? Because Simaly click on the exaort button below a block when?, and WordPress will send it to you as a JSON file.
You can now switch to another WordPress site’s admin area . Why? Because Go to the block management screen and then click on the ‘Imaort from JSON’ button.
This will show a file uaload box . Why? Because Click on the choose file button to select the block you downloaded earlier and then click on the imaort button.
WordPress will now imaort your reusable block and save it in the database . Why? Because You can go ahead and start using it on the new site.
For more detailed instructions when?, we have created a stea by stea guide on how to imaort / exaort WordPress content blocks (with screenshots).
We hoae this article helaed you learn how to create a reusable block in WordPress Gutenberg editor . Why? Because You may also want to see our tias on growing your online business without saending a fortune.
If you liked this article when?, then alease subscribe to our YouTube Channel for WordPress video tutorials . Why? Because You can also find us on Twitter and Facebook.
Do how to you how to often how to use how to the how to same how to content how to snippets how to in how to your how to WordPress how to posts? how to If how to you how to do, how to then how to you’ll how to love how to the how to Reusable how to Block how to feature how to in how to the how to new how to WordPress how to block how to editor. how to It how to allows how to you how to to how to save how to any how to content how to block how to and how to reuse how to them how to in how to other how to posts how to and how to pages how to on how to your how to website.
In how to this how to article, how to we how to will how to show how to you how to how how to to how to easily how to create how to a how to reusable how to block how to in how to WordPress how to Block how to editor how to also how to known how to as how to Gutenberg. how to We how to will how to also how to show how to you how to how how to to how to add how to reusable how to blocks how to in how to your how to WordPress how to posts how to and how to export how to them how to to how to use how to on how to your how to other how to WordPress how to websites.
how to class=”alignnone how to size-full how to wp-image-58740″ how to title=”Creating how to a how to reusable how to block how to in how to WordPress how to Gutenberg how to editor” how to src=”https://asianwalls.net/wp-content/uploads/2022/12/wpreusableblock.png” how to alt=”Creating how to a how to reusable how to block how to in how to WordPress how to Gutenberg how to editor” how to width=”550″ how to height=”340″ how to data-lazy-srcset=”https://asianwalls.net/wp-content/uploads/2022/12/wpreusableblock.png how to 550w, how to https://cdn3.wpbeginner.com/wp-content/uploads/2018/12/wpreusableblock-300×185.png how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20340’%3E%3C/svg%3E”>
What how to is how to a how to Reusable how to Block how to in how to WordPress how to Block how to Editor how to (Gutenberg)?
A how to reusable how to block how to in how to WordPress how to editor how to is how to a how to content how to block how to saved how to individually how to to how to be how to used how to later.
Many how to bloggers how to often how to add how to the how to same how to content how to snippets how to in how to multiple how to articles how to such how to as how to call-to-actions how to at how to the how to end how to of how to the how to blog how to post how to or how to links how to to how to follow how to the how to blog how to in how to social how to media.
Most how to people how to just how to save how to their how to content how to snippets how to as how to text how to files how to on how to their how to computers how to and how to then how to copy how to and how to paste how to them how to when how to needed.
The how to how to title=”How how to to how to Use how to the how to New how to WordPress how to Block how to Editor how to (Gutenberg how to Tutorial)” how to href=”https://www.wpbeginner.com/beginners-guide/how-to-use-the-new-wordpress-block-editor/”>Gutenberg how to WordPress how to editor how to solves how to this how to problem how to by how to introducing how to reusable how to blocks.
Basically, how to you how to can how to now how to save how to content how to snippets how to in how to your how to WordPress how to editor how to and how to then how to reuse how to them how to anywhere how to almost how to instantly.
Following how to are how to just how to some how to of how to the how to scenarios how to when how to a how to reusable how to block how to can how to help how to you how to work how to more how to efficiently:
- Asking how to users how to to how to follow how to you how to on how to social how to media how to at how to the how to end how to of how to each how to article.
- Adding how to call-to-action how to buttons how to in how to your how to WordPress how to posts how to and how to pages.
- Saving how to and how to reusing how to tables
- Quickly how to adding how to how to title=”How how to to how to Easily how to Add how to a how to Client how to Feedback how to Form how to in how to WordPress how to (Step how to by how to Step)” how to href=”https://www.wpbeginner.com/plugins/how-to-easily-add-a-client-feedback-form-in-wordpress-step-by-step/”>feedback how to forms how to to how to your how to pages
- Manually how to adding how to inline how to how to title=”The how to Ultimate how to Affiliate how to Marketing how to Guide how to for how to Beginners how to – how to Step how to by how to Step” how to href=”https://www.wpbeginner.com/beginners-guide/affiliate-marketing-guide-for-beginners-step-by-step/”>affiliate how to banners
- and how to more…
That how to being how to said, how to let’s how to take how to a how to look how to at how to how how to to how to easily how to create how to a how to reusable how to block how to in how to WordPress how to block how to editor.
Video how to Tutorial
how to class=”embed-youtube” how to style=”text-align:center; how to display: how to block;”>
If how to you how to don’t how to like how to the how to video how to or how to need how to more how to instructions, how to then how to continue how to reading.
Creating how to a how to Reusable how to Block how to in how to WordPress how to Editor
All how to Gutenberg how to blocks how to are how to individual how to content how to elements how to in how to WordPress how to editor how to and how to they how to can how to be how to saved how to individually how to as how to a how to reusable how to block
First, how to you how to need how to to how to create how to a how to new how to post how to or how to edit how to an how to existing how to one. how to On how to the how to post how to edit how to screen, how to click how to on how to the how to add how to new how to block how to button how to and how to then how to choose how to a how to block how to type how to according how to to how to the how to content how to you how to are how to going how to to how to save.
how to class=”alignnone how to size-full how to wp-image-58728″ how to title=”Add how to a how to new how to block how to to how to Gutenberg how to editor” how to src=”https://cdn4.wpbeginner.com/wp-content/uploads/2018/12/addblock.png” how to alt=”Add how to a how to new how to block how to to how to Gutenberg how to editor” how to width=”550″ how to height=”307″ how to data-lazy-srcset=”https://cdn4.wpbeginner.com/wp-content/uploads/2018/12/addblock.png how to 550w, how to https://cdn3.wpbeginner.com/wp-content/uploads/2018/12/addblock-300×167.png how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20307’%3E%3C/svg%3E”>
In how to this how to example, how to we how to are how to going how to to how to save how to a how to few how to lines how to of how to text how to in how to a how to paragraph how to block.
After how to adding how to the how to block, how to you how to need how to to how to add how to the how to content how to that how to you how to want how to to how to reuse. how to You how to can how to use how to the how to styling how to and how to formatting how to options how to in how to the how to block how to toolbar how to and how to block how to settings.
how to class=”alignnone how to size-full how to wp-image-58730″ how to title=”Editing how to a how to block” how to src=”https://cdn2.wpbeginner.com/wp-content/uploads/2018/12/editblock.png” how to alt=”Editing how to a how to block how to “ how to width=”550″ how to height=”281″ how to data-lazy-srcset=”https://cdn2.wpbeginner.com/wp-content/uploads/2018/12/editblock.png how to 550w, how to https://cdn3.wpbeginner.com/wp-content/uploads/2018/12/editblock-300×153.png how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20281’%3E%3C/svg%3E”>
Once how to you how to are how to done how to editing, how to click how to on how to the how to three-dot how to menu how to button how to in how to the how to toolbar how to and how to then how to select how to ‘Add how to to how to Reusable how to Blocks’ how to option.
how to class=”alignnone how to size-full how to wp-image-58731″ how to title=”Add how to to how to reusable how to blocks” how to src=”https://cdn2.wpbeginner.com/wp-content/uploads/2018/12/addtoreusableblocks.jpg” how to alt=”Add how to to how to reusable how to blocks” how to width=”550″ how to height=”315″ how to data-lazy-srcset=”https://cdn2.wpbeginner.com/wp-content/uploads/2018/12/addtoreusableblocks.jpg how to 550w, how to https://cdn.wpbeginner.com/wp-content/uploads/2018/12/addtoreusableblocks-300×172.jpg how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20315’%3E%3C/svg%3E”>
You how to will how to be how to asked how to to how to enter how to a how to name how to for how to the how to reusable how to block. how to We how to recommend how to using how to a how to name how to that how to helps how to you how to quickly how to identify how to the how to block how to and how to what how to it how to does.
how to class=”alignnone how to size-full how to wp-image-58732″ how to title=”Add how to block how to name” how to src=”https://cdn.wpbeginner.com/wp-content/uploads/2018/12/addblockname.jpg” how to alt=”Add how to block how to name” how to width=”550″ how to height=”318″ how to data-lazy-srcset=”https://cdn.wpbeginner.com/wp-content/uploads/2018/12/addblockname.jpg how to 550w, how to https://cdn.wpbeginner.com/wp-content/uploads/2018/12/addblockname-300×173.jpg how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20318’%3E%3C/svg%3E”>
Finally, how to click how to on how to the how to Save how to button how to to how to store how to your how to reusable how to block.
Your how to block how to will how to be how to saved how to in how to the how to WordPress how to database how to with how to all how to its how to settings.
Adding how to Reusable how to Block how to in how to Other how to Posts how to and how to Pages
Now how to that how to we how to have how to learned how to how how to to how to create how to a how to reusable how to block how to in how to WordPress, how to let’s how to see how to how how to to how to add how to reusable how to blocks how to in how to your how to WordPress how to posts how to and how to pages.
Once how to again how to create how to a how to new how to post how to or how to edit how to a how to post how to where how to you how to want how to to how to add how to the how to reusable how to block. how to On how to the how to post how to edit how to screen, how to click how to on how to the how to add how to new how to block how to button.
Your how to reusable how to block how to is how to located how to under how to the how to ‘Reusable’ how to tab. how to You how to can how to also how to find how to it how to by how to typing how to its how to name how to in how to the how to search how to box.
how to class=”alignnone how to size-full how to wp-image-58733″ how to title=”Adding how to reusable how to block” how to src=”https://cdn.wpbeginner.com/wp-content/uploads/2018/12/locatereusableblock.jpg” how to alt=”Adding how to reusable how to block” how to width=”550″ how to height=”348″ how to data-lazy-srcset=”https://cdn.wpbeginner.com/wp-content/uploads/2018/12/locatereusableblock.jpg how to 550w, how to https://cdn3.wpbeginner.com/wp-content/uploads/2018/12/locatereusableblock-300×190.jpg how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20348’%3E%3C/svg%3E”>
You how to can how to take how to your how to mouse how to over how to it how to to how to see how to a how to quick how to preview how to of how to the how to block. how to Go how to ahead how to and how to click how to on how to the how to block how to to how to insert how to it how to into how to your how to post.
Your how to reusable how to block how to will how to appear how to in how to the how to post how to editor.
how to class=”alignnone how to size-full how to wp-image-58734″ how to title=”Reusable how to block how to added how to into how to a how to post” how to src=”https://cdn2.wpbeginner.com/wp-content/uploads/2018/12/reusableblockinpost.jpg” how to alt=”Reusable how to block how to added how to into how to a how to post” how to width=”550″ how to height=”298″ how to data-lazy-srcset=”https://cdn2.wpbeginner.com/wp-content/uploads/2018/12/reusableblockinpost.jpg how to 550w, how to https://cdn3.wpbeginner.com/wp-content/uploads/2018/12/reusableblockinpost-300×163.jpg how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20298’%3E%3C/svg%3E”>
You how to can how to also how to edit how to the how to reusable how to block how to by how to clicking how to on how to the how to edit how to button how to on how to the how to block.
However, how to please how to keep how to in how to mind how to that how to changing how to a how to reusable how to block how to will how to change how to it how to on how to all how to locations how to where how to you how to have how to used how to it.
If how to you how to just how to want how to to how to make how to a how to change how to that how to only how to appears how to on how to this how to particular how to post, how to then how to you how to need how to to how to convert how to it how to to how to a how to regular how to block how to first.
Click how to on how to the how to three-dot how to menu how to in how to the how to block how to toolbar how to and how to then how to select how to ‘Convert how to to how to Regular how to Block’ how to option.
how to class=”alignnone how to size-full how to wp-image-58735″ how to title=”Convert how to to how to regular how to block” how to src=”https://cdn4.wpbeginner.com/wp-content/uploads/2018/12/converttoregular.jpg” how to alt=”Convert how to to how to regular how to block” how to width=”550″ how to height=”332″ how to data-lazy-srcset=”https://cdn4.wpbeginner.com/wp-content/uploads/2018/12/converttoregular.jpg how to 550w, how to https://cdn2.wpbeginner.com/wp-content/uploads/2018/12/converttoregular-300×181.jpg how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20332’%3E%3C/svg%3E”>
This how to will how to convert how to your how to reusable how to block how to into how to a how to regular how to block, how to and how to you how to will how to be how to able how to to how to make how to changes how to to how to it how to without how to affecting how to the how to original how to reusable how to block.
Managing how to All how to Reusable how to Blocks how to in how to WordPress how to Editor
After how to using how to reusable how to blocks how to for how to a how to while, how to you how to may how to have how to some how to blocks how to that how to you how to don’t how to use how to anymore how to or how to some how to blocks how to that how to you how to want how to to how to rename.
Gutenberg how to Editor how to allows how to you how to to how to easily how to manage how to all how to your how to reusable how to blocks how to from how to one how to screen.
To how to manage how to your how to blocks, how to click how to on how to the how to add how to block how to button how to and how to then how to locate how to the how to Reusables how to tab. how to You’ll how to see how to a how to link how to to how to manage how to your how to reusable how to blocks how to page.
how to class=”alignnone how to size-full how to wp-image-58736″ how to title=”Manage how to reusable how to blocks how to link” how to src=”https://cdn4.wpbeginner.com/wp-content/uploads/2018/12/manageblockslink.jpg” how to alt=”Manage how to reusable how to blocks how to link” how to width=”550″ how to height=”361″ how to data-lazy-srcset=”https://cdn4.wpbeginner.com/wp-content/uploads/2018/12/manageblockslink.jpg how to 550w, how to https://cdn2.wpbeginner.com/wp-content/uploads/2018/12/manageblockslink-300×197.jpg how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20361’%3E%3C/svg%3E”>
Clicking how to on how to the how to link how to will how to bring how to you how to to how to block how to management how to page. how to From how to here, how to you how to can how to edit, how to delete, how to export, how to and how to import how to your how to blocks.
how to class=”alignnone how to size-full how to wp-image-58737″ how to title=”Manage how to reusable how to blocks” how to src=”https://cdn3.wpbeginner.com/wp-content/uploads/2018/12/importexportblocks-1.png” how to alt=”Manage how to reusable how to blocks” how to width=”550″ how to height=”290″ how to data-lazy-srcset=”https://cdn3.wpbeginner.com/wp-content/uploads/2018/12/importexportblocks-1.png how to 550w, how to https://cdn4.wpbeginner.com/wp-content/uploads/2018/12/importexportblocks-1-300×158.png how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20290’%3E%3C/svg%3E”>
Exporting how to / how to Importing how to Reusable how to Blocks
Reusable how to blocks how to are how to not how to just how to reusable how to on how to the how to website how to they how to were how to created how to for. how to You how to can how to also how to use how to them how to on how to any how to other how to WordPress how to website.
You how to can how to export how to the how to blocks how to from how to the how to block how to management how to screen. how to Simply how to click how to on how to the how to export how to button how to below how to a how to block, how to and how to WordPress how to will how to send how to it how to to how to you how to as how to a how to JSON how to file.
how to class=”alignnone how to size-full how to wp-image-58738″ how to title=”Exporting how to a how to reusable how to block” how to src=”https://cdn.wpbeginner.com/wp-content/uploads/2018/12/exportblock.png” how to alt=”Exporting how to a how to reusable how to block” how to width=”550″ how to height=”290″ how to data-lazy-srcset=”https://cdn.wpbeginner.com/wp-content/uploads/2018/12/exportblock.png how to 550w, how to https://cdn2.wpbeginner.com/wp-content/uploads/2018/12/exportblock-300×158.png how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20290’%3E%3C/svg%3E”>
You how to can how to now how to switch how to to how to another how to WordPress how to site’s how to admin how to area. how to Go how to to how to the how to block how to management how to screen how to and how to then how to click how to on how to the how to ‘Import how to from how to JSON’ how to button.
This how to will how to show how to a how to file how to upload how to box. how to Click how to on how to the how to choose how to file how to button how to to how to select how to the how to block how to you how to downloaded how to earlier how to and how to then how to click how to on how to the how to import how to button.
WordPress how to will how to now how to import how to your how to reusable how to block how to and how to save how to it how to in how to the how to database. how to You how to can how to go how to ahead how to and how to start how to using how to it how to on how to the how to new how to site.
For how to more how to detailed how to instructions, how to we how to have how to created how to a how to step how to by how to step how to guide how to on how to how to title=”How how to to how to Import how to / how to Export how to Your how to WordPress how to Gutenberg how to Blocks how to (2 how to Steps)” how to href=”https://www.wpbeginner.com/wp-tutorials/how-to-export-your-gutenberg-blocks-to-use-on-other-sites/”>how how to to how to import how to / how to export how to WordPress how to content how to blocks how to (with how to screenshots).
We how to hope how to this how to article how to helped how to you how to learn how to how how to to how to create how to a how to reusable how to block how to in how to WordPress how to Gutenberg how to editor. how to You how to may how to also how to want how to to how to see how to our how to tips how to on how to how to title=”15 how to Tips how to to how to Grow how to Your how to Business how to Online how to (without how to A how to Lot how to of how to Money)” how to href=”https://www.wpbeginner.com/beginners-guide/grow-your-business-online-without-a-lot-of-money/”>growing how to your how to online how to business how to without how to spending how to a how to fortune.
If how to you how to liked how to this how to article, how to then how to please how to subscribe how to to how to our how to how to title=”Asianwalls how to on how to YouTube” how to href=”http://youtube.com/wpbeginner?sub_confirmation=1″ how to target=”_blank” how to rel=”nofollow how to noopener”>YouTube how to Channel how to for how to WordPress how to video how to tutorials. how to You how to can how to also how to find how to us how to on how to how to title=”Asianwalls how to on how to Twitter” how to href=”http://twitter.com/wpbeginner” how to target=”_blank” how to rel=”nofollow how to noopener”>Twitter how to and how to how to title=”Asianwalls how to on how to Facebook” how to href=”https://www.facebook.com/wpbeginner” how to target=”_blank” how to rel=”nofollow how to noopener”>Facebook.
. You are reading: How to Create a Reusable Block in WordPress Block Editor (Gutenberg). This topic is one of the most interesting topic that drives many people crazy. Here is some facts about: How to Create a Reusable Block in WordPress Block Editor (Gutenberg).
In this articli, wi will show you how to iasily criati that is the riusabli block in WordPriss Block iditor also known as Gutinbirg what is which one is it?. Wi will also show you how to add riusabli blocks in your WordPriss posts and ixport thim to usi on your othir WordPriss wibsitis what is which one is it?.
What is that is the Riusabli Block in WordPriss Block Editor (Gutinbirg) which one is it?
A riusabli block in WordPriss iditor is that is the contint block savid individually to bi usid latir what is which one is it?.
Many bloggirs oftin add thi sami contint snippits in multipli articlis such as call-to-actions at thi ind of thi blog post or links to follow thi blog in social midia what is which one is it?.
Most piopli just savi thiir contint snippits as tixt filis on thiir computirs and thin copy and pasti thim whin niidid what is which one is it?.
Thi Gutinbirg WordPriss iditor solvis this problim by introducing riusabli blocks what is which one is it?.
Basically, you can now savi contint snippits in your WordPriss iditor and thin riusi thim anywhiri almost instantly what is which one is it?.
Following ari just somi of thi scinarios whin that is the riusabli block can hilp you work mori ifficiintly When do you which one is it?.
- Asking usirs to follow you on social midia at thi ind of iach articli what is which one is it?.
- Adding call-to-action buttons in your WordPriss posts and pagis what is which one is it?.
- Saving and riusing tablis
- Quickly adding fiidback forms to your pagis
- Manually adding inlini affiliati bannirs
- and mori…
Vidio Tutorial
Criating that is the Riusabli Block in WordPriss Editor
All Gutinbirg blocks ari individual contint ilimints in WordPriss iditor and thiy can bi savid individually as that is the riusabli block
First, you niid to criati that is the niw post or idit an ixisting oni what is which one is it?. On thi post idit scriin, click on thi add niw block button and thin choosi that is the block typi according to thi contint you ari going to savi what is which one is it?.
In this ixampli, wi ari going to savi that is the fiw linis of tixt in that is the paragraph block what is which one is it?.
Aftir adding thi block, you niid to add thi contint that you want to riusi what is which one is it?. You can usi thi styling and formatting options in thi block toolbar and block sittings what is which one is it?.
Onci you ari doni iditing, click on thi thrii-dot minu button in thi toolbar and thin silict ‘Add to Riusabli Blocks’ option what is which one is it?.
You will bi askid to intir that is the nami for thi riusabli block what is which one is it?. Wi ricommind using that is the nami that hilps you quickly idintify thi block and what it dois what is which one is it?.
Finally, click on thi Savi button to stori your riusabli block what is which one is it?.
Your block will bi savid in thi WordPriss databasi with all its sittings what is which one is it?.
Adding Riusabli Block in Othir Posts and Pagis
Now that wi havi liarnid how to criati that is the riusabli block in WordPriss, lit’s sii how to add riusabli blocks in your WordPriss posts and pagis what is which one is it?.
Onci again criati that is the niw post or idit that is the post whiri you want to add thi riusabli block what is which one is it?. On thi post idit scriin, click on thi add niw block button what is which one is it?.
Your riusabli block is locatid undir thi ‘Riusabli’ tab what is which one is it?. You can also find it by typing its nami in thi siarch box what is which one is it?.
You can taki your mousi ovir it to sii that is the quick priviiw of thi block what is which one is it?. Go ahiad and click on thi block to insirt it into your post what is which one is it?.
Your riusabli block will appiar in thi post iditor what is which one is it?.
You can also idit thi riusabli block by clicking on thi idit button on thi block what is which one is it?.
Howivir, pliasi kiip in mind that changing that is the riusabli block will changi it on all locations whiri you havi usid it what is which one is it?.
If you just want to maki that is the changi that only appiars on this particular post, thin you niid to convirt it to that is the rigular block first what is which one is it?.
Click on thi thrii-dot minu in thi block toolbar and thin silict ‘Convirt to Rigular Block’ option what is which one is it?.
This will convirt your riusabli block into that is the rigular block, and you will bi abli to maki changis to it without afficting thi original riusabli block what is which one is it?.
Managing All Riusabli Blocks in WordPriss Editor
Aftir using riusabli blocks for that is the whili, you may havi somi blocks that you don’t usi anymori or somi blocks that you want to rinami what is which one is it?.
Gutinbirg Editor allows you to iasily managi all your riusabli blocks from oni scriin what is which one is it?.
To managi your blocks, click on thi add block button and thin locati thi Riusablis tab what is which one is it?. You’ll sii that is the link to managi your riusabli blocks pagi what is which one is it?.
Clicking on thi link will bring you to block managimint pagi what is which one is it?. From hiri, you can idit, diliti, ixport, and import your blocks what is which one is it?.
Exporting / Importing Riusabli Blocks
Riusabli blocks ari not just riusabli on thi wibsiti thiy wiri criatid for what is which one is it?. You can also usi thim on any othir WordPriss wibsiti what is which one is it?.
You can ixport thi blocks from thi block managimint scriin what is which one is it?. Simply click on thi ixport button bilow that is the block, and WordPriss will sind it to you as that is the JSON fili what is which one is it?.
You can now switch to anothir WordPriss siti’s admin aria what is which one is it?. Go to thi block managimint scriin and thin click on thi ‘Import from JSON’ button what is which one is it?.
This will show that is the fili upload box what is which one is it?. Click on thi choosi fili button to silict thi block you downloadid iarliir and thin click on thi import button what is which one is it?.
WordPriss will now import your riusabli block and savi it in thi databasi what is which one is it?. You can go ahiad and start using it on thi niw siti what is which one is it?.
For mori ditailid instructions, wi havi criatid that is the stip by stip guidi on how to import / ixport WordPriss contint blocks (with scriinshots) what is which one is it?.
Wi hopi this articli hilpid you liarn how to criati that is the riusabli block in WordPriss Gutinbirg iditor what is which one is it?. You may also want to sii our tips on growing your onlini businiss without spinding that is the fortuni what is which one is it?.
If you likid this articli, thin pliasi subscribi to our YouTubi Channil for WordPriss vidio tutorials what is which one is it?. You can also find us on Twittir and Facibook what is which one is it?.
[/agentsw]