Creating a Reusable Block

If you’re working through the content on your website and find that you’re trying to create similar patterns of content in several places, you can now create a “Reusable block” to save time and energy. A Reusable block is a way for you to layout a set of blocks in a custom order, save this set of blocks, then add them anywhere on your site for easy replication.

Reusable blocks come in handy if you’re:

  • Repeating the same call to action throughout your site
  • Setting up columns with inner blocks (like images) in more than one place on your site
  • Replicating a similar layout for several pages, like program pages or team bios

Helpful Terminology

Types of Blocks to Use

In addition to different kinds of text like paragraphs and headings, there are many types of blocks that you can combine to create Reusable blocks! There’s no limit to the number of items you can include.

For example, you might have multiple pages where you want to use 2-column blocks combined with images and text. You can create a Reusable block like the one shown and add it wherever you want to save time and stay consistent.

Example block

You could also combine a photo with a heading, subheading and body copy to replicate and edit on several pages on your site, like the following example.

Example block #2

Set Up a Reusable Block

Let’s say you want to add a call to action (CTA) about donations to several pages on your site. Instead of recreating the same CTA multiple times for each page, you can create a Reusable block that will essentially copy and paste it wherever you want (including all of the text and images) in just a couple of clicks.

  • Navigate to a page in the back end of your site where you’d like for a Call to Action block to appear. Set it up the way you’d like for it to look across the board, as shown in the example below.
Call to Action Block
  • Click the 3 vertical dots icon in the toolbar above the block you’d like to reuse.
  • Select “Add to Reusable Blocks” in the dropdown menu.
Add to Reusable Blocks
  • Give your new Reusable block a new name. This name will appear in the list of standard blocks when you build out additional pages.
  • Click the save button to save your block name.
Name a Reusable Block

Add a Reusable Block to a Page

  • To add a Reusable block to a page, navigate to the page and start editing. 
  • Click the plus icon to add a new block.
  • In the “Search for a block” form field, start typing the name you gave your Reusable block.
  • Click the name of the block when you see it show up to add it to your page.
  • Don’t forget to update your page to save your changes.
Add a Reusable block

Make a Global Edit to a Reusable Block 

To make a global edit to a Reusable block, click the edit button to the right of the name of the block. Make your updates and click the save button that has replaced the edit button. The changes made using this method will be reflected any time you use the block moving forward, and it will also update any instance of this Reusable Block you’ve placed in the past.

Edit a Reusable Block

Edit One Instance of a Reusable Block

To make an edit to an individual instance of a Reusable block that won’t be applied across the site, you’ll need to transform the block back into regular blocks. The text and images you’ve set up in the Reusable block will be retained after you’ve transformed it into a Regular block until you begin making changes. The changes made from that point on will only be applied to the individual item you are editing.

Convert to regular block

Remove a Reusable Block From the Blocks List

If you’d like to remove a Reusable block from showing up in the blocks list altogether, click on the 3 vertical dots icon in the toolbar above the Reusable Block you’d like to remove. Select “Remove from Reusable Blocks” in the dropdown menu.

Remove a reusable block

WARNING: Removing a Reusable block from the list will remove it anywhere you’ve added it on your site. If you’re contemplating removing a Reusable block and would like to retain some instances of it, you must convert any Reusable blocks into regular blocks before you make a deletion. 

If you’re looking to just remove the individual block from a specific page, select “Remove Block” from the dropdown menu instead.

Still Have Questions?

Reach out to us within your Dashboard. Log into your website and then fill out the Website Support form. You’ll hear back from one of Wired Impact’s team members within one business day.