What is a Reusable Component?

If you would like to reuse a component on multiple pages, the instructions below review the steps. For users who previously used Layout Builder, this was called a Custom Reusable Block.

How to create a Reusable Component

  1. Log in to your site.
  2. Hover your mouse over Content.

    Example of the content menu selected
  3. Click Paragraphs.

    paragraphs menu selected
  4. Click the + Add library item

    Red border around the + add library item
  5. Add the Name of your reusable component. 
    Note: This is the name you will need each time you want to place the block.

    Paragraphs label selection
  6. Select the component that you want to use from the dropdown menu.

    paragraphs add component dropdown menu
  7. Complete the necessary fields for your component.
  8. Scroll to the bottom of the page and click Save.

    paragraphs save button selected

Placing a Reusable Component 

  1. Go to the page where you want to place the component.
  2. Click Edit content.

    Example of selecting the edit button on a page
  3.  Click the plus icon where you want to place the component.

    Example of the plus icon with a red square around the icon
  4. Select From Library, from the menu.

    Example of the from library menu selected
  5. Start typing the name that you gave to the content you created and select the applicable Reusable component.

    Example of the From library text field

Save

  1. Click Save.
  2. Scroll to the top of the page and click Save.

    Example of Saving the from library component
  3. Click the Done button beside the save button.
    Note: This will display the page in the closest representation of how site visitors will view it. All links and actions that are disabled in editing mode will be functional now.
     

    Example: of the Done button outlined