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

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

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

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

Step 2: Select Widget >>> Click Add widget

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

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.

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.

Step 2: Create New Page: Click Add New Page

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

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

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

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

And design:

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:

Nhu Quynh

Recent Posts

HR Software vs Manual HR: Proven Cost & ROI Benefits

Human resource management is an important aspect in determining organizational success. However, the way human…

1 day ago

Best Student Experience Apps Review: Study and Campus Productivity Tools Compared

Most “best student experience apps ” lists recycle the same picks without evidence. We set…

1 week ago

How Chatbot Development Is Powering Growth for SaaS Companies

Imagine late at night, you visit a SaaS website, exploring a tool that could potentially…

1 week ago

Core Web Vitals Optimization: The 0.1 Second Advantage That Determines Your 2026 Rankings

In 2021, when Google rolled out its Page Experience update, Core Web Vitals metrics officially…

1 week ago

The Shocking Impact of Google’s AI Search (SGE) on Organic Traffic Strategies in 2026

For over 20 years, organic search was built on a simple premise: Rank higher on the…

2 weeks ago

How to Humanize AI Content for Magento Blog Posts and Product Pages Effectively

Humanize AI content is now a critical step in modern eCommerce workflows. AI writing tools…

2 weeks ago