Magento 2.2.x Notice: As outlined by the Magento Software Lifecycle Policy, Magento 2.2.x has reached the End-of-Support and will no longer receive quality fixes or documentation updates. To maintain your site's performance, security, and PCIPayment Card Industry: Refers to debit and credit cards and their associated businesses. compliance, upgrade to the latest version of Magento.
Using a Widget
The CMSContent Management System: A software system that is used to create, edit, and maintain content on a website. Static Block widgetA prepared snippet of code that adds functionality and/or dynamic effects to your store. gives you the ability to place an existing content block most anywhere in your store.
|1.||On the Admin sidebar, tap Content. Then under Elements, choose Widgets.|
|2.||In the upper-right corner, tap Add Widget. Then do the following:|
|a.||In the Settings section, set Type to “CMS Static Block.” Then, tap Continue.|
|b.||Verify that Design Theme is set to the current theme.|
|3.||In the Storefront Properties section, do the following:|
|a.||In the Widget Title field, enter a descriptive title for internal reference.|
|b.||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.|
|c.||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.|
|1.||In the Layout Updates section, tap 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:|
|a.||Choose the Page where you want the block to appear.|
|b.||Choose the Block Reference that identifies the place on the page where the block is to be placed.|
|c.||Accept the default setting for Template, which is set to "CMS Static Block Default Template."|
|1.||In the panel on the left, select Widget Options.|
|2.||Tap Select Block…. Then in the list, choose the block that you want to place.|
|3.||When complete, tap 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 frontend app try a different page or block reference.|