{"id":19194,"date":"2021-06-23T16:44:17","date_gmt":"2021-06-23T13:44:17","guid":{"rendered":"https:\/\/plumrocket.com\/docs\/?p=19194"},"modified":"2025-04-29T12:24:12","modified_gmt":"2025-04-29T16:24:12","slug":"magento-2-amp-v3-x-configuration","status":"publish","type":"post","link":"https:\/\/plumrocket.com\/docs\/magento-amp\/v3\/configuration","title":{"rendered":"Magento 2 AMP v3.x Configuration"},"content":{"rendered":"\n<p>In this article, you will learn how to configure <a href=\"\/magento-amp\">Magento 2 AMP v3 Extension<\/a>. Please check the guide below in order to configure it properly.<\/p>\n\n\n\n<h2 id=\"h-configuring-magento-2-amp-extension\">Configuring Magento 2 AMP Extension<\/h2>\n\n\n\n<p>Go to the <strong>Plumrocket tab<\/strong> in the main Magento menu -&gt; navigate to <strong>AMP<\/strong> -&gt; select <strong>Configuration<\/strong>.<\/p>\n\n\n\n<h3 id=\"h-general\">General<\/h3>\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 actions:<\/p>\n\n\n\n<ol><li><strong><strong>Enable Extension<\/strong><\/strong>: this option allows you to enable or disable this Magento 2 AMP plugin.<\/li><li><strong><strong>Serial Key<\/strong><\/strong>: enter the unique serial key provided to you after purchasing the extension. Please note: in most cases, this field will be pre-filled with a serial key automatically, and the green checkmark will be displayed. To find and paste your serial key manually, read the <a href=\"\/docs\/general\/magento-license-installation\" rel=\"nofollow\">Serial Key Activation<\/a> article.<\/li><\/ol>\n<\/div><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" width=\"1206\" height=\"597\" src=\"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2025\/04\/magento-2-amp-extension-configurations-1.png\" alt=\"magento 2 amp extension general settings 1.png\" class=\"wp-image-28300\" srcset=\"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2025\/04\/magento-2-amp-extension-configurations-1.png 1206w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2025\/04\/magento-2-amp-extension-configurations-1-300x149.png 300w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2025\/04\/magento-2-amp-extension-configurations-1-1024x507.png 1024w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2025\/04\/magento-2-amp-extension-configurations-1-768x380.png 768w\" sizes=\"(max-width: 1206px) 100vw, 1206px\" \/><\/figure>\n\n\n\n<h3 id=\"h-main-settings\">Main Settings<\/h3>\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 actions:<\/p>\n\n\n\n<ol><li><strong>Mode<\/strong>: two modes are available for AMP pages:<ul><li><em>Sandbox<\/em> mode allows you to hide AMP pages from visitors and prevent them from crawling &amp; indexing by Google Bots. You can use this mode when creating and testing AMP pages until you make them valid. We also recommend disabling the Force AMP On Mobile Devices option to avoid displaying invalid AMP pages to customers.<\/li><li>Switch to the <em>Production<\/em> mode when the AMP pages are valid and ready to go live.<\/li><\/ul><\/li><\/ol>\n<\/div><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" width=\"1206\" height=\"338\" src=\"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/08\/magento-2-amp-extension-configuration-main-settings-1.png\" alt=\"Magento 2 AMP Extension Main Settings 1\" class=\"wp-image-23870\" srcset=\"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/08\/magento-2-amp-extension-configuration-main-settings-1.png 1206w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/08\/magento-2-amp-extension-configuration-main-settings-1-300x84.png 300w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/08\/magento-2-amp-extension-configuration-main-settings-1-1024x287.png 1024w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/08\/magento-2-amp-extension-configuration-main-settings-1-768x215.png 768w\" sizes=\"(max-width: 1206px) 100vw, 1206px\" \/><\/figure>\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 start=\"2\"><li><strong id=\"amp-url-preview\">AMP URL Preview<\/strong>: this GET parameter displays the URL of the AMP version of your website\u2019s homepage. This URL automatically changes when the AMP URL Style and its parameters (Param Name, Param Value, Path Prefix) change.<\/li><li><strong>AMP URL Style<\/strong>: this is the style of the AMP version of your website pages. We strongly recommend not to change this option after switching to production mode, as this may lead to Google Console errors. The following AMP URL styles are available:<ul><li><strong><em>?amp=1<\/em><\/strong> &#8211; this option is set by default. It is most useful when you upgraded the AMP extension from version 2, since the AMP URL Style was exactly<strong><em> ?amp=1<\/em><\/strong>. Now, you can change Param Name (<em>amp<\/em>) and Param Value (<em>1<\/em>).<\/li><li><strong><em>\/amp\/<\/em><\/strong> &#8211; this URL style is more user-friendly. If you use the Store Code, the amp identifier is added after it (https:\/\/your-domain.com\/us\/amp\/). <\/li><\/ul><\/li><li><strong>Param Name<\/strong> (for AMP URL Style set to <em>?amp=1<\/em>): this is the parameter name of the AMP URL Style. We do not recommend changing this option after switching to production mode, as this may lead to Google Console errors.<\/li><li><strong>Param Value<\/strong> (for AMP URL Style set to <em>?amp=1<\/em>): this is your AMP pages value of AMP parameter. Please note that changing this option after switching to production mode may result in Google Console errors.<\/li><\/ol>\n<\/div><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" width=\"1206\" height=\"385\" src=\"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2025\/04\/magento-2-amp-extension-configuration-main-settings-2.png\" alt=\"Magento 2 AMP Extension Main Settings 2\" class=\"wp-image-28310\" srcset=\"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2025\/04\/magento-2-amp-extension-configuration-main-settings-2.png 1206w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2025\/04\/magento-2-amp-extension-configuration-main-settings-2-300x96.png 300w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2025\/04\/magento-2-amp-extension-configuration-main-settings-2-1024x327.png 1024w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2025\/04\/magento-2-amp-extension-configuration-main-settings-2-768x245.png 768w\" sizes=\"(max-width: 1206px) 100vw, 1206px\" \/><\/figure>\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 actions:<\/p>\n\n\n\n<ol start=\"7\"><li><strong id=\"force-amp-on-mobile-devices\">Force AMP On Mobile Devices<\/strong>: <ul><li>Set to <em>Yes<\/em> to make the AMP version of your website as default for mobile devices. Both visitors who opened your website from a direct link, and those who came from Google Search Results, will arrive on the AMP version of the website.<\/li><li>Set to <em>No<\/em> to show non-amp pages for visitors who open your website from a direct link on mobile devices. Those who arrive from Google Search Results Page will see AMP pages.<\/li><\/ul><\/li><li><strong>Force AMP on Tablet Devices<\/strong>: <ul><li>Set to <em>Yes<\/em> to make the AMP version of your website as default for tablet devices. Both visitors who opened your website from a direct link, and those who came from Google Search Results, will arrive on the AMP version of the website.<\/li><li>Set to <em>No<\/em> to show non-amp pages for visitors who open your website from a direct link on tablet devices. Those who arrive from Google Search Results Page will see AMP pages.<\/li><\/ul><\/li><li><strong>Enable RTL Template<\/strong>: this option allows you to switch your AMP pages script to Right-To-Left. <\/li><\/ol>\n<\/div><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" width=\"1206\" height=\"404\" src=\"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/08\/magento-2-amp-extension-configuration-main-settings-3.png\" alt=\"Magento 2 AMP Extension Main Settings 3\" class=\"wp-image-23872\" srcset=\"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/08\/magento-2-amp-extension-configuration-main-settings-3.png 1206w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/08\/magento-2-amp-extension-configuration-main-settings-3-300x100.png 300w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/08\/magento-2-amp-extension-configuration-main-settings-3-1024x343.png 1024w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/08\/magento-2-amp-extension-configuration-main-settings-3-768x257.png 768w\" sizes=\"(max-width: 1206px) 100vw, 1206px\" \/><\/figure>\n\n\n\n<h3 id=\"h-enable-amp-on\">Enable AMP On<\/h3>\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 actions:<\/p>\n\n\n\n<ol><li>Set to <em>Yes<\/em> for those pages, where you want to enable the AMP mode.<\/li><li><strong>Deny List<\/strong>: please enter page paths where you want to disable AMP mode. This list has a higher priority over the page type configurations specified in the previous option. The Deny List is useful, for instance, when you want to disable AMP mode for a specific product, category, etc., in case custom functionality is not supported in AMP.  <\/li><li><strong>Allow List<\/strong>: please enter the paths for pages where you want to allow the AMP mode. The Allow List has a higher priority over the Deny List. Moreover, it is useful when enabling AMP only for a specific product\/category\/CMS page to test. <\/li><\/ol>\n<\/div><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" width=\"1206\" height=\"636\" src=\"\/docs\/wp-content\/uploads\/2021\/07\/magento-2-amp-extension-configurations-4.png\" alt=\"magento 2 amp extension configuration.png\" class=\"wp-image-20478\" srcset=\"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/07\/magento-2-amp-extension-configurations-4.png 1206w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/07\/magento-2-amp-extension-configurations-4-300x158.png 300w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/07\/magento-2-amp-extension-configurations-4-1024x540.png 1024w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/07\/magento-2-amp-extension-configurations-4-768x405.png 768w\" sizes=\"(max-width: 1206px) 100vw, 1206px\" \/><\/figure>\n\n\n\n<h3 id=\"h-product-page-options\">Product Page Options<\/h3>\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 actions:<\/p>\n\n\n\n<ol><li><strong>AMP Product Options Type<\/strong>: please select the type for the AMP product options display. Each type is suitable for a specific type of product:<ul><li>The <em>Configurable AMP Swatches<\/em> option is recommended for most Magento stores. It allows displaying product options in AMP swatches to look like native Magento functionality. Although AMP Swatches are designed to increase the Core Web Vitals score, all custom product options must be implemented manually.<\/li><li>Set to <em>Choose Options Button<\/em> to send your visitors to non-amp pages in order to continue selecting product options. This option is useful if custom functionality cannot be implemented in AMP swatches or AMP iFrame takes too long to load product options. <\/li><li><em>AMP iFrame<\/em> allows you to display any custom functionality on your AMP pages in an iFrame, and use any custom javascript. However, this leads to a decrease in the Core Web Vitals score, and the number of products in the cart will not dynamically change.   <\/li><\/ul><\/li><li><strong>Update Product Price When Options Change<\/strong>: set to <em>Yes<\/em> to update product price instantly, without the page refresh. Importantly, this will only work for the <a href=\"#amp-product-options-type\">AMP Product Options Type<\/a> set to <em>Configurable AMP Swatches<\/em>. Please note that only specific option types are supported: dropdown menu, multiple select, radio buttons, and checkboxes.<\/li><li><strong>Remove AMP iFrame Pages From Crawl List<\/strong>: set to Yes to remove the AMP iFrame Pages from the crawl list.<\/li><\/ol>\n<\/div><\/div>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" width=\"1024\" height=\"498\" src=\"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2025\/04\/magento-2-amp-extension-configurations-5-1024x498.png\" alt=\"magento 2 amp extension configuration product page options 1.png\" class=\"wp-image-28308\" srcset=\"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2025\/04\/magento-2-amp-extension-configurations-5-1024x498.png 1024w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2025\/04\/magento-2-amp-extension-configurations-5-300x146.png 300w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2025\/04\/magento-2-amp-extension-configurations-5-768x374.png 768w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2025\/04\/magento-2-amp-extension-configurations-5.png 1206w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 id=\"h-shopping-cart\">Shopping Cart<\/h3>\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><strong>Cart Button Action<\/strong>: select where customers should be redirected after clicking on the Shopping Cart icon in the header.<\/li><li><strong>After Adding a Product Redirect to<\/strong>: select where customers should be redirected after adding a product to their cart.<\/li><\/ol>\n<\/div><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" width=\"1206\" height=\"296\" src=\"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2025\/04\/magento-2-amp-extension-configurations-6.png\" alt=\"magento 2 amp extension configuration shopping cart.png\" class=\"wp-image-28304\" srcset=\"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2025\/04\/magento-2-amp-extension-configurations-6.png 1206w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2025\/04\/magento-2-amp-extension-configurations-6-300x74.png 300w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2025\/04\/magento-2-amp-extension-configurations-6-1024x251.png 1024w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2025\/04\/magento-2-amp-extension-configurations-6-768x188.png 768w\" sizes=\"(max-width: 1206px) 100vw, 1206px\" \/><\/figure>\n\n\n\n<h3 id=\"h-rich-snippets\">Rich Snippets<\/h3>\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 actions:<\/p>\n\n\n\n<ol><li><strong>Enable<\/strong>: set to <em>Yes<\/em> to enable rich snippets for AMP pages.<\/li><li><strong>Brand Attribute<\/strong>: select the brand attribute.<\/li><li><strong>MPN AAttribute<\/strong>: select the MPN attribute.<\/li><\/ol>\n<\/div><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" width=\"1206\" height=\"337\" src=\"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2025\/04\/magento-2-amp-extension-configurations-7.png\" alt=\"magento 2 amp extension configuration rich snippets.png\" class=\"wp-image-28302\" srcset=\"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2025\/04\/magento-2-amp-extension-configurations-7.png 1206w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2025\/04\/magento-2-amp-extension-configurations-7-300x84.png 300w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2025\/04\/magento-2-amp-extension-configurations-7-1024x286.png 1024w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2025\/04\/magento-2-amp-extension-configurations-7-768x215.png 768w\" sizes=\"(max-width: 1206px) 100vw, 1206px\" \/><\/figure>\n\n\n\n<h3 id=\"h-cookie-consent-banner\">Cookie Consent Banner<\/h3>\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><strong>Accept Button Label<\/strong>: specify the label that should be displayed on the Cookie Acceptance button here.<\/li><li><strong>Notice Text<\/strong>: type here a text that should be displayed as a cookie notice text.<\/li><\/ol>\n<\/div><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" width=\"1206\" height=\"492\" src=\"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2025\/04\/magento-2-amp-extension-configurations-8.png\" alt=\"magento 2 amp extension configuration cookie consent banner.png\" class=\"wp-image-28305\" srcset=\"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2025\/04\/magento-2-amp-extension-configurations-8.png 1206w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2025\/04\/magento-2-amp-extension-configurations-8-300x122.png 300w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2025\/04\/magento-2-amp-extension-configurations-8-1024x418.png 1024w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2025\/04\/magento-2-amp-extension-configurations-8-768x313.png 768w\" sizes=\"(max-width: 1206px) 100vw, 1206px\" \/><\/figure>\n\n\n\n<h3 id=\"h-integrations\">Integrations<\/h3>\n\n\n\n<p>The AMP extension has built-in support of chats, as well as statistics and analytics tools. Go to the <a href=\"\/docs\/magento-amp\/v3\/integrations\">AMP integrations<\/a> page for detailed instructions on how to configure each integration.<\/p>\n\n\n\n<h3 id=\"h-advanced-settings\">Advanced Settings<\/h3>\n\n\n\n<p>In this section, learn how to optimize images for your AMP pages in order to speed up page load and thus achieve a higher Core Web Vitals score.<\/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 actions:<\/p>\n\n\n\n<ol><li><strong>Use Build-In WebP Image Converter<\/strong>: set to <em>Yes<\/em> to convert images to a WebP format with a built-in converter.<\/li><li><strong>How to Size Images With Unspecified Dimensions<\/strong>: select the action to be executed when converting your website from HTML to AMP HTML, if the image dimensions are missing in the image tags of CMS pages or CMS blocks:<ul><li><em>Scale to Maintain Aspect Ratio (Object Fit Contain)<\/em>: select this option in order to increase or decrease the size of images with unknown dimensions to fill the container while preserving the image&#8217;s aspect ratio.<\/li><li><em>Fill Entire Content Box (Object Fit Cover)<\/em>: select this option to crop images with unknown dimensions to fill the height and width of its container, but maintain the aspect ratio.<\/li><\/ul><\/li><li><strong>Minify CSS<\/strong>: choose whether the Minify CSS functionality should be enabled while your store is in developer mode. If enabled, you can check how much space the merged CSS takes up before deploying.<\/li><li><strong>Limit Google AMP Cache to 1 Day<\/strong>: if enabled, it keeps content up to date in AMP Cache by setting the max-age to 1 day. <strong>Important Note<\/strong>: this will disable Full Page Cache for AMP pages.<\/li><\/ol>\n<\/div><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" width=\"1206\" height=\"592\" src=\"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2025\/04\/magento-2-amp-extension-configurations-13-1.png\" alt=\"magento 2 amp extension configuration advanced settings.png\" class=\"wp-image-28306\" srcset=\"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2025\/04\/magento-2-amp-extension-configurations-13-1.png 1206w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2025\/04\/magento-2-amp-extension-configurations-13-1-300x147.png 300w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2025\/04\/magento-2-amp-extension-configurations-13-1-1024x503.png 1024w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2025\/04\/magento-2-amp-extension-configurations-13-1-768x377.png 768w\" sizes=\"(max-width: 1206px) 100vw, 1206px\" \/><\/figure>\n\n\n\n<h2 id=\"h-configuring-amp-theme-one\">Configuring AMP Theme One<\/h2>\n\n\n\n<p>Go to the <strong>Plumrocket<\/strong> tab in the main Magento menu -&gt; navigate to <strong>AMP<\/strong> <strong>Themes<\/strong> -&gt; select <strong>Theme One Settings<\/strong>.<\/p>\n\n\n\n<h3 id=\"h-general-design\">General Design<\/h3>\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 actions:<\/p>\n\n\n\n<ol><li><strong>Font Family<\/strong>: select the Font Family you want to use in your AMP theme.<\/li><li><strong>Base Font Size<\/strong>: by default, the system value is used. If you want to specify a different font size for AMP pages, uncheck the Use System Value box, and enter the font size in pixels. The font size will be applied for the CMS page content, product and category descriptions, review details, certain CMS block contents, etc.<\/li><\/ol>\n<\/div><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" width=\"1206\" height=\"499\" src=\"\/docs\/wp-content\/uploads\/2021\/07\/magento-2-amp-extension-theme-one-configuration-1.png\" alt=\"magento 2 amp extension amp theme configuration 1.png\" class=\"wp-image-20491\" srcset=\"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/07\/magento-2-amp-extension-theme-one-configuration-1.png 1206w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/07\/magento-2-amp-extension-theme-one-configuration-1-300x124.png 300w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/07\/magento-2-amp-extension-theme-one-configuration-1-1024x424.png 1024w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/07\/magento-2-amp-extension-theme-one-configuration-1-768x318.png 768w\" sizes=\"(max-width: 1206px) 100vw, 1206px\" \/><\/figure>\n\n\n\n<h3 id=\"h-elements\">Elements<\/h3>\n\n\n\n<h4 id=\"h-button\">Button<\/h4>\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 actions:<\/p>\n\n\n\n<ol><li>Configure the appearance of buttons on your Magento AMP theme. Check the Use System Value box if you want to use the default AMP Theme One settings.<\/li><li><strong>Border Size<\/strong>: specify the size of the button border.<\/li><li><strong>Border Radius<\/strong>: specify the radius of the button border.<\/li><li><strong>Font Family<\/strong>: select the font family to use in the button text.<\/li><\/ol>\n<\/div><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" width=\"1206\" height=\"703\" src=\"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/07\/magento-2-amp-extension-theme-one-configuration-2.1.png\" alt=\"magento 2 amp extension amp theme configuration 2.png\" class=\"wp-image-23024\" srcset=\"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/07\/magento-2-amp-extension-theme-one-configuration-2.1.png 1206w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/07\/magento-2-amp-extension-theme-one-configuration-2.1-300x175.png 300w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/07\/magento-2-amp-extension-theme-one-configuration-2.1-1024x597.png 1024w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/07\/magento-2-amp-extension-theme-one-configuration-2.1-768x448.png 768w\" sizes=\"(max-width: 1206px) 100vw, 1206px\" \/><\/figure>\n\n\n\n<h4 id=\"h-add-to-cart-button\">Add to Cart Button<\/h4>\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 actions:<\/p>\n\n\n\n<ol><li>Configure the appearance of Add to Cart buttons on your Magento AMP theme. By checking the Use System Value box, you will use the default AMP Theme One settings.<\/li><li><strong>Border Size<\/strong>: specify the size of the button border.<\/li><li><strong>Border Radius<\/strong>: specify the radius of the button border.<\/li><li><strong>Font Family<\/strong>: select the font family to use in the button text.<\/li><\/ol>\n<\/div><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" width=\"1206\" height=\"640\" src=\"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/07\/magento-2-amp-extension-theme-one-configuration-3.1.png\" alt=\"magento 2 amp extension amp theme configuration 3.png\" class=\"wp-image-23025\" srcset=\"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/07\/magento-2-amp-extension-theme-one-configuration-3.1.png 1206w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/07\/magento-2-amp-extension-theme-one-configuration-3.1-300x159.png 300w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/07\/magento-2-amp-extension-theme-one-configuration-3.1-1024x543.png 1024w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/07\/magento-2-amp-extension-theme-one-configuration-3.1-768x408.png 768w\" sizes=\"(max-width: 1206px) 100vw, 1206px\" \/><\/figure>\n\n\n\n<h4 id=\"h-price\">Price<\/h4>\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 actions:<\/p>\n\n\n\n<ol><li><strong>Base Color<\/strong>: select the color for the price displayed on products. By checking the Use System Value box, you will use the default AMP Theme One settings.<\/li><li><strong>New Price Color<\/strong>: select the color for the new price when the discount is applied.<\/li><li><strong>Old Price Color<\/strong>: select the color for the old price.<\/li><\/ol>\n<\/div><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" width=\"1206\" height=\"297\" src=\"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/07\/magento-2-amp-extension-theme-one-configuration-4.1.png\" alt=\"magento 2 amp extension amp theme configuration 4.png\" class=\"wp-image-23026\" srcset=\"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/07\/magento-2-amp-extension-theme-one-configuration-4.1.png 1206w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/07\/magento-2-amp-extension-theme-one-configuration-4.1-300x74.png 300w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/07\/magento-2-amp-extension-theme-one-configuration-4.1-1024x252.png 1024w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/07\/magento-2-amp-extension-theme-one-configuration-4.1-768x189.png 768w\" sizes=\"(max-width: 1206px) 100vw, 1206px\" \/><\/figure>\n\n\n\n<h3 id=\"h-header\">Header<\/h3>\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 actions:<\/p>\n\n\n\n<ol><li><strong>Logo<\/strong>: follow the instructions in order to set your website&#8217;s logo for AMP pages. Check the Use System Value box if you want to use the default AMP Theme One settings.<\/li><li>Specify colors for the header&#8217;s background and icons (menu, wishlist, cart).<\/li><\/ol>\n<\/div><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" width=\"1206\" height=\"278\" src=\"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/07\/magento-2-amp-extension-theme-one-configuration-5.1.png\" alt=\"magento 2 amp extension amp theme configuration 5.png\" class=\"wp-image-23027\" srcset=\"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/07\/magento-2-amp-extension-theme-one-configuration-5.1.png 1206w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/07\/magento-2-amp-extension-theme-one-configuration-5.1-300x69.png 300w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/07\/magento-2-amp-extension-theme-one-configuration-5.1-1024x236.png 1024w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/07\/magento-2-amp-extension-theme-one-configuration-5.1-768x177.png 768w\" sizes=\"(max-width: 1206px) 100vw, 1206px\" \/><\/figure>\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 actions:<\/p>\n\n\n\n<ol start=\"3\"><li><strong>Layout<\/strong>: select the layout template of the header with a different arrangement of search, menu, wishlist, cart, and other icons.<\/li><\/ol>\n<\/div><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" width=\"1206\" height=\"541\" src=\"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2025\/04\/magento-2-amp-extension-theme-one-configuration-6-1.png\" alt=\"magento 2 amp extension amp theme templates configuration 6.png\" class=\"wp-image-28309\" srcset=\"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2025\/04\/magento-2-amp-extension-theme-one-configuration-6-1.png 1206w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2025\/04\/magento-2-amp-extension-theme-one-configuration-6-1-300x135.png 300w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2025\/04\/magento-2-amp-extension-theme-one-configuration-6-1-1024x459.png 1024w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2025\/04\/magento-2-amp-extension-theme-one-configuration-6-1-768x345.png 768w\" sizes=\"(max-width: 1206px) 100vw, 1206px\" \/><\/figure>\n\n\n\n<h4 id=\"h-search\">Search<\/h4>\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 actions:<\/p>\n\n\n\n<ol><li>Please specify the text and background color of the search bar that opens when clicking on the search icon in the header. By checking the Use System Value box, you will use the default AMP Theme One settings.<\/li><li><strong>Border Radius<\/strong>: Please specify the border radius of the search bar in pixels.<\/li><li>Please select the colors of the border, buttons, and icons displayed on the search bar.  <\/li><\/ol>\n<\/div><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" width=\"1206\" height=\"571\" src=\"\/docs\/wp-content\/uploads\/2021\/07\/magento-2-amp-extension-theme-one-configuration-8.png\" alt=\"magento 2 amp extension amp theme configuration 8.png\" class=\"wp-image-20498\" srcset=\"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/07\/magento-2-amp-extension-theme-one-configuration-8.png 1206w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/07\/magento-2-amp-extension-theme-one-configuration-8-300x142.png 300w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/07\/magento-2-amp-extension-theme-one-configuration-8-1024x485.png 1024w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/07\/magento-2-amp-extension-theme-one-configuration-8-768x364.png 768w\" sizes=\"(max-width: 1206px) 100vw, 1206px\" \/><\/figure>\n\n\n\n<h4 id=\"h-menu\">Menu<\/h4>\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 actions:<\/p>\n\n\n\n<ol><li><strong>CMS Block<\/strong>: here, you can select your custom CMS block displayed in the menu below the website navigation. <\/li><\/ol>\n<\/div><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" width=\"1206\" height=\"234\" src=\"\/docs\/wp-content\/uploads\/2021\/07\/magento-2-amp-extension-theme-one-configuration-9.png\" alt=\"magento 2 amp extension amp theme configuration 9.png\" class=\"wp-image-20499\" srcset=\"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/07\/magento-2-amp-extension-theme-one-configuration-9.png 1206w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/07\/magento-2-amp-extension-theme-one-configuration-9-300x58.png 300w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/07\/magento-2-amp-extension-theme-one-configuration-9-1024x199.png 1024w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/07\/magento-2-amp-extension-theme-one-configuration-9-768x149.png 768w\" sizes=\"(max-width: 1206px) 100vw, 1206px\" \/><\/figure>\n\n\n\n<h3 id=\"h-footer\">Footer<\/h3>\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 actions:<\/p>\n\n\n\n<ol><li><strong>CMS Block<\/strong>: you can build your own website footer by selecting four custom CMS blocks. <\/li><li><strong>Show Logo<\/strong>: choose whether the store logo should be displayed in your AMP Theme One footer.<\/li><li><strong>Show Copyright<\/strong>: choose whether the copyright should be displayed in your AMP Theme One footer.<\/li><\/ol>\n<\/div><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" width=\"1206\" height=\"428\" src=\"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2025\/04\/magento-2-amp-extension-theme-one-configuration-10.png\" alt=\"magento 2 amp extension amp theme configuration 10.png\" class=\"wp-image-28303\" srcset=\"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2025\/04\/magento-2-amp-extension-theme-one-configuration-10.png 1206w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2025\/04\/magento-2-amp-extension-theme-one-configuration-10-300x106.png 300w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2025\/04\/magento-2-amp-extension-theme-one-configuration-10-1024x363.png 1024w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2025\/04\/magento-2-amp-extension-theme-one-configuration-10-768x273.png 768w\" sizes=\"(max-width: 1206px) 100vw, 1206px\" \/><\/figure>\n\n\n\n<h3 id=\"h-homepage\">Homepage<\/h3>\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 actions:<\/p>\n\n\n\n<ol><li><strong>CMS Page<\/strong>: select the CMS page that will be displayed in the AMP version of your AMP pages. If you choose to use Magento Homepage, the content will be automatically converted to the AMP format. Also, you can choose the AMP Theme One Homepage template that will display the content directly in the AMP format. <\/li><li>Click on the provided link to edit the selected CMS page. There, you can specify different content for AMP pages.<\/li><\/ol>\n<\/div><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" width=\"1206\" height=\"249\" src=\"\/docs\/wp-content\/uploads\/2021\/07\/magento-2-amp-extension-theme-one-configuration-11.png\" alt=\"magento 2 amp extension amp theme configuration 11.png\" class=\"wp-image-20501\" srcset=\"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/07\/magento-2-amp-extension-theme-one-configuration-11.png 1206w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/07\/magento-2-amp-extension-theme-one-configuration-11-300x62.png 300w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/07\/magento-2-amp-extension-theme-one-configuration-11-1024x211.png 1024w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/07\/magento-2-amp-extension-theme-one-configuration-11-768x159.png 768w\" sizes=\"(max-width: 1206px) 100vw, 1206px\" \/><\/figure>\n\n\n\n<h3 id=\"h-product-page\">Product Page<\/h3>\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 actions:<\/p>\n\n\n\n<ol><li><strong>Layout<\/strong>: please select the template for the Product Page layout.<\/li><\/ol>\n<\/div><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" width=\"1206\" height=\"502\" src=\"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/07\/magento-2-amp-extension-theme-one-configuration-12.1.png\" alt=\"magento 2 amp extension amp theme templates configuration 12.png\" class=\"wp-image-23028\" srcset=\"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/07\/magento-2-amp-extension-theme-one-configuration-12.1.png 1206w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/07\/magento-2-amp-extension-theme-one-configuration-12.1-300x125.png 300w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/07\/magento-2-amp-extension-theme-one-configuration-12.1-1024x426.png 1024w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/07\/magento-2-amp-extension-theme-one-configuration-12.1-768x320.png 768w\" sizes=\"(max-width: 1206px) 100vw, 1206px\" \/><\/figure>\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 actions:<\/p>\n\n\n\n<ol start=\"2\" id=\"template-1-short-information\"><li><strong>Short Information<\/strong>: select the template for product short information display. Please note that Template 1 should not be used whe <a href=\"#template-2-add-to-cart-button\">Template 2 for the Add to Cart Button option<\/a> is selected, as the two wishlist buttons will not work correctly.   <\/li><\/ol>\n<\/div><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" width=\"1206\" height=\"497\" src=\"\/docs\/wp-content\/uploads\/2021\/07\/magento-2-amp-extension-theme-one-configuration-13.png\" alt=\"magento 2 amp extension amp theme templates configuration 13.png\" class=\"wp-image-20503\" srcset=\"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/07\/magento-2-amp-extension-theme-one-configuration-13.png 1206w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/07\/magento-2-amp-extension-theme-one-configuration-13-300x124.png 300w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/07\/magento-2-amp-extension-theme-one-configuration-13-1024x422.png 1024w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/07\/magento-2-amp-extension-theme-one-configuration-13-768x316.png 768w\" sizes=\"(max-width: 1206px) 100vw, 1206px\" \/><\/figure>\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 actions:<\/p>\n\n\n\n<ol start=\"3\"><li><strong>Gallery<\/strong>: please choose the template for product gallery. Template 3 is the most lightweight and helps reach a higher Core Web Vitals score.<\/li><\/ol>\n<\/div><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" width=\"1206\" height=\"672\" src=\"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/07\/magento-2-amp-extension-theme-one-configuration-14.1.png\" alt=\"magento 2 amp extension amp theme templates configuration 14.png\" class=\"wp-image-23029\" srcset=\"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/07\/magento-2-amp-extension-theme-one-configuration-14.1.png 1206w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/07\/magento-2-amp-extension-theme-one-configuration-14.1-300x167.png 300w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/07\/magento-2-amp-extension-theme-one-configuration-14.1-1024x571.png 1024w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/07\/magento-2-amp-extension-theme-one-configuration-14.1-768x428.png 768w\" sizes=\"(max-width: 1206px) 100vw, 1206px\" \/><\/figure>\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 actions:<\/p>\n\n\n\n<ol start=\"4\"><li><strong>Options<\/strong>: please select the template for product custom options.<\/li><\/ol>\n<\/div><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" width=\"1206\" height=\"296\" src=\"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/07\/magento-2-amp-extension-theme-one-configuration-15.1.png\" alt=\"magento 2 amp extension amp theme templates configuration 15.png\" class=\"wp-image-23030\" srcset=\"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/07\/magento-2-amp-extension-theme-one-configuration-15.1.png 1206w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/07\/magento-2-amp-extension-theme-one-configuration-15.1-300x74.png 300w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/07\/magento-2-amp-extension-theme-one-configuration-15.1-1024x251.png 1024w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/07\/magento-2-amp-extension-theme-one-configuration-15.1-768x188.png 768w\" sizes=\"(max-width: 1206px) 100vw, 1206px\" \/><\/figure>\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 actions:<\/p>\n\n\n\n<ol start=\"5\" id=\"template-2-add-to-cart-button\"><li><strong>Add to Cart Button<\/strong>: select the template for Add to Cart button display. Please note that Template 2 should not be used with <a href=\"#template-1-short-information\">Template 1 for the Short Information<\/a> option, as the two wishlist buttons will not work correctly.<\/li><\/ol>\n<\/div><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" width=\"1206\" height=\"253\" src=\"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/07\/magento-2-amp-extension-theme-one-configuration-16.2.png\" alt=\"magento 2 amp extension amp theme templates configuration 16.png\" class=\"wp-image-23036\" srcset=\"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/07\/magento-2-amp-extension-theme-one-configuration-16.2.png 1206w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/07\/magento-2-amp-extension-theme-one-configuration-16.2-300x63.png 300w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/07\/magento-2-amp-extension-theme-one-configuration-16.2-1024x215.png 1024w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/07\/magento-2-amp-extension-theme-one-configuration-16.2-768x161.png 768w\" sizes=\"(max-width: 1206px) 100vw, 1206px\" \/><\/figure>\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 actions:<\/p>\n\n\n\n<ol start=\"6\"><li><strong>Details<\/strong>: please choose the template for the display of product details.<\/li><\/ol>\n<\/div><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" width=\"1206\" height=\"437\" src=\"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/07\/magento-2-amp-extension-theme-one-configuration-17.1.png\" alt=\"magento 2 amp extension amp theme templates configuration 17.png\" class=\"wp-image-23031\" srcset=\"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/07\/magento-2-amp-extension-theme-one-configuration-17.1.png 1206w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/07\/magento-2-amp-extension-theme-one-configuration-17.1-300x109.png 300w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/07\/magento-2-amp-extension-theme-one-configuration-17.1-1024x371.png 1024w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/07\/magento-2-amp-extension-theme-one-configuration-17.1-768x278.png 768w\" sizes=\"(max-width: 1206px) 100vw, 1206px\" \/><\/figure>\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 actions:<\/p>\n\n\n\n<ol start=\"7\"><li><strong>Social Share<\/strong>: please select the display of social share buttons on the AMP Theme One.<\/li><\/ol>\n<\/div><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" width=\"1206\" height=\"342\" src=\"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/07\/magento-2-amp-extension-theme-one-configuration-18.2.png\" alt=\"magento 2 amp extension amp theme configuration 18.png\" class=\"wp-image-23034\" srcset=\"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/07\/magento-2-amp-extension-theme-one-configuration-18.2.png 1206w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/07\/magento-2-amp-extension-theme-one-configuration-18.2-300x85.png 300w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/07\/magento-2-amp-extension-theme-one-configuration-18.2-1024x290.png 1024w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/07\/magento-2-amp-extension-theme-one-configuration-18.2-768x218.png 768w\" sizes=\"(max-width: 1206px) 100vw, 1206px\" \/><\/figure>\n\n\n\n<h3 id=\"h-category-page\">Category Page<\/h3>\n\n\n\n<h4 id=\"h-product-list\">Product List<\/h4>\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 actions:<\/p>\n\n\n\n<ol><li><strong>Layout<\/strong>: here, you can select the layout template of the product list display.<\/li><\/ol>\n<\/div><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" width=\"1206\" height=\"421\" src=\"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/07\/magento-2-amp-extension-theme-one-configuration-19.1.png\" alt=\"magento 2 amp extension amp theme configuration 19.png\" class=\"wp-image-23032\" srcset=\"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/07\/magento-2-amp-extension-theme-one-configuration-19.1.png 1206w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/07\/magento-2-amp-extension-theme-one-configuration-19.1-300x105.png 300w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/07\/magento-2-amp-extension-theme-one-configuration-19.1-1024x357.png 1024w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/07\/magento-2-amp-extension-theme-one-configuration-19.1-768x268.png 768w\" sizes=\"(max-width: 1206px) 100vw, 1206px\" \/><\/figure>\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 actions:<\/p>\n\n\n\n<ol start=\"2\"><li><strong>Pager<\/strong>: please select the pager template for the Magento AMP Theme One.<\/li><\/ol>\n<\/div><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" width=\"1206\" height=\"377\" src=\"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/07\/magento-2-amp-extension-theme-one-configuration-20.1.png\" alt=\"magento 2 amp extension amp theme configuration 20.png\" class=\"wp-image-23033\" srcset=\"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/07\/magento-2-amp-extension-theme-one-configuration-20.1.png 1206w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/07\/magento-2-amp-extension-theme-one-configuration-20.1-300x94.png 300w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/07\/magento-2-amp-extension-theme-one-configuration-20.1-1024x320.png 1024w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/07\/magento-2-amp-extension-theme-one-configuration-20.1-768x240.png 768w\" sizes=\"(max-width: 1206px) 100vw, 1206px\" \/><\/figure>\n\n\n\n<h4 id=\"h-toolbar\">Toolbar<\/h4>\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 actions:<\/p>\n\n\n\n<ol><li><strong>Template<\/strong>: please choose the display of the site toolbar.<\/li><\/ol>\n<\/div><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" width=\"1206\" height=\"438\" src=\"\/docs\/wp-content\/uploads\/2021\/07\/magento-2-amp-extension-theme-one-configuration-21.png\" alt=\"magento 2 amp extension amp theme configuration 21.png\" class=\"wp-image-20511\" srcset=\"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/07\/magento-2-amp-extension-theme-one-configuration-21.png 1206w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/07\/magento-2-amp-extension-theme-one-configuration-21-300x109.png 300w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/07\/magento-2-amp-extension-theme-one-configuration-21-1024x372.png 1024w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/07\/magento-2-amp-extension-theme-one-configuration-21-768x279.png 768w\" sizes=\"(max-width: 1206px) 100vw, 1206px\" \/><\/figure>\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 actions:<\/p>\n\n\n\n<ol start=\"2\"><li>You can customize the look of the toolbar by changing the colors of the background, text, and border.<\/li><li><strong>Border Size<\/strong>: specify the toolbar border size in pixels.<\/li><li><strong>Border Radius<\/strong>: select the border radius of the toolbar in pixels or percentages.<\/li><li><strong>Wrapper Background Color<\/strong>: you can change the background color of the toolbar wrapper.<\/li><\/ol>\n<\/div><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" width=\"1206\" height=\"637\" src=\"\/docs\/wp-content\/uploads\/2021\/07\/magento-2-amp-extension-theme-one-configuration-22-1.png\" alt=\"magento 2 amp extension amp theme configuration 22.png\" class=\"wp-image-20517\" srcset=\"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/07\/magento-2-amp-extension-theme-one-configuration-22-1.png 1206w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/07\/magento-2-amp-extension-theme-one-configuration-22-1-300x158.png 300w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/07\/magento-2-amp-extension-theme-one-configuration-22-1-1024x541.png 1024w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/07\/magento-2-amp-extension-theme-one-configuration-22-1-768x406.png 768w\" sizes=\"(max-width: 1206px) 100vw, 1206px\" \/><\/figure>\n\n\n\n<h3 id=\"h-review\">Review<\/h3>\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 actions:<\/p>\n\n\n\n<ol><li><strong>Rating Stars<\/strong>: you can select or change the template for the rating stars in the AMP Theme One.<\/li><\/ol>\n<\/div><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" width=\"1206\" height=\"317\" src=\"\/docs\/wp-content\/uploads\/2021\/07\/magento-2-amp-extension-theme-one-configuration-23.png\" alt=\"magento 2 amp extension amp theme configuration templates 23.png\" class=\"wp-image-20513\" srcset=\"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/07\/magento-2-amp-extension-theme-one-configuration-23.png 1206w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/07\/magento-2-amp-extension-theme-one-configuration-23-300x79.png 300w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/07\/magento-2-amp-extension-theme-one-configuration-23-1024x269.png 1024w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/07\/magento-2-amp-extension-theme-one-configuration-23-768x202.png 768w\" sizes=\"(max-width: 1206px) 100vw, 1206px\" \/><\/figure>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>In this article, you will learn how to configure Magento 2 AMP v3 Extension. Please check the guide below in order to configure it properly. Configuring Magento 2 AMP Extension Go to the Plumrocket tab in the main Magento menu -&gt; navigate to AMP -&gt; select Configuration. General Main Settings Enable AMP On Product Page &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/plumrocket.com\/docs\/magento-amp\/v3\/configuration\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Magento 2 AMP v3.x Configuration&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"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":[103],"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 Configure Magento 2  AMP Extension v3.x Magento 2 AMP v3.x Configuration - Plumrocket Documentation<\/title>\n<meta name=\"description\" content=\"Configuring Magento 2 AMP Extension v3.x. Learn how to create fast and lightweight pages for mobile devices that score 90+ in Core Web Vitals metrics.\" \/>\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\/configuration\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Magento 2 AMP v3.x Configuration\" \/>\n<meta property=\"og:description\" content=\"Configuring Magento 2 AMP Extension v3.x. Learn how to create fast and lightweight pages for mobile devices that score 90+ in Core Web Vitals metrics.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/plumrocket.com\/docs\/magento-amp\/v3\/configuration\" \/>\n<meta property=\"og:site_name\" content=\"Plumrocket Documentation\" \/>\n<meta property=\"article:published_time\" content=\"2021-06-23T13:44:17+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-04-29T16:24:12+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2025\/04\/magento-2-amp-extension-configurations-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=\"16 minutes\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"How to Configure Magento 2  AMP Extension v3.x Magento 2 AMP v3.x Configuration - Plumrocket Documentation","description":"Configuring Magento 2 AMP Extension v3.x. Learn how to create fast and lightweight pages for mobile devices that score 90+ in Core Web Vitals metrics.","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\/configuration","og_locale":"en_US","og_type":"article","og_title":"Magento 2 AMP v3.x Configuration","og_description":"Configuring Magento 2 AMP Extension v3.x. Learn how to create fast and lightweight pages for mobile devices that score 90+ in Core Web Vitals metrics.","og_url":"https:\/\/plumrocket.com\/docs\/magento-amp\/v3\/configuration","og_site_name":"Plumrocket Documentation","article_published_time":"2021-06-23T13:44:17+00:00","article_modified_time":"2025-04-29T16:24:12+00:00","og_image":[{"url":"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2025\/04\/magento-2-amp-extension-configurations-1.png"}],"twitter_card":"summary_large_image","twitter_misc":{"Written by":"Plumrocket","Est. reading time":"16 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\/configuration#primaryimage","inLanguage":"en-US","url":"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2025\/04\/magento-2-amp-extension-configurations-1.png","contentUrl":"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2025\/04\/magento-2-amp-extension-configurations-1.png","width":1206,"height":597},{"@type":"WebPage","@id":"https:\/\/plumrocket.com\/docs\/magento-amp\/v3\/configuration#webpage","url":"https:\/\/plumrocket.com\/docs\/magento-amp\/v3\/configuration","name":"Magento 2 AMP v3.x Configuration - Plumrocket Documentation","isPartOf":{"@id":"https:\/\/plumrocket.com\/docs\/#website"},"primaryImageOfPage":{"@id":"https:\/\/plumrocket.com\/docs\/magento-amp\/v3\/configuration#primaryimage"},"datePublished":"2021-06-23T13:44:17+00:00","dateModified":"2025-04-29T16:24:12+00:00","author":{"@id":"https:\/\/plumrocket.com\/docs\/#\/schema\/person\/38b360639b934d6c984ee4f3ffce7d20"},"description":"Configuring Magento 2 AMP Extension v3.x. Learn how to create fast and lightweight pages for mobile devices that score 90+ in Core Web Vitals metrics.","breadcrumb":{"@id":"https:\/\/plumrocket.com\/docs\/magento-amp\/v3\/configuration#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/plumrocket.com\/docs\/magento-amp\/v3\/configuration"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/plumrocket.com\/docs\/magento-amp\/v3\/configuration#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":"Configuration"}]},{"@type":"Person","@id":"https:\/\/plumrocket.com\/docs\/#\/schema\/person\/38b360639b934d6c984ee4f3ffce7d20","name":"Plumrocket","image":{"@type":"ImageObject","@id":"https:\/\/plumrocket.com\/docs\/#personlogo","inLanguage":"en-US","url":"https:\/\/secure.gravatar.com\/avatar\/72392a92ae750c66560be284502b6676?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/72392a92ae750c66560be284502b6676?s=96&d=mm&r=g","caption":"Plumrocket"},"sameAs":["https:\/\/plumrocket.com\/docs"]}]}},"_links":{"self":[{"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/posts\/19194"}],"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\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/comments?post=19194"}],"version-history":[{"count":19,"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/posts\/19194\/revisions"}],"predecessor-version":[{"id":28313,"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/posts\/19194\/revisions\/28313"}],"wp:attachment":[{"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/media?parent=19194"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/categories?post=19194"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/tags?post=19194"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}