Using a Widget

The CMS Static Block widget gives you the ability to place an existing content block most anywhere in your store.

Step 1: Choose the Type

  1. On the Admin sidebar, go to Content. > Elements > Widgets.

  2. In the upper-right corner, click Add Widget. Then do the following:

    • In the Settings section, set Type to CMS Static Block. Then, click Continue.

    • Verify that Design Theme is set to the current theme.

    • Click Continue.


  3. In the Storefront Properties section, do the following:

    • In the Widget Title field, enter a descriptive title for internal reference.

    • Set Assign to Store Views to All Store Views or to the view where the app will be available. To select more than one, hold the Ctrl key down and select each option.

    • Enter a number in the Sort Order field to determine the order of the block if it assigned to appear in the same location on the page as other content elements. The top position is zero.

    Storefront Properties

Step 2: Complete the Layout Updates

  1. In the Layout Updates section, click Add Layout Update. Then, do the following:

  2. Set Display On to the category, product, or page where you want the block to appear. To place the block on a specific page, do the following:

    • Choose the Page where you want the block to appear.

    • Choose the Block Reference that identifies the place on the page where the block is to be placed.

    • Accept the default setting for Template, which is set to CMS Static Block Default Template.

    Layout Updates

Step 3: Place the Block

  1. In the panel on the left, select Widget Options.

  2. Click Select Block…. Then in the list, choose the block that you want to place.

  3. When complete, click Save.

    The app now appears in the list.

  4. When prompted, follow the instructions at the top of the workspace to update the index and page cache.

  5. Return to your storefront to verify that the block appears in the correct location. To move the block, you can reopen the widget try a different page or block reference.