{"id":75853,"date":"2016-09-19T10:47:40","date_gmt":"2016-09-19T14:47:40","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=75853"},"modified":"2017-08-24T05:17:11","modified_gmt":"2017-08-24T09:17:11","slug":"magento-2-x-add-cms-block-widget-page","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/magento-2-x-add-cms-block-widget-page.html","title":{"rendered":"Magento 2.x. How to add CMS block and Widget to the page"},"content":{"rendered":"<p>We are glad to present you a tutorial on how to add CMS block and Widget to the page in <a href=\"https:\/\/www.templatemonster.com\/magento-themes.php\" target=\"_blank\">Magento 2.x.<\/a><\/p>\r\n\r\n <div class=\"video-container\">\r\n\t<iframe src=\"https:\/\/www.youtube.com\/embed\/KTcT4GEWtFc\"><\/iframe>\r\n<\/div>\r\n<p>The Content Management System (CMS) of your Magento 2 Store is used for creating new pages, blocks and widgets.<\/p>\r\n<p>You can combine those 3 elements to create custom static pages that display parts of your catalog or other information, useful for customers.<\/p>  \r\n<p>In order to add CMS block and Widget to the page, perform the following steps: <\/p>\r\n<ol>\r\n\t<li><p>Login to your Magento Admin Panel. Firstly, we will learn how to add <strong>CMS blocks<\/strong>.<\/p><\/li>\r\n\t<li><p>Navigate to <strong> Content -> Blocks<\/strong> section.<\/p>\r\n\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2016\/09\/Magento2x.How_to_add_new_CMS_block_and_widget_to_the_page1.png\"><img loading=\"lazy\" decoding=\"async\" src=\"\/help\/wp-content\/uploads\/2016\/09\/Magento2x.How_to_add_new_CMS_block_and_widget_to_the_page1-300x155.png\" alt=\"Magento2x.How_to_add_new_CMS_block_and_widget_to_the_page1\" width=\"300\" height=\"155\" class=\"alignnone size-medium wp-image-75854\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/Magento2x.How_to_add_new_CMS_block_and_widget_to_the_page1-300x155.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/Magento2x.How_to_add_new_CMS_block_and_widget_to_the_page1-150x77.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/Magento2x.How_to_add_new_CMS_block_and_widget_to_the_page1-768x396.png 768w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/Magento2x.How_to_add_new_CMS_block_and_widget_to_the_page1-1024x528.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/Magento2x.How_to_add_new_CMS_block_and_widget_to_the_page1.png 1281w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a>\t<\/li>\r\n\t<li><p>Click<strong> Add block<\/strong> button on the right.<\/p>\r\n\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2016\/09\/Magento2x.How_to_add_new_CMS_block_and_widget_to_the_page2.png\"><img loading=\"lazy\" decoding=\"async\" src=\"\/help\/wp-content\/uploads\/2016\/09\/Magento2x.How_to_add_new_CMS_block_and_widget_to_the_page2-300x158.png\" alt=\"Magento2x.How_to_add_new_CMS_block_and_widget_to_the_page2\" width=\"300\" height=\"158\" class=\"alignnone size-medium wp-image-75855\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/Magento2x.How_to_add_new_CMS_block_and_widget_to_the_page2-300x158.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/Magento2x.How_to_add_new_CMS_block_and_widget_to_the_page2-150x79.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/Magento2x.How_to_add_new_CMS_block_and_widget_to_the_page2-768x404.png 768w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/Magento2x.How_to_add_new_CMS_block_and_widget_to_the_page2-1024x539.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/Magento2x.How_to_add_new_CMS_block_and_widget_to_the_page2.png 1280w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a>\t<\/li>\r\n\t<li><p>Enter the <strong>name, identifier<\/strong> to the block, choose needed <strong>Store view<\/strong> and put something to the content field. After that, <strong>save the block<\/strong>.<\/p>\r\n\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2016\/09\/Magento2x.How_to_add_new_CMS_block_and_widget_to_the_page3.png\"><img loading=\"lazy\" decoding=\"async\" src=\"\/help\/wp-content\/uploads\/2016\/09\/Magento2x.How_to_add_new_CMS_block_and_widget_to_the_page3-300x136.png\" alt=\"Magento2x.How_to_add_new_CMS_block_and_widget_to_the_page3\" width=\"300\" height=\"136\" class=\"alignnone size-medium wp-image-75856\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/Magento2x.How_to_add_new_CMS_block_and_widget_to_the_page3-300x136.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/Magento2x.How_to_add_new_CMS_block_and_widget_to_the_page3-150x68.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/Magento2x.How_to_add_new_CMS_block_and_widget_to_the_page3-768x347.png 768w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/Magento2x.How_to_add_new_CMS_block_and_widget_to_the_page3-1024x463.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/Magento2x.How_to_add_new_CMS_block_and_widget_to_the_page3.png 1280w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a>\t\r\n\t<\/li>\r\n\t\r\n\t<li><p>Now, lets create a widget. Navigate to  <strong>Content -> Widgets<\/strong>\r\n\t\r\n\t<\/p>\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2016\/09\/Magento2x.How_to_add_new_CMS_block_and_widget_to_the_page4.png\"><img loading=\"lazy\" decoding=\"async\" src=\"\/help\/wp-content\/uploads\/2016\/09\/Magento2x.How_to_add_new_CMS_block_and_widget_to_the_page4-300x152.png\" alt=\"Magento2x.How_to_add_new_CMS_block_and_widget_to_the_page4\" width=\"300\" height=\"152\" class=\"alignnone size-medium wp-image-75857\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/Magento2x.How_to_add_new_CMS_block_and_widget_to_the_page4-300x152.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/Magento2x.How_to_add_new_CMS_block_and_widget_to_the_page4-150x76.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/Magento2x.How_to_add_new_CMS_block_and_widget_to_the_page4-768x390.png 768w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/Magento2x.How_to_add_new_CMS_block_and_widget_to_the_page4-1024x520.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/Magento2x.How_to_add_new_CMS_block_and_widget_to_the_page4.png 1281w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a>\t\r\n\t<\/li>\r\n\t<li><p>Click on the <strong>Add widget<\/strong> button.<\/p>\r\n\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2016\/09\/Magento2x.How_to_add_new_CMS_block_and_widget_to_the_page5.png\"><img loading=\"lazy\" decoding=\"async\" src=\"\/help\/wp-content\/uploads\/2016\/09\/Magento2x.How_to_add_new_CMS_block_and_widget_to_the_page5-300x118.png\" alt=\"Magento2x.How_to_add_new_CMS_block_and_widget_to_the_page5\" width=\"300\" height=\"118\" class=\"alignnone size-medium wp-image-75858\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/Magento2x.How_to_add_new_CMS_block_and_widget_to_the_page5-300x118.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/Magento2x.How_to_add_new_CMS_block_and_widget_to_the_page5-150x59.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/Magento2x.How_to_add_new_CMS_block_and_widget_to_the_page5-768x301.png 768w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/Magento2x.How_to_add_new_CMS_block_and_widget_to_the_page5-1024x402.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/Magento2x.How_to_add_new_CMS_block_and_widget_to_the_page5.png 1280w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a>\t<\/li>\r\n\t<li><p>Now you will need to select the <strong>type of widget<\/strong> and <strong>theme<\/strong> for it. Click on the <strong>Continue<\/strong> button to proceed to the storefront settings.<\/p>\r\n\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2016\/09\/Magento2x.How_to_add_new_CMS_block_and_widget_to_the_page6.png\"><img loading=\"lazy\" decoding=\"async\" src=\"\/help\/wp-content\/uploads\/2016\/09\/Magento2x.How_to_add_new_CMS_block_and_widget_to_the_page6-300x116.png\" alt=\"Magento2x.How_to_add_new_CMS_block_and_widget_to_the_page6\" width=\"300\" height=\"116\" class=\"alignnone size-medium wp-image-75859\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/Magento2x.How_to_add_new_CMS_block_and_widget_to_the_page6-300x116.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/Magento2x.How_to_add_new_CMS_block_and_widget_to_the_page6-150x58.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/Magento2x.How_to_add_new_CMS_block_and_widget_to_the_page6-768x296.png 768w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/Magento2x.How_to_add_new_CMS_block_and_widget_to_the_page6-1024x394.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/Magento2x.How_to_add_new_CMS_block_and_widget_to_the_page6.png 1280w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a>\t\r\n\t<\/li>\r\n\t<li><p>After that, you can set a <strong>Title<\/strong> and <strong>Store View<\/strong> for the widget.<\/p>\r\n\t\r\n\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2016\/09\/Magento2x.How_to_add_new_CMS_block_and_widget_to_the_page7.png\"><img loading=\"lazy\" decoding=\"async\" src=\"\/help\/wp-content\/uploads\/2016\/09\/Magento2x.How_to_add_new_CMS_block_and_widget_to_the_page7-300x166.png\" alt=\"Magento2x.How_to_add_new_CMS_block_and_widget_to_the_page7\" width=\"300\" height=\"166\" class=\"alignnone size-medium wp-image-75860\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/Magento2x.How_to_add_new_CMS_block_and_widget_to_the_page7-300x166.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/Magento2x.How_to_add_new_CMS_block_and_widget_to_the_page7-150x83.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/Magento2x.How_to_add_new_CMS_block_and_widget_to_the_page7-768x425.png 768w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/Magento2x.How_to_add_new_CMS_block_and_widget_to_the_page7-1024x566.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/Magento2x.How_to_add_new_CMS_block_and_widget_to_the_page7.png 1288w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a>\t\r\n\t<\/li>\r\n\t\r\n\t<li><p>You can also select a <strong>layout<\/strong> for the widget as shown on the storefront. After that, click  on a <strong>Save<\/strong> button.<\/p>\r\n\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2016\/09\/Magento2x.How_to_add_new_CMS_block_and_widget_to_the_page8.png\"><img loading=\"lazy\" decoding=\"async\" src=\"\/help\/wp-content\/uploads\/2016\/09\/Magento2x.How_to_add_new_CMS_block_and_widget_to_the_page8-300x161.png\" alt=\"Magento2x.How_to_add_new_CMS_block_and_widget_to_the_page8\" width=\"300\" height=\"161\" class=\"alignnone size-medium wp-image-75861\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/Magento2x.How_to_add_new_CMS_block_and_widget_to_the_page8-300x161.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/Magento2x.How_to_add_new_CMS_block_and_widget_to_the_page8-150x81.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/Magento2x.How_to_add_new_CMS_block_and_widget_to_the_page8-768x413.png 768w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/Magento2x.How_to_add_new_CMS_block_and_widget_to_the_page8-1024x550.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/Magento2x.How_to_add_new_CMS_block_and_widget_to_the_page8.png 1280w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a>\t\r\n\t<\/li>\r\n    <li><p>Navigate to <strong> Content -> Pages<\/strong> section. There you can open any of the already existing pages or create a new one. We will create a new page.<\/p>\r\n\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2016\/09\/Magento2x.How_to_add_new_CMS_block_and_widget_to_the_page9.png\"><img loading=\"lazy\" decoding=\"async\" src=\"\/help\/wp-content\/uploads\/2016\/09\/Magento2x.How_to_add_new_CMS_block_and_widget_to_the_page9-300x153.png\" alt=\"Magento2x.How_to_add_new_CMS_block_and_widget_to_the_page9\" width=\"300\" height=\"153\" class=\"alignnone size-medium wp-image-75862\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/Magento2x.How_to_add_new_CMS_block_and_widget_to_the_page9-300x153.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/Magento2x.How_to_add_new_CMS_block_and_widget_to_the_page9-150x77.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/Magento2x.How_to_add_new_CMS_block_and_widget_to_the_page9-768x393.png 768w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/Magento2x.How_to_add_new_CMS_block_and_widget_to_the_page9-1024x524.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/Magento2x.How_to_add_new_CMS_block_and_widget_to_the_page9.png 1283w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a>\t\r\n\t<\/li>\r\n\t<li><p>Click on the <strong>Add New Page<\/strong> button.<\/p>\r\n\t\r\n\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2016\/09\/Magento2x.How_to_add_new_CMS_block_and_widget_to_the_page10.png\"><img loading=\"lazy\" decoding=\"async\" src=\"\/help\/wp-content\/uploads\/2016\/09\/Magento2x.How_to_add_new_CMS_block_and_widget_to_the_page10-300x153.png\" alt=\"Magento2x.How_to_add_new_CMS_block_and_widget_to_the_page10\" width=\"300\" height=\"153\" class=\"alignnone size-medium wp-image-75863\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/Magento2x.How_to_add_new_CMS_block_and_widget_to_the_page10-300x153.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/Magento2x.How_to_add_new_CMS_block_and_widget_to_the_page10-150x76.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/Magento2x.How_to_add_new_CMS_block_and_widget_to_the_page10-768x391.png 768w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/Magento2x.How_to_add_new_CMS_block_and_widget_to_the_page10-1024x522.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/Magento2x.How_to_add_new_CMS_block_and_widget_to_the_page10.png 1280w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a>\t\r\n\t<\/li>\r\n    <li><p>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).<\/p>\r\n\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2016\/09\/Magento2x.How_to_add_new_CMS_block_and_widget_to_the_page11.png\"><img loading=\"lazy\" decoding=\"async\" src=\"\/help\/wp-content\/uploads\/2016\/09\/Magento2x.How_to_add_new_CMS_block_and_widget_to_the_page11-300x158.png\" alt=\"Magento2x.How_to_add_new_CMS_block_and_widget_to_the_page11\" width=\"300\" height=\"158\" class=\"alignnone size-medium wp-image-75864\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/Magento2x.How_to_add_new_CMS_block_and_widget_to_the_page11-300x158.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/Magento2x.How_to_add_new_CMS_block_and_widget_to_the_page11-150x79.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/Magento2x.How_to_add_new_CMS_block_and_widget_to_the_page11-768x404.png 768w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/Magento2x.How_to_add_new_CMS_block_and_widget_to_the_page11-1024x538.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/Magento2x.How_to_add_new_CMS_block_and_widget_to_the_page11.png 1280w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a>\t\r\n\t<\/li>\r\n\t<li><p>In the content tab you can add the heading for the page and the content plus any widget you wish to show up on this page.<\/p>\r\n\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2016\/09\/Magento2x.How_to_add_new_CMS_block_and_widget_to_the_page12.png\"><img loading=\"lazy\" decoding=\"async\" src=\"\/help\/wp-content\/uploads\/2016\/09\/Magento2x.How_to_add_new_CMS_block_and_widget_to_the_page12-300x135.png\" alt=\"Magento2x.How_to_add_new_CMS_block_and_widget_to_the_page12\" width=\"300\" height=\"135\" class=\"alignnone size-medium wp-image-75865\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/Magento2x.How_to_add_new_CMS_block_and_widget_to_the_page12-300x135.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/Magento2x.How_to_add_new_CMS_block_and_widget_to_the_page12-150x68.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/Magento2x.How_to_add_new_CMS_block_and_widget_to_the_page12-768x346.png 768w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/Magento2x.How_to_add_new_CMS_block_and_widget_to_the_page12-1024x461.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/Magento2x.How_to_add_new_CMS_block_and_widget_to_the_page12.png 1280w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a>\t\r\n\t<\/li>\r\n\t<li><p>We will add a widget with the Static block type.<\/p>\r\n\t\r\n\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2016\/09\/Magento2x.How_to_add_new_CMS_block_and_widget_to_the_page13.png\"><img loading=\"lazy\" decoding=\"async\" src=\"\/help\/wp-content\/uploads\/2016\/09\/Magento2x.How_to_add_new_CMS_block_and_widget_to_the_page13-300x148.png\" alt=\"Magento2x.How_to_add_new_CMS_block_and_widget_to_the_page13\" width=\"300\" height=\"148\" class=\"alignnone size-medium wp-image-75866\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/Magento2x.How_to_add_new_CMS_block_and_widget_to_the_page13-300x148.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/Magento2x.How_to_add_new_CMS_block_and_widget_to_the_page13-150x74.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/Magento2x.How_to_add_new_CMS_block_and_widget_to_the_page13-768x379.png 768w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/Magento2x.How_to_add_new_CMS_block_and_widget_to_the_page13-1024x505.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/Magento2x.How_to_add_new_CMS_block_and_widget_to_the_page13.png 1280w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a>\t\r\n\t<\/li>\r\n\t<li><p>There we can see the block that we created previously.<\/p>\r\n\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2016\/09\/Magento2x.How_to_add_new_CMS_block_and_widget_to_the_page14.png\"><img loading=\"lazy\" decoding=\"async\" src=\"\/help\/wp-content\/uploads\/2016\/09\/Magento2x.How_to_add_new_CMS_block_and_widget_to_the_page14-300x175.png\" alt=\"Magento2x.How_to_add_new_CMS_block_and_widget_to_the_page14\" width=\"300\" height=\"175\" class=\"alignnone size-medium wp-image-75867\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/Magento2x.How_to_add_new_CMS_block_and_widget_to_the_page14-300x175.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/Magento2x.How_to_add_new_CMS_block_and_widget_to_the_page14-150x88.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/Magento2x.How_to_add_new_CMS_block_and_widget_to_the_page14-768x449.png 768w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/Magento2x.How_to_add_new_CMS_block_and_widget_to_the_page14-1024x599.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/Magento2x.How_to_add_new_CMS_block_and_widget_to_the_page14.png 1105w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a>\t\r\n\t<\/li>\r\n\t<li><p>Click <strong>Insert widget<\/strong> and do not forget to save the page and clear cache if needed.<\/p>\r\n\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2016\/09\/Magento2x.How_to_add_new_CMS_block_and_widget_to_the_page15.png\"><img loading=\"lazy\" decoding=\"async\" src=\"\/help\/wp-content\/uploads\/2016\/09\/Magento2x.How_to_add_new_CMS_block_and_widget_to_the_page15-300x153.png\" alt=\"Magento2x.How_to_add_new_CMS_block_and_widget_to_the_page15\" width=\"300\" height=\"153\" class=\"alignnone size-medium wp-image-75868\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/Magento2x.How_to_add_new_CMS_block_and_widget_to_the_page15-300x153.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/Magento2x.How_to_add_new_CMS_block_and_widget_to_the_page15-150x77.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/Magento2x.How_to_add_new_CMS_block_and_widget_to_the_page15-768x392.png 768w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/Magento2x.How_to_add_new_CMS_block_and_widget_to_the_page15-1024x523.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/Magento2x.How_to_add_new_CMS_block_and_widget_to_the_page15.png 1280w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a>\t\r\n\t<\/li>\r\n<\/ol>\r\n<p>Congratulations! Now you know how to add CMS block and Widget to the page in your Magento 2x Store.<\/p>\r\n<div class=\"inline-banner\">\r\n<a href=\"https:\/\/www.templatemonster.com\/service-center\/\">\r\n<img decoding=\"async\" src=\"\/help\/files\/banners\/inline\/Banner-2-(835-x100).jpg\"\/>\r\n<\/a>\r\n<\/div>\r\n<p>Feel free to check the detailed video tutorial below:<\/p>\r\n<a href=\"http:\/\/www.youtube.com\/watch?v=KTcT4GEWtFc?width=1280&amp;height=720\" rel=\"prettyPhoto\">Magento 2.x. How to add CMS block and Widget to the page<\/a>","protected":false},"excerpt":{"rendered":"<p>We are glad to present you a tutorial on how to add CMS block and Widget to the page in Magento 2.x.<\/p>\n","protected":false},"author":87,"featured_media":75897,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[729],"tags":[2469,2315,572,559],"class_list":["post-75853","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-magento-tutorials","tag-cms-block","tag-magento2","tag-page","tag-widget"],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/75853","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/users\/87"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=75853"}],"version-history":[{"count":2,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/75853\/revisions"}],"predecessor-version":[{"id":82895,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/75853\/revisions\/82895"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/75897"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=75853"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=75853"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=75853"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}