This article explains what Reusable Blocks are, when they are useful, and how to edit them if your website uses them.

Impreza’s Reusable Block feature is helpful when you have the same section of content shown in more than one place on your website. Instead of editing that content separately on every page, you can create one reusable version of it.

This is especially useful for content that may need to be updated over time. When you edit the Reusable Block, the change automatically applies anywhere that block is used on the site.

When a Reusable Block is added inside the WPBakery editor, it will look like this:

Hovering over the Reusable Block and clicking the pencil opens the settings menu where you can select which Reusable Block to display.

Editing a Reusable Block

If the content you need to change is inside a Reusable Block, you will need to edit the Reusable Block itself. Editing the page will not directly change that content.

The easiest way to find the correct Reusable Block is usually from the front end of the website.

First, go to the page where the content appears. While you are logged in, look at the admin bar at the top of the screen. Hover over Edit Page, then select the Reusable Block you need to edit from the menu that appears.

The edit page button is covered in detail here: https://help.appnet.com/logging-in-and-editing-page-content/

You can also find Reusable Blocks from the WordPress admin area. In the left-hand admin menu, Reusable Blocks are usually located under one of the site or theme-related menu items. This may be something like Templates, Impreza, Appnet, Theme Options, or a similar section.

Look for a submenu item called Reusable Blocks.

The exact location can vary from site to site. For example, on this website, Reusable Blocks are located under Theme Options.

Once you are viewing the list of Reusable Blocks, find the block you want to edit.

Just like with pages or posts, hover over the title of the Reusable Block, then click Edit.

The editing screen will work much like editing a normal page or post. You can make changes using the page builder, then save or update the block when you are finished.

Reusable Blocks also have access to revisions, just like pages and posts. This means you can restore an earlier version if you need to undo your changes or go back to a previous version.

More info on editing page elements can be found in our other tutorials.

Creating a Brand New Reusable Block

If you need to create a new Reusable Block, there are a few things to keep in mind.

If you already have another Reusable Block that is similar to the one you want to create, we recommend duplicating that block first. This can save time because it copies the existing layout and design settings. Then, you only need to update the content instead of rebuilding the layout from scratch.

You can also create a new Reusable Block from the Reusable Blocks list. Go to the list where all Reusable Blocks are shown, then click Add New near the top of the screen.

From there, you can build the Reusable Block much like you would build a normal page. Add your content, adjust the layout, and publish the block when you are ready.

After the block is published, go to the page where you want it to appear. Add a Reusable Block element to the page, then select the block you just created. Save or update the page, then refresh the front end of the site to view the result.

Once you can see the block on the page, you can make additional adjustments as needed.

In some cases, the block may add more spacing than expected. If this happens, you may need to adjust the spacing inside the Reusable Block itself. This is usually done through the row settings inside the block, as shown below:

To eliminate extra spacing, you will want to change the both the settings boxed in red above.

For side spacing, that’s content width. Set to full width to take up all available space side to side.

Vertical indents for vertical spacing. Setting to None will remove all extra vertical spacing.

You May Be Interested In…

A Comprehensive Guide to Orders

Guides to Adding and Editing ProductsA simple product is a product that has one price and no attributes or variables. Example:…

Updating DNS Records

DNS records are like the instructions behind your domain name. They tell the internet where different things connected to your…

How to Add a Blog

Would you like to learn how to add a blog?# 1. Log In to the BackendYour Appnet support representative has…

How Do I Add a User?

Would you like to learn how to add a user on your website?# 1. Log In to the BackendYour Appnet…

Search by Topic

Share This

Previous Post
Advanced Page Building and Element Configuration
Next Post
Editing a Photo Gallery/Carousel