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

  • You add content like text and photos to your page using blocks. As the name implies, blocks stack on top of each other to build a page. Blocks can also be used to format text, add columns, create a button, embed a video and more.
  • Reusable blocks are different from block patterns. A block pattern is a saved group of pre-designed blocks to help you achieve a specific layout on a page. Once a block pattern is added to a page, it’s yours to customize without affecting all places where that pattern is used on your site.

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.

A screenshot of 2-column blocks combined with images

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.

A screenshot of a column block with an image, heading, subheading and body sections

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.
A screenshot of a Call to Action block highlighting the URL section at the bottom of the 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.
A screenshot of a Call to Action block highlighting the Add to Reusable Blocks option in the block settings
  • 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.
A screenshot of a Call to Action block highlighting area to add the name of the created reusable block at the top of the 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.
A GIF demonstrating how to find a Reusable block in the Layout Elements

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.

A screenshot of a Reusable block highlighting the Edit button at the top of the 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.

A screenshot of a Reusable block highlighting the Convert to Regular Block option in the block settings

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.

A screenshot of a Reusable block highlighting the Remove from Reusable Blocks option in the block settings

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?

The quickest way to get support is to reach out to us within your website’s admin dashboard. Log into your website and then fill out the Website Support form. You’ll hear back from us within one business day.