{"id":1552,"date":"2014-08-17T10:24:57","date_gmt":"2014-08-17T14:24:57","guid":{"rendered":"http:\/\/mts-help.nick.php.dev\/eoc\/magento\/article4.html"},"modified":"2016-02-22T06:48:12","modified_gmt":"2016-02-22T11:48:12","slug":"how-to-add-a-page","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/how-to-add-a-page.html","title":{"rendered":"Magento. How to add a new CMS page"},"content":{"rendered":"<p><\/p>\r\n<p>This tutorial shows how to add a new CMS page in Magento.<\/p>\r\n<p><a href=\"http:\/\/www.youtube.com\/watch?v=F_Q3frvaFw0?width=1280&amp;height=720\" rel=\"prettyPhoto\">Magento. How to add new CMS page<\/a><\/p>\r\n<p>In order to add a new page, you should do the following:<\/p>\r\n<ol>\r\n<li>\r\n<p>Log into your Magento admin panel by typing \u201cadmin\u201d after your domain name in the browser address bar.<\/p>\r\n<\/li>\r\n<li>\r\n<p>Select the <strong>\u201cCMS->Pages\u201d<\/strong> tab. <\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2014\/08\/step1.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2014\/08\/step1-300x63.png\" alt=\"step1\" width=\"300\" height=\"63\" class=\"aligncenter size-medium wp-image-36011\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/08\/step1-300x63.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/08\/step1-150x31.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/08\/step1-1024x216.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/08\/step1.png 1103w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<\/li>\r\n<li>\r\n<p>Click the <strong>\u201cAdd New Page\u201d<\/strong> button. Type your new page title.<\/p>\r\n<\/li>\r\n<li>\r\n<p>Enter the page URL identifier.<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2014\/08\/step_2.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2014\/08\/step_2-300x205.png\" alt=\"step_2\" width=\"300\" height=\"205\" class=\"aligncenter size-medium wp-image-36012\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/08\/step_2-300x205.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/08\/step_2-150x102.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/08\/step_2.png 778w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<p class=\"attention\">Note: keep it in mind as you\u2019ll need it in order to create a link to the page.<\/p>\r\n<\/li>\r\n<li>\r\n<p>Enable the page using the <strong>\u201cStatus\u201d<\/strong> drop-down menu.<\/p>\r\n<\/li>\r\n<li>\r\n<p>Enter the page content. Note that it should be in HTML format.<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2014\/08\/step3.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2014\/08\/step3-300x257.png\" alt=\"step3\" width=\"300\" height=\"257\" class=\"aligncenter size-medium wp-image-36013\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/08\/step3-300x257.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/08\/step3-150x128.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/08\/step3.png 802w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<\/li>\r\n<li>\r\n<p>Once you are done with this page, click the <strong>\u201cDesign\u201d<\/strong> tab. Here you can select the page layout. <\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2014\/08\/4.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2014\/08\/4-300x228.png\" alt=\"4\" width=\"300\" height=\"228\" class=\"aligncenter size-medium wp-image-36014\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/08\/4-300x228.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/08\/4-150x114.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/08\/4.png 750w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<\/li>\r\n<li>\r\n<p>Using the <strong>\u201cMeta Data\u201d<\/strong> tab you can insert your page description and keywords.<\/p>\r\n<\/li>\r\n<li>\r\n<p>Click <strong>\u201cSave Page\u201d<\/strong> to save the changes. Now you can see our page in the list.<\/p>\r\n<\/li>\r\n<li>\r\n<p>Let\u2019s add the link to the newly created page in the footer block. Select the <strong>CMS->Static Blocks<\/strong> menu item.<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2014\/08\/5.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2014\/08\/5-300x198.png\" alt=\"5\" width=\"300\" height=\"198\" class=\"aligncenter size-medium wp-image-36015\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/08\/5-300x198.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/08\/5-150x99.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/08\/5.png 352w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<\/li>\r\n<li>\r\n<p>You will be able to see the static blocks available for this theme. We will need to edit the static block called &#8220;<strong>footer links&#8221;<\/strong>.<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2014\/08\/6.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2014\/08\/6-300x64.png\" alt=\"6\" width=\"300\" height=\"64\" class=\"aligncenter size-medium wp-image-36016\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/08\/6-300x64.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/08\/6-150x32.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/08\/6-1024x218.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/08\/6.png 1218w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<\/li>\r\n<li>\r\n<p>Copy the existing line of the html code with the link. It is the page URL identifier which you were supposed to memorize while adding  the new page. Let\u2019s change it. Our identifier for the new page is \u201cnew-page\u201d. Change the page title (body of the link) as well.<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2014\/08\/7.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2014\/08\/7-284x300.png\" alt=\"7\" width=\"284\" height=\"300\" class=\"aligncenter size-medium wp-image-36017\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/08\/7-284x300.png 284w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/08\/7-142x150.png 142w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/08\/7.png 631w\" sizes=\"(max-width: 284px) 100vw, 284px\" \/><\/a><\/p>\r\n<\/li>\r\n<li>\r\n<p>Click the <strong>\u201cSave Block\u201d<\/strong> button to save the changes. Now go to your website and refresh the page to see the changes.<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2014\/08\/8.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2014\/08\/8-120x300.png\" alt=\"8\" width=\"120\" height=\"300\" class=\"aligncenter size-medium wp-image-36018\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/08\/8-120x300.png 120w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/08\/8-60x150.png 60w\" sizes=\"(max-width: 120px) 100vw, 120px\" \/><\/a><\/p>\r\n<\/li>\r\n<\/ol>\r\n<p>That is all you need. In case there is a need for more detailed information, feel free to check the video tutorial below:<\/p>\r\n<p><a href=\"http:\/\/www.youtube.com\/watch?v=F_Q3frvaFw0?width=1280&amp;height=720\" rel=\"prettyPhoto\">Magento. How to add new CMS page<\/a><\/p>\r\n<p><\/p>\r\n<p><\/p>\r\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>This tutorial shows how to add new CMS page in Magento.<\/p>\n","protected":false},"author":63,"featured_media":36022,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[729],"tags":[2407,617,572],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/1552"}],"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\/63"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=1552"}],"version-history":[{"count":0,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/1552\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/36022"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=1552"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=1552"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=1552"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}