{"id":6444,"date":"2017-10-12T07:56:54","date_gmt":"2017-10-12T07:56:54","guid":{"rendered":"https:\/\/weblizar.com\/blog\/?p=6444"},"modified":"2025-08-11T11:51:27","modified_gmt":"2025-08-11T06:21:27","slug":"using-cms-features-in-magento-2","status":"publish","type":"post","link":"https:\/\/weblizar.com\/blog\/using-cms-features-in-magento-2\/","title":{"rendered":"Using CMS Features in Magento 2"},"content":{"rendered":"<p><b>In this blog, we will help you effectively use the Magento 2 CMS, all you will need is:<\/b><\/p>\n<p>With the Magento 2 CMS, we can\u00a0create new pages, blocks, and widgets for your Magento 2 Store. To create custom static pages that display parts of your catalog or other useful customer information pages, you can easily combine those 3\u00a0factors. You can experience and be guided comfortably these 3 steps with our\u00a0Magento 2 Admin Demo\u00a0here. With the Magento 2 CMS, we can\u00a0create new pages, blocks, and widgets for your Magento 2 Store. To create custom static pages that display parts of your catalog or other useful customer information pages, you can easily combine those 3\u00a0factors.<\/p>\n<div id=\"toc_container\" class=\"no_bullets\">\n<h2><span id=\"step_1_add_a_new_page\"><b>1. Add a new Page<\/b><\/span><\/h2>\n<ul>\n<li>To create a new Page for your Magento 2 Store, \u00a0you first need to login\u00a0to your admin area and navigate to the\u00a0<b>Content&gt;Pages<\/b>\u00a0section.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-6450\" src=\"https:\/\/weblizar.com\/blog\/wp-content\/uploads\/2017\/10\/magento2-blog-menu-content-pages.png\" alt=\"\" width=\"650\" height=\"337\" \/><\/p>\n<ul>\n<li>You\u00a0will see all pages of your Magento Store. Click on the\u00a0<b>Add New Page<\/b>\u00a0button.<\/li>\n<\/ul>\n<p><span style=\"text-decoration: underline;\"><strong>Related Post:<\/strong><\/span>\u00a0<a title=\"Magento 2 is Model View, View Model System and Not MVC \u2013 Explained\" href=\"https:\/\/weblizar.com\/blog\/magento-2-follows-mvvm-or-mvc-architechure\/\" target=\"_blank\" rel=\"noopener\">Magento 2 is Model View, View Model System and Not MVC \u2013 Explained<\/a><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-6451\" src=\"https:\/\/weblizar.com\/blog\/wp-content\/uploads\/2017\/10\/magento2-blog-button-add-new-page.png\" alt=\"\" width=\"650\" height=\"203\" \/><\/p>\n<ul>\n<li>Here you can\u00a0Name the page and\u00a0<strong>set a custom URL<\/strong>\u00a0for the New Page. You can also choose on which store it can be viewed and set its status\u00a0<strong>enabled or disabled\u00a0<\/strong>(this option will hide this page).<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-6452\" src=\"https:\/\/weblizar.com\/blog\/wp-content\/uploads\/2017\/10\/magento2-blog-page-information.png\" alt=\"\" width=\"650\" height=\"496\" \/><\/p>\n<ul>\n<li>In\u00a0<strong>Content\u00a0<\/strong>tab, you can add the\u00a0<strong>heading\u00a0<\/strong>for the page, the content and any widget you want\u00a0to be displayed\u00a0on.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-6453\" src=\"https:\/\/weblizar.com\/blog\/wp-content\/uploads\/2017\/10\/magento2-blog-page-content.png\" alt=\"\" width=\"650\" height=\"330\" \/><\/p>\n<ul>\n<li>When you are ready with the configuration of the page, click\u00a0<b>Save Page<\/b>\u00a0to create it.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-6454\" src=\"https:\/\/weblizar.com\/blog\/wp-content\/uploads\/2017\/10\/magento2-blog-button-save-page.png\" alt=\"\" width=\"650\" height=\"70\" \/><\/p>\n<ul>\n<li>Now you can add this new page to any other by using a new link widget.<\/li>\n<\/ul>\n<p>For example, if you want to add this page as a link on the homepage:<br \/>\n=&gt; \u00a0get into your Home Page\u2019s edit menu<\/p>\n<p>=&gt; select the\u00a0<strong>Content tab<\/strong><\/p>\n<p>=&gt; click insert<b> widget<\/b>\u00a0button.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-6455\" src=\"https:\/\/weblizar.com\/blog\/wp-content\/uploads\/2017\/10\/magento2-blog-page-insert-widget.png\" alt=\"\" width=\"650\" height=\"541\" \/><\/p>\n<p>After configured and inserted the widget,\u00a0remember to\u00a0save the page and refresh the page cache if necessary.<\/p>\n<p><span style=\"text-decoration: underline;\"><strong>Suggested Post:<\/strong><\/span>\u00a0<a title=\"How To Edit And Delete Order In Magento 2\" href=\"https:\/\/weblizar.com\/blog\/edit-delete-order-magento-2\/\" target=\"_blank\" rel=\"noopener\">How To Edit And Delete Order In Magento 2<\/a><\/p>\n<h2><span id=\"step_2_add_a_new_block\"><b>2.\u00a0<\/b><b>Add a new Block<\/b><\/span><\/h2>\n<ul>\n<li>When featuring Products on the Home page, you can use Blocks to separate different categories.<\/li>\n<li>To create new Block, go to\u00a0<b>Content&gt;Blocks<\/b>.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-6456\" src=\"https:\/\/weblizar.com\/blog\/wp-content\/uploads\/2017\/10\/magento2-blog-menu-content-blocks.png\" alt=\"\" width=\"650\" height=\"375\" \/><\/p>\n<ul>\n<li>Add a new block by clicking on\u00a0<b>Add New Block<\/b>\u00a0button\u00a0and configure the new elements.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-6457\" src=\"https:\/\/weblizar.com\/blog\/wp-content\/uploads\/2017\/10\/magento2-blog-block-information.png\" alt=\"\" width=\"650\" height=\"426\" \/><\/p>\n<ul>\n<li>From the options you have configured, remember\u00a0the identifier is the most important element as it can be used later for implementing this block into a page via the code of the page.<\/li>\n<li>When you are done with Config, click on the\u00a0<b>Save Block\u00a0<\/b>to create new Block.<\/li>\n<\/ul>\n<h2><span id=\"step_3_add_a_new_widget\"><b>3.\u00a0<\/b><b>Add a new Widget<\/b><\/span><\/h2>\n<ul>\n<li>To access the widget management page, please follow the path\u00a0<b>Content&gt;Widgets<\/b>\u00a0from your administration dashboard.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-6458\" src=\"https:\/\/weblizar.com\/blog\/wp-content\/uploads\/2017\/10\/magento2-blog-menu-content-widgets.png\" alt=\"\" width=\"650\" height=\"398\" \/><\/p>\n<ul>\n<li>Click on the\u00a0<b>Add Widget\u00a0<\/b>to create a new one<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-6459\" src=\"https:\/\/weblizar.com\/blog\/wp-content\/uploads\/2017\/10\/magento2-blog-button-add-widget.png\" alt=\"\" width=\"650\" height=\"253\" \/><\/p>\n<ul>\n<li>Select the type of widget and theme for it.<\/li>\n<li>Click the\u00a0<b>Continue<\/b>\u00a0button to go to the storefront settings.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-6460\" src=\"https:\/\/weblizar.com\/blog\/wp-content\/uploads\/2017\/10\/magento2-blog-widget-information.png\" alt=\"\" width=\"650\" height=\"245\" \/><\/p>\n<ul>\n<li>Here you can set the\u00a0<b>Title<\/b>\u00a0and\u00a0<b>Store View<\/b>\u00a0for the widget while the<b>\u00a0Type\u00a0<\/b>and\u00a0<b>Theme<\/b>\u00a0are locked and grayed out from editing.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-6461\" src=\"https:\/\/weblizar.com\/blog\/wp-content\/uploads\/2017\/10\/magento2-blog-widget-information-storefront.png\" alt=\"\" width=\"650\" height=\"363\" \/><\/p>\n<ul>\n<li>You can choose a<strong>\u00a0layout for the widget<\/strong>\u00a0as shown on the storefront.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-6462\" src=\"https:\/\/weblizar.com\/blog\/wp-content\/uploads\/2017\/10\/magento2-blog-widget-information-layout.png\" alt=\"\" width=\"650\" height=\"286\" \/><\/p>\n<p>And then we are done with the basic tutorial in using Magento 2 CMS. We really hope you find it is useful and can now fully manage your Store\u2019s content with it.<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>In this blog, we will help you effectively use the Magento 2 CMS, all you will need is: With the Magento 2 CMS, we can\u00a0create new pages, blocks, and widgets for your Magento 2 Store. To create custom static pages that display parts of your catalog or other useful customer information pages, you can easily<\/p>\n","protected":false},"author":5,"featured_media":6522,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_exactmetrics_skip_tracking":false,"_exactmetrics_sitenote_active":false,"_exactmetrics_sitenote_note":"","_exactmetrics_sitenote_category":0,"footnotes":""},"categories":[80],"tags":[548,549,969,967,968],"class_list":["post-6444","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-magento-2","tag-magento","tag-magento-2","tag-magento-as-a-cms","tag-magento-best-ecommerce-cms","tag-top-ecommerce-cms"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Using CMS Features in Magento 2 - Weblizar Blog<\/title>\n<meta name=\"description\" content=\"This blog post is about using cms features in Magento 2. It emphasizes more on how to use cms features of Magento 2 for the betterment of your website.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/weblizar.com\/blog\/using-cms-features-in-magento-2\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Using CMS Features in Magento 2 - Weblizar Blog\" \/>\n<meta property=\"og:description\" content=\"This blog post is about using cms features in Magento 2. It emphasizes more on how to use cms features of Magento 2 for the betterment of your website.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/weblizar.com\/blog\/using-cms-features-in-magento-2\/\" \/>\n<meta property=\"og:site_name\" content=\"Weblizar Blog\" \/>\n<meta property=\"article:publisher\" content=\"http:\/\/www.facebook.com\/weblizarwp\" \/>\n<meta property=\"article:published_time\" content=\"2017-10-12T07:56:54+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-08-11T06:21:27+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/i0.wp.com\/weblizar.com\/blog\/wp-content\/uploads\/2017\/10\/Using-CMS-Features-in-Magento-2.jpg?fit=900%2C563&ssl=1\" \/>\n\t<meta property=\"og:image:width\" content=\"900\" \/>\n\t<meta property=\"og:image:height\" content=\"563\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Danish Ansari\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@weblizar\" \/>\n<meta name=\"twitter:site\" content=\"@weblizar\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Danish Ansari\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Using CMS Features in Magento 2 - Weblizar Blog","description":"This blog post is about using cms features in Magento 2. It emphasizes more on how to use cms features of Magento 2 for the betterment of your website.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/weblizar.com\/blog\/using-cms-features-in-magento-2\/","og_locale":"en_US","og_type":"article","og_title":"Using CMS Features in Magento 2 - Weblizar Blog","og_description":"This blog post is about using cms features in Magento 2. It emphasizes more on how to use cms features of Magento 2 for the betterment of your website.","og_url":"https:\/\/weblizar.com\/blog\/using-cms-features-in-magento-2\/","og_site_name":"Weblizar Blog","article_publisher":"http:\/\/www.facebook.com\/weblizarwp","article_published_time":"2017-10-12T07:56:54+00:00","article_modified_time":"2025-08-11T06:21:27+00:00","og_image":[{"width":900,"height":563,"url":"https:\/\/i0.wp.com\/weblizar.com\/blog\/wp-content\/uploads\/2017\/10\/Using-CMS-Features-in-Magento-2.jpg?fit=900%2C563&ssl=1","type":"image\/jpeg"}],"author":"Danish Ansari","twitter_card":"summary_large_image","twitter_creator":"@weblizar","twitter_site":"@weblizar","twitter_misc":{"Written by":"Danish Ansari","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/weblizar.com\/blog\/using-cms-features-in-magento-2\/#article","isPartOf":{"@id":"https:\/\/weblizar.com\/blog\/using-cms-features-in-magento-2\/"},"author":{"name":"Danish Ansari","@id":"https:\/\/weblizar.com\/blog\/#\/schema\/person\/d317218747ba5e5aa51886062ac0b628"},"headline":"Using CMS Features in Magento 2","datePublished":"2017-10-12T07:56:54+00:00","dateModified":"2025-08-11T06:21:27+00:00","mainEntityOfPage":{"@id":"https:\/\/weblizar.com\/blog\/using-cms-features-in-magento-2\/"},"wordCount":540,"commentCount":0,"image":{"@id":"https:\/\/weblizar.com\/blog\/using-cms-features-in-magento-2\/#primaryimage"},"thumbnailUrl":"https:\/\/weblizar.com\/blog\/wp-content\/uploads\/2017\/10\/Using-CMS-Features-in-Magento-2.jpg","keywords":["magento","magento 2","magento as a cms","magento best ecommerce cms","top ecommerce cms"],"articleSection":["Magento 2"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/weblizar.com\/blog\/using-cms-features-in-magento-2\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/weblizar.com\/blog\/using-cms-features-in-magento-2\/","url":"https:\/\/weblizar.com\/blog\/using-cms-features-in-magento-2\/","name":"Using CMS Features in Magento 2 - Weblizar Blog","isPartOf":{"@id":"https:\/\/weblizar.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/weblizar.com\/blog\/using-cms-features-in-magento-2\/#primaryimage"},"image":{"@id":"https:\/\/weblizar.com\/blog\/using-cms-features-in-magento-2\/#primaryimage"},"thumbnailUrl":"https:\/\/weblizar.com\/blog\/wp-content\/uploads\/2017\/10\/Using-CMS-Features-in-Magento-2.jpg","datePublished":"2017-10-12T07:56:54+00:00","dateModified":"2025-08-11T06:21:27+00:00","author":{"@id":"https:\/\/weblizar.com\/blog\/#\/schema\/person\/d317218747ba5e5aa51886062ac0b628"},"description":"This blog post is about using cms features in Magento 2. It emphasizes more on how to use cms features of Magento 2 for the betterment of your website.","breadcrumb":{"@id":"https:\/\/weblizar.com\/blog\/using-cms-features-in-magento-2\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/weblizar.com\/blog\/using-cms-features-in-magento-2\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/weblizar.com\/blog\/using-cms-features-in-magento-2\/#primaryimage","url":"https:\/\/weblizar.com\/blog\/wp-content\/uploads\/2017\/10\/Using-CMS-Features-in-Magento-2.jpg","contentUrl":"https:\/\/weblizar.com\/blog\/wp-content\/uploads\/2017\/10\/Using-CMS-Features-in-Magento-2.jpg","width":900,"height":563,"caption":"Using CMS Features in Magento 2"},{"@type":"BreadcrumbList","@id":"https:\/\/weblizar.com\/blog\/using-cms-features-in-magento-2\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/weblizar.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Using CMS Features in Magento 2"}]},{"@type":"WebSite","@id":"https:\/\/weblizar.com\/blog\/#website","url":"https:\/\/weblizar.com\/blog\/","name":"Weblizar Blog","description":"Update yourself with all the latest tech news revolving around wordpress all at one place","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/weblizar.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/weblizar.com\/blog\/#\/schema\/person\/d317218747ba5e5aa51886062ac0b628","name":"Danish Ansari","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/8578053f8112ac6a0c136fbc87a10af48375433622bcb3df612e573bd2513ef6?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/8578053f8112ac6a0c136fbc87a10af48375433622bcb3df612e573bd2513ef6?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/8578053f8112ac6a0c136fbc87a10af48375433622bcb3df612e573bd2513ef6?s=96&d=mm&r=g","caption":"Danish Ansari"}}]}},"_links":{"self":[{"href":"https:\/\/weblizar.com\/blog\/wp-json\/wp\/v2\/posts\/6444","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/weblizar.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/weblizar.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/weblizar.com\/blog\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/weblizar.com\/blog\/wp-json\/wp\/v2\/comments?post=6444"}],"version-history":[{"count":0,"href":"https:\/\/weblizar.com\/blog\/wp-json\/wp\/v2\/posts\/6444\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/weblizar.com\/blog\/wp-json\/wp\/v2\/media\/6522"}],"wp:attachment":[{"href":"https:\/\/weblizar.com\/blog\/wp-json\/wp\/v2\/media?parent=6444"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/weblizar.com\/blog\/wp-json\/wp\/v2\/categories?post=6444"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/weblizar.com\/blog\/wp-json\/wp\/v2\/tags?post=6444"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}