{"id":23905,"date":"2021-08-19T10:28:33","date_gmt":"2021-08-19T14:28:33","guid":{"rendered":"https:\/\/plumrocket.com\/docs\/?p=23905"},"modified":"2021-11-18T05:37:06","modified_gmt":"2021-11-18T10:37:06","slug":"how-to-customize-magento-2-amp-footer","status":"publish","type":"post","link":"https:\/\/plumrocket.com\/docs\/magento-amp\/v3\/userguides\/footer-cms-blocks","title":{"rendered":"How to Customize Magento 2 AMP Footer"},"content":{"rendered":"\n<p>The <a href=\"\/magento-amp\/theme-one\">Magento 2 AMP Theme One<\/a> provides an AMP footer that consists of four CMS blocks. You can sort, replace or disable these CMS blocks as well as set custom content for them. In this article, you will learn how to customize Footer CMS blocks for your AMP pages.<\/p>\n\n\n\n<h2 id=\"editing-amp-content-for-cms-blocks-1\"><a href=\"https:\/\/plumrocket.com\/docs\/magento-amp\/v3\/userguides\/cms-blocks#editing-amp-content-for-cms-blocks\"><\/a>Configuring CMS Blocks for AMP Footer<\/h2>\n\n\n\n<p>You can configure AMP Footer in the AMP Theme One settings. <\/p>\n\n\n\n<div class=\"wp-block-group pr-notice pr-notice-info\"><div class=\"wp-block-group__inner-container\">\n<p class=\"pr-notice-title\">Step-by-step guide:<\/p>\n\n\n\n<ol><li>In the main Magento menu, go to <strong>Stores<\/strong> -&gt; Settings -&gt; <strong>Configurations<\/strong>.<\/li><li>Navigate to <strong>Plumrocket tab<\/strong> -&gt; <strong>AMP Theme One Settings<\/strong>.<\/li><li>Scroll down to the <strong>Footer<\/strong> configurations. Select any CMS block for each CMS Block option.<\/li><li>Click <strong>Save Config<\/strong>.<\/li><\/ol>\n<\/div><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" width=\"1206\" height=\"425\" src=\"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/08\/magento-2-amp-extension-customizing-footer-cms-blocks-1.png\" alt=\"Configuring AMP Forter Blocks in Magento 2 AMP Theme One\" class=\"wp-image-23906\" srcset=\"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/08\/magento-2-amp-extension-customizing-footer-cms-blocks-1.png 1206w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/08\/magento-2-amp-extension-customizing-footer-cms-blocks-1-300x106.png 300w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/08\/magento-2-amp-extension-customizing-footer-cms-blocks-1-1024x361.png 1024w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/08\/magento-2-amp-extension-customizing-footer-cms-blocks-1-768x271.png 768w\" sizes=\"(max-width: 1206px) 100vw, 1206px\" \/><\/figure>\n\n\n\n<p>If you select blocks that do not contain AMP content, the AMP extension will automatically convert HTML content to AMP format. However, we recommend <a href=\"\/docs\/magento-amp\/v3\/userguides\/cms-blocks#editing-amp-content-for-cms-blocks\">setting AMP content for CMS blocks manually<\/a> to be able to use different AMP components and properly configure footer images size.<\/p>\n\n\n\n<h2>Setting Up Default CMS Blocks for AMP Footer<\/h2>\n\n\n\n<p>Additionally, you can customize the default <strong>AMP Footer<\/strong> blocks to build your footer in minutes. These CMS blocks will not be changed with the next theme updates.<\/p>\n\n\n\n<p>There&#8217;s how the default AMP Footer blocks look line in the Magento 2 frontend:<\/p>\n\n\n\n<div class=\"wp-block-group pr-notice pr-notice-info\"><div class=\"wp-block-group__inner-container\">\n<ol><li>CMS Block 1 &#8211; <strong>AMP Footeer 1 Features<\/strong>.<\/li><li>CMS Block 2 &#8211; <strong>AMP Footeer 1 Accordion<\/strong>.<\/li><li>CMS Block 3 &#8211; <strong>AMP Footeer 1 Newsletter Subscription<\/strong>.<\/li><li>CMS Block 4 &#8211; <strong>AMP Footeer 1 Bottom<\/strong>.<\/li><\/ol>\n<\/div><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" width=\"1206\" height=\"821\" src=\"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/08\/magento-2-amp-extension-customizing-footer-cms-blocks-2.png\" alt=\"AMP Forter Blocks in Magento 2 AMP Theme One frontend\" class=\"wp-image-23907\" srcset=\"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/08\/magento-2-amp-extension-customizing-footer-cms-blocks-2.png 1206w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/08\/magento-2-amp-extension-customizing-footer-cms-blocks-2-300x204.png 300w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/08\/magento-2-amp-extension-customizing-footer-cms-blocks-2-1024x697.png 1024w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/08\/magento-2-amp-extension-customizing-footer-cms-blocks-2-768x523.png 768w\" sizes=\"(max-width: 1206px) 100vw, 1206px\" \/><\/figure>\n\n\n\n<h2>Adding AMP Footer Copyright Text in Magento 2<\/h2>\n\n\n\n<p>Below the AMP footer CMS blocks, you can display the copyright text. Generally, the AMP extension shows it automatically based on your store view settings. However, follow the guide below if you want to edit the copyright text in the footer of your AMP pages.  <\/p>\n\n\n\n<div class=\"wp-block-group pr-notice pr-notice-info\"><div class=\"wp-block-group__inner-container\">\n<p class=\"pr-notice-title\">Step-by-step guide:<\/p>\n\n\n\n<ol><li>In the main Magento menu, go to <strong>Content<\/strong> -&gt; Design -&gt; <strong>Configurations<\/strong>. Select the needed store view and click <strong>Edit<\/strong>.<\/li><li>Under the <strong>Footer<\/strong> tab, edit the text for the <strong>Copyright<\/strong> field or leave it blank to hide it.<\/li><li>Click <strong>Save Configuration<\/strong>.<\/li><\/ol>\n<\/div><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" width=\"1206\" height=\"496\" src=\"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/08\/magento-2-amp-extension-customizing-footer-cms-blocks-3.png\" alt=\"Adding Footer Copywright to Magento 2 AMP Pages\" class=\"wp-image-23929\" srcset=\"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/08\/magento-2-amp-extension-customizing-footer-cms-blocks-3.png 1206w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/08\/magento-2-amp-extension-customizing-footer-cms-blocks-3-300x123.png 300w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/08\/magento-2-amp-extension-customizing-footer-cms-blocks-3-1024x421.png 1024w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/08\/magento-2-amp-extension-customizing-footer-cms-blocks-3-768x316.png 768w\" sizes=\"(max-width: 1206px) 100vw, 1206px\" \/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>The Magento 2 AMP Theme One provides an AMP footer that consists of four CMS blocks. You can sort, replace or disable these CMS blocks as well as set custom content for them. In this article, you will learn how to customize Footer CMS blocks for your AMP pages. Configuring CMS Blocks for AMP Footer &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/plumrocket.com\/docs\/magento-amp\/v3\/userguides\/footer-cms-blocks\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;How to Customize Magento 2 AMP Footer&#8221;<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"_mi_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0},"categories":[330],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v17.2 (Yoast SEO v17.2) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to Customize Magento 2 AMP Footer - Plumrocket Documentation<\/title>\n<meta name=\"description\" content=\"The Magento 2 AMP Theme One provides an AMP footer that consists of four CMS blocks. You can sort, replace or disable these CMS blocks as well as set\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/plumrocket.com\/docs\/magento-amp\/v3\/userguides\/footer-cms-blocks\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Customize Magento 2 AMP Footer\" \/>\n<meta property=\"og:description\" content=\"The Magento 2 AMP Theme One provides an AMP footer that consists of four CMS blocks. You can sort, replace or disable these CMS blocks as well as set\" \/>\n<meta property=\"og:url\" content=\"https:\/\/plumrocket.com\/docs\/magento-amp\/v3\/userguides\/footer-cms-blocks\" \/>\n<meta property=\"og:site_name\" content=\"Plumrocket Documentation\" \/>\n<meta property=\"article:published_time\" content=\"2021-08-19T14:28:33+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-11-18T10:37:06+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/08\/magento-2-amp-extension-customizing-footer-cms-blocks-1.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Plumrocket\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"How to Customize Magento 2 AMP Footer - Plumrocket Documentation","description":"The Magento 2 AMP Theme One provides an AMP footer that consists of four CMS blocks. You can sort, replace or disable these CMS blocks as well as set","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:\/\/plumrocket.com\/docs\/magento-amp\/v3\/userguides\/footer-cms-blocks","og_locale":"en_US","og_type":"article","og_title":"How to Customize Magento 2 AMP Footer","og_description":"The Magento 2 AMP Theme One provides an AMP footer that consists of four CMS blocks. You can sort, replace or disable these CMS blocks as well as set","og_url":"https:\/\/plumrocket.com\/docs\/magento-amp\/v3\/userguides\/footer-cms-blocks","og_site_name":"Plumrocket Documentation","article_published_time":"2021-08-19T14:28:33+00:00","article_modified_time":"2021-11-18T10:37:06+00:00","og_image":[{"url":"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/08\/magento-2-amp-extension-customizing-footer-cms-blocks-1.png"}],"twitter_card":"summary_large_image","twitter_misc":{"Written by":"Plumrocket","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebSite","@id":"https:\/\/plumrocket.com\/docs\/#website","url":"https:\/\/plumrocket.com\/docs\/","name":"Plumrocket Documentation","description":"Extensions docs, troubleshootings etc.","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/plumrocket.com\/docs\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"ImageObject","@id":"https:\/\/plumrocket.com\/docs\/magento-amp\/v3\/userguides\/footer-cms-blocks#primaryimage","inLanguage":"en-US","url":"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/08\/magento-2-amp-extension-customizing-footer-cms-blocks-1.png","contentUrl":"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/08\/magento-2-amp-extension-customizing-footer-cms-blocks-1.png","width":1206,"height":425},{"@type":"WebPage","@id":"https:\/\/plumrocket.com\/docs\/magento-amp\/v3\/userguides\/footer-cms-blocks#webpage","url":"https:\/\/plumrocket.com\/docs\/magento-amp\/v3\/userguides\/footer-cms-blocks","name":"How to Customize Magento 2 AMP Footer - Plumrocket Documentation","isPartOf":{"@id":"https:\/\/plumrocket.com\/docs\/#website"},"primaryImageOfPage":{"@id":"https:\/\/plumrocket.com\/docs\/magento-amp\/v3\/userguides\/footer-cms-blocks#primaryimage"},"datePublished":"2021-08-19T14:28:33+00:00","dateModified":"2021-11-18T10:37:06+00:00","author":{"@id":"https:\/\/plumrocket.com\/docs\/#\/schema\/person\/c96fccdb89342ae6804272265723eca8"},"description":"The Magento 2 AMP Theme One provides an AMP footer that consists of four CMS blocks. You can sort, replace or disable these CMS blocks as well as set","breadcrumb":{"@id":"https:\/\/plumrocket.com\/docs\/magento-amp\/v3\/userguides\/footer-cms-blocks#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/plumrocket.com\/docs\/magento-amp\/v3\/userguides\/footer-cms-blocks"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/plumrocket.com\/docs\/magento-amp\/v3\/userguides\/footer-cms-blocks#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Magento 2 Extensions","item":"https:\/\/plumrocket.com\/magento-extensions"},{"@type":"ListItem","position":2,"name":"Magento 2 AMP","item":"https:\/\/plumrocket.com\/magento-amp"},{"@type":"ListItem","position":3,"name":"Documentation","item":"https:\/\/plumrocket.com\/docs\/magento-amp"},{"@type":"ListItem","position":4,"name":"v3","item":"https:\/\/plumrocket.com\/docs\/magento-amp\/v3"},{"@type":"ListItem","position":5,"name":"How-to Guides","item":"https:\/\/plumrocket.com\/docs\/magento-amp\/v3\/userguides"},{"@type":"ListItem","position":6,"name":"How to Customize Magento 2 AMP Footer"}]},{"@type":"Person","@id":"https:\/\/plumrocket.com\/docs\/#\/schema\/person\/c96fccdb89342ae6804272265723eca8","name":"Plumrocket","image":{"@type":"ImageObject","@id":"https:\/\/plumrocket.com\/docs\/#personlogo","inLanguage":"en-US","url":"https:\/\/secure.gravatar.com\/avatar\/10c44aa45aab391250913d982e552e53?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/10c44aa45aab391250913d982e552e53?s=96&d=mm&r=g","caption":"Plumrocket"}}]}},"_links":{"self":[{"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/posts\/23905"}],"collection":[{"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/comments?post=23905"}],"version-history":[{"count":13,"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/posts\/23905\/revisions"}],"predecessor-version":[{"id":25109,"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/posts\/23905\/revisions\/25109"}],"wp:attachment":[{"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/media?parent=23905"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/categories?post=23905"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/tags?post=23905"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}