{"id":23664,"date":"2021-08-13T10:12:36","date_gmt":"2021-08-13T14:12:36","guid":{"rendered":"https:\/\/plumrocket.com\/docs\/?p=23664"},"modified":"2021-10-04T04:09:01","modified_gmt":"2021-10-04T08:09:01","slug":"how-to-get-started-with-magento-2-amp-extension","status":"publish","type":"post","link":"https:\/\/plumrocket.com\/docs\/magento-amp\/v3\/getting-started","title":{"rendered":"How to Get Started With Magento 2 AMP Extension"},"content":{"rendered":"\n<p>This article provides you with steps you should take after purchasing the <a href=\"\/magento-amp\">Magento 2 AMP plugin<\/a> v3.x from Plumrocket.  <\/p>\n\n\n\n<h2 id=\"h-step-1-install-the-extension\">Step 1. Install the Extension<\/h2>\n\n\n\n<p>First, <a href=\"\/docs\/magento-amp\/v3\/installation\">install<\/a> or <a href=\"\/docs\/magento-amp\/v3\/upgrading\">upgrade<\/a> the Magento 2 AMP extension. We recommend using Composer as this method is faster and easier.<\/p>\n\n\n\n<h2 id=\"h-step-2-enable-the-extension\">Step 2. Enable the Extension<\/h2>\n\n\n\n<p>Start by <a href=\"\/docs\/magento-amp\/v3\/configuration#main-settings\">enabling the extension in Sandbox mode<\/a> (especially if the extension is installed on your live site). This mode allows you to prevent AMP pages from crawling &amp; indexing by Google Bots and hide them from visitors. The sandbox mode is recommended for creating and testing AMP pages until they are valid.<\/p>\n\n\n\n<p>When using Sandbox mode, you also need to disable the <a href=\"\/docs\/magento-amp\/v3\/configuration#force-amp-on-mobile-devices\">Force AMP On Mobile Devices option<\/a> to avoid displaying invalid AMP pages to customers.<\/p>\n\n\n\n<h2 id=\"h-step-3-configure-the-extension\">Step 3. Configure the Extension<\/h2>\n\n\n\n<p>First of all, set the <a href=\"\/docs\/magento-amp\/v3\/configuration#main-settings\">AMP URL Style<\/a> of your choice in sandbox mode because changing URL style after your AMP pages are live and cached by Google CDN may result in Google Console errors.<\/p>\n\n\n\n<p>Next, <a href=\"\/docs\/magento-amp\/v3\/configuration#enable-amp-on\">choose pages<\/a> where you want to enable AMP. It is better to start with several types of pages (e.g. product and category pages) and then gradually roll out AMP on the rest of your website. You can even enable the AMP for just one single page (e.g. specific product page URL: www.example.com\/my-test-product.html).<\/p>\n\n\n\n<p>Finally, set up the <a href=\"\/docs\/magento-amp\/v3\/integrations\">AMP integrations<\/a> you are currently using on the non-AMP version of the website.<\/p>\n\n\n\n<h2 id=\"h-step-4-set-up-amp-theme-design\">Step 4. Set up AMP Theme Design<\/h2>\n\n\n\n<p>At this point, you can start <a href=\"\/docs\/magento-amp\/v3\/configuration#configuring-amp-theme-one\">configuring AMP Theme One<\/a>. This default AMP theme contains various templates and design settings to make your AMP pages look beautiful and similar to your regular Magento theme.<\/p>\n\n\n\n<h2 id=\"h-step-5-personalize-cms-content\">Step 5. Personalize CMS Content<\/h2>\n\n\n\n<p>Along with the AMP theme, you get a demo homepage and sample cms blocks for header, footer, and menu. Use detailed <a href=\"\/docs\/magento-amp\/v3\/userguides\">how-to guides<\/a> to customize provided CMS widgets, pages, and blocks.<\/p>\n\n\n\n<h2 id=\"h-step-6-customize-amp-theme\">Step 6. Customize AMP Theme<\/h2>\n\n\n\n<p>If you want to customize the AMP theme more than you can configure from the backend, you may refer to our <a href=\"\/docs\/magento-amp\/v3\/devguide\">Developer Guide<\/a>. You can ask your own development team to check the <a href=\"https:\/\/amp.dev\/documentation\/guides-and-tutorials\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">official AMP documentation<\/a> and customize the AMP theme. Additionally, our <a href=\"\/magento-amp-development\">professional AMP developers<\/a> are always ready to help you with customizations of any difficulty. Don&#8217;t hesitate to contact us for a <a href=\"\/magento-amp-development\">free amp customization estimate<\/a>.<\/p>\n\n\n\n<h2 id=\"h-step-7-validate-amp-pages\">Step 7. Validate AMP Pages<\/h2>\n\n\n\n<p>If all the configurations are done, use our guide to <a href=\"\/docs\/magento-amp\/v3\/userguides\/validation\">validate your AMP pages<\/a> and <a href=\"\/docs\/magento-amp\/v3\/userguides\/test-in-google-cache\">test AMP pages in Google AMP Cache<\/a>. In case of any errors, please make sure to check the Indexing Issues in the <a href=\"\/docs\/magento-amp\/v3\/troubleshooting\">troubleshooting<\/a> section. Please do not switch the AMP extension to production mode (see the next step) if you see any AMP validation errors.<\/p>\n\n\n\n<h2 id=\"h-step-8-go-live\">Step 8. Go Live<\/h2>\n\n\n\n<p>Once all AMP pages are valid, switch the AMP Extension to <a href=\"\/docs\/magento-amp\/v3\/configuration#main-settings\">Production mode<\/a> and wait for Google to index your pages. It usually takes a couple of days or weeks. You can also <a href=\"\/docs\/magento-amp\/v3\/userguides\/manual-crawl-request\">manually request Google to re-index your AMP pages<\/a>. Remember to <a href=\"\/docs\/magento-amp\/v3\/userguides\/google-search-console\">keep your AMP pages valid<\/a> in the future, especially when frequently changing pages&#8217; content. <\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<p>This article provides basic guidelines for setting up AMP from its installation to production. Do not hesitate to <a href=\"\/contacts\" rel=\"nofollow\">contact us<\/a> if you have any questions, or consider using our <a href=\"\/magento-amp-development\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">AMP Development Service<\/a>. <\/p>\n","protected":false},"excerpt":{"rendered":"<p>This article provides you with steps you should take after purchasing the Magento 2 AMP plugin v3.x from Plumrocket. Step 1. Install the Extension First, install or upgrade the Magento 2 AMP extension. We recommend using Composer as this method is faster and easier. Step 2. Enable the Extension Start by enabling the extension in &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/plumrocket.com\/docs\/magento-amp\/v3\/getting-started\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;How to Get Started With Magento 2 AMP Extension&#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":[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 Get Started With Magento 2 AMP Extension - Plumrocket Documentation<\/title>\n<meta name=\"description\" content=\"This article provides you with steps you should take after purchasing the Magento 2 AMP plugin v3.x from Plumrocket. Step 1. Install the Extension First,\" \/>\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\/getting-started\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Get Started With Magento 2 AMP Extension\" \/>\n<meta property=\"og:description\" content=\"This article provides you with steps you should take after purchasing the Magento 2 AMP plugin v3.x from Plumrocket. Step 1. Install the Extension First,\" \/>\n<meta property=\"og:url\" content=\"https:\/\/plumrocket.com\/docs\/magento-amp\/v3\/getting-started\" \/>\n<meta property=\"og:site_name\" content=\"Plumrocket Documentation\" \/>\n<meta property=\"article:published_time\" content=\"2021-08-13T14:12:36+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-10-04T08:09:01+00:00\" \/>\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 Get Started With Magento 2 AMP Extension - Plumrocket Documentation","description":"This article provides you with steps you should take after purchasing the Magento 2 AMP plugin v3.x from Plumrocket. Step 1. Install the Extension First,","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\/getting-started","og_locale":"en_US","og_type":"article","og_title":"How to Get Started With Magento 2 AMP Extension","og_description":"This article provides you with steps you should take after purchasing the Magento 2 AMP plugin v3.x from Plumrocket. Step 1. Install the Extension First,","og_url":"https:\/\/plumrocket.com\/docs\/magento-amp\/v3\/getting-started","og_site_name":"Plumrocket Documentation","article_published_time":"2021-08-13T14:12:36+00:00","article_modified_time":"2021-10-04T08:09:01+00:00","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":"WebPage","@id":"https:\/\/plumrocket.com\/docs\/magento-amp\/v3\/getting-started#webpage","url":"https:\/\/plumrocket.com\/docs\/magento-amp\/v3\/getting-started","name":"How to Get Started With Magento 2 AMP Extension - Plumrocket Documentation","isPartOf":{"@id":"https:\/\/plumrocket.com\/docs\/#website"},"datePublished":"2021-08-13T14:12:36+00:00","dateModified":"2021-10-04T08:09:01+00:00","author":{"@id":"https:\/\/plumrocket.com\/docs\/#\/schema\/person\/c96fccdb89342ae6804272265723eca8"},"description":"This article provides you with steps you should take after purchasing the Magento 2 AMP plugin v3.x from Plumrocket. Step 1. Install the Extension First,","breadcrumb":{"@id":"https:\/\/plumrocket.com\/docs\/magento-amp\/v3\/getting-started#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/plumrocket.com\/docs\/magento-amp\/v3\/getting-started"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/plumrocket.com\/docs\/magento-amp\/v3\/getting-started#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 Get Started With Magento 2 AMP Extension"}]},{"@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\/23664"}],"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=23664"}],"version-history":[{"count":16,"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/posts\/23664\/revisions"}],"predecessor-version":[{"id":24817,"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/posts\/23664\/revisions\/24817"}],"wp:attachment":[{"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/media?parent=23664"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/categories?post=23664"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/tags?post=23664"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}