How to use the CMS of Magento 2

Step by Step tutorial on using the Content Management System of Magento 2

The Content Management System (CMS) of your Magento 2 Store is used for creating new pages, blocks and widgets. You can combine those 3 elements to create custom static pages that display parts of your catalog or other useful to the customer information.

 

To effectively use the Magento 2 CMS, you will need to:

Step 1 Add a new Page

To create a new Page for your Magento 2 Store, you will need to login to your admin area and navigate to the Content>Pages section.

 

Accessing the Pages menu in Magento 2

 

Here you will see all of your Store’s pages. Click on the Add New Page button.

 

Adding a New Page in Magento 2

 

Now you can Name the page and set a custom URL for it. You can also choose on which store it can be viewed and set its status to enabled or disabled (hidden).

 

Configuring the General Settings of a New Page

 

In the content tab you can add the heading for the page and the content plus any widget you wish to be displayed on this page.

 

 

When you are ready with the configuration of the page, click on the Save Page button to create it.

 

Saving the Page Configuration in Magento 2

 

Now you can add this new page on any other by using a link widget. For example if you want to add this page as a link on the home page, you will need to get into your Home Page’s edit menu, select the content tab and click on the insert widget button.

 

Adding a Widget to a Page

 

After you have configured and inserted the widget, don’t forget to also save the page and refresh the page cache if necessary.

 

Step 2 Add a new Block

Blocs can be used to separate different categories of your products when featuring them on your home page. To create a new block you will need to navigate to Content>Blocks.

 

Accessing the Blocks menu in Magento 2

 

Let us add a new block by clicking on the Add New Block button and again you will have to configure the new element.

 

Configuring Block settings in Magento

 

From the options you have, the most important is the identifier as it can be used later for implementing this block into a page via the code of the page. When you are done, click on the Save Block button to create the block.

 

Step 3 Add a new Widget

To access the widget management page you will need to navigate to Content>Widgets from your admin dashboard.

 

Accessing the Widgets menu in Magento 2

 

Now you will need to click on the Add Widget button.

 

 

Now you will need to select the type of widget and theme for it. Click on the Continue button to proceed to the storefront settings.

 

Setting a Widget Type and Design

 

Now you can set a Title and Store View for the widget while the Type and Theme are now locked and grayed out from editing.

 

Setting Widget Title and Store Viewin Magento 2

 

You can also select a layout for the widget as shown on the storefront.

 

Adding a Layout to the Widget in Magento 2

 

Congratulations, you can now fully manage your Store’s content using the Magento 2 CMS.