How to add CMS block Magento 2 and Widget to the page


As you know, CMS Block and Widget pages are very important for each page. You can easily control your pages and build content. Thanks to this, you can avoid buggers in Magento’s admin. The administrators can manage the website through adding and controlling a series of display images and construction on the site. Customers can enjoyably look at all promotion banners, Sale blocks, Refund policies, size charts.

In this tutorial, I will show you “How to add CMS Block and Widget to the page” in the user-friendliest way? Take it easy and Let’s get started!

I. Add CMS Block Magento 2

Adding a static block to a page theme is a smart way to control global elements of your site such as footer links, custom callouts in the sidebar.

To add CMS Block Magento 2, you need:

Step 1: In the Admin Panel >>> please go to the Content Tab

Add Cms Block 1

Step 2: Next, select Blocks >>> click on Add New Block

Add Cms Block 2

Step 3: There will be a form >>> Fill in the Block Title, Identifier, Needed Storeview >>> Save Block

Add Cms Block 2

II. Add Widget Magento 2

Adding Widget Magento 2 equips your pages with sets of predefined configuration options. Administrators can decorate for the stores with front-end blocks functionality. They can control everything with flexibility and create informational and marketing content through the Magento 2 Admin panel.

So, how to add Widget Magento 2?

Step 1: Go to the Admin Panel >>> look for Content Tab

add cms widget magento 2 -01

Step 2: Select Widget >>> Click Add widget add cms widget magento 2 -02

Step 3: Setting up for Widget: Enter types and design theme >>> Then choose “Continue” button.

add cms widget magento 2 -03

Step 4: In the Storefront Properties: Add title and store view for the widget >>>
Select the layout for Widget as shown as a storefront and click Save button.

add cms widget magento 2 -03

III. Add Content Page Magento 2

Step 1: Find Content Tab >>> select Pages: There you can open any of the already existing pages or create a new one. In this tutorial, you can create a new page.

add page magento 2- 01

Step 2: Create New Page: Click Add New Page

add page magento 2- 02

Step 3: You can fill all Page Title, Content Heading:

add page magento 2- 07

Step 4: At the box Show/ Hide Editor: Choose the symbol for Insert Widget like this:

insert widget-01Step 5: Then at the part of Insert Widget: You need to choose Widget Type and Template:

add page magento 2- 06

Step 6: At the Search Engine Optimization, Page in Website and Design, choose Store View you want to display:

add page magento 2- 04

And design:

add page magento 2- 05

We will add a Widget with the Static block type. There we can see the block that we created previously.

Click Insert widget and do not forget to save the page and clear cache if needed.
Congratulations! Now you know “How to Add CMS block Magento 2 and Widget to the page” in your Magento 2x Store. In case, you have some request, please feel free to leave the comment here and get support as soon as possible.

Magento 2 Extensions You Need to View: