{"id":576,"date":"2016-10-23T17:00:54","date_gmt":"2016-10-23T17:00:54","guid":{"rendered":"https:\/\/ampforwp.com\/?p=576"},"modified":"2019-03-22T07:10:59","modified_gmt":"2019-03-22T07:10:59","slug":"guide-e-commerce-amp","status":"publish","type":"ht_kb","link":"https:\/\/ampforwp.com\/tutorials\/article\/guide-e-commerce-amp\/","title":{"rendered":"Guide to E-Commerce for AMP"},"content":{"rendered":"<h2>Why AMP?<\/h2>\n<p style=\"text-align: justify;\">The majority of people browsing the internet on mobile, in 2G or sometimes&nbsp;3G. Google came up with a great&nbsp;initiative called Accelerated Mobile Pages (AMP), It is innovated to solve the biggest problem of the mobile web &#8211; <strong>Speed<\/strong>. AMP is the perfect answer to the&nbsp;horrifically slow mobile web. when the web page loads quickly, the mobile user will view more web pages on that site, Hence Decrease in Bounce Rate. When Bounce Rate reduced and it improves the on-site user experience. So, AMP is designed to take user mobile experience to next level.&nbsp;There are few Key factors that need to be considered Why Blogger or Webmaster should be using Accelerated Mobile Pages.<\/p>\n<p style=\"text-align: center;\"><strong>Faster mobile pages + Readable content = Better User Experience<\/strong><\/p>\n<ul>\n<li>Essential for good mobile SEO.<\/li>\n<li>Will reduce Website bounce rate.<\/li>\n<li>Makes Pages load faster.<\/li>\n<li>Improves Search Engine Ranking.<\/li>\n<li>Easy User Tracking.<\/li>\n<li>Most Recommended by Google, Loved by Google.<\/li>\n<li>Designed to be heavily cached.<\/li>\n<li>Special appearance in Search Engines ( With large Image Thumbnails)<\/li>\n<li>Mobile friendly UI<\/li>\n<li>Improved click-through-rate<\/li>\n<\/ul>\n<h2>&nbsp;<img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-470\" src=\"https:\/\/ampforwp.com\/wp-content\/uploads\/2016\/10\/accelerated-mobile-pages-1.gif\" alt=\"accelerated-mobile-pages\" width=\"199\" height=\"355\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-593\" src=\"https:\/\/ampforwp.com\/wp-content\/uploads\/2016\/10\/blog3.gif\" alt=\"AMP Loading Time\" width=\"420\" height=\"375\"><\/h2>\n<h2>ECommerce for AMP<\/h2>\n<p style=\"text-align: justify;\">Google has built Accelerated&nbsp;Moble pages (AMP) to be great at handling news and blogs. Amp allows any blogger or webmaster to create high performing websites on any platform. However, the ambition of AMP is to make the mobile experience better and faster.&nbsp;Many people are thinking AMP is only for news and blogging websites only, but AMP is also best suitable for E-Commerce Websites . Google Said &#8221;&nbsp;<strong>AMP is a natural fit for e-commerce because AMP makes web pages fast, and fast pages help with purchase conversions.<\/strong> &#8220;<\/p>\n<p style=\"text-align: justify;\">Based on the KISSmetrics.com says that an E-Commerce website which makes $100,000 per day, &nbsp;could potentially <strong>lose $2.5 million in sales every year if a page has a delay of just 1 second!<\/strong><\/p>\n<p style=\"text-align: justify;\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-large wp-image-490\" src=\"https:\/\/ampforwp.com\/wp-content\/uploads\/2016\/10\/loading-time-lrg-866x1024.jpg\" alt=\"AMP Loading time\" width=\"866\" height=\"1024\"><\/p>\n<h2 style=\"text-align: justify;\">EBay leverages Google\u2019s AMP for faster Mobile Shopping<\/h2>\n<p style=\"text-align: justify;\">E-commerce company eBay has announced that it has started open source Accelerated Mobile Pages (AMP) technology for more quickly displaying web pages on end users\u2019 mobile devices.<\/p>\n<p style=\"text-align: justify;\">EBAY is the first E-Commerce website to&nbsp;start&nbsp;using the Google Open Source Accelerated Mobile Pages (AMP) Technology for more mobile friendly and quickly displaying web pages in mobiles. Around 15 Million Ebay web pages are AMP&#8217;ed and Live now.<\/p>\n<p style=\"text-align: justify;\">\u201cThe&nbsp;AMP&nbsp;project was announced around the same time we started the initial brainstorming for a browse. It seemed to resonate a lot with our own thinking on how we wanted to render the new experience&#8221; Said Senthil Padmanabhan (eBay principal web engineer).<\/p>\n<p style=\"text-align: justify;\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-591\" src=\"https:\/\/ampforwp.com\/wp-content\/uploads\/2016\/10\/5b77ece5dbfae57cbd21b8d0839e1172.jpg\" alt=\"AMP WooCommerce\" width=\"714\" height=\"464\"><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">In today\u2019s consumer-centric and tech lead world, it is important to provide faster access to web pages. For online retailers especially it is extremely important &nbsp;to provide better browsing services besides the quality products, so as to retain customers. So, Ebay has decided to use AMP pages on the similar lines.<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">Initially, AMP was targeted mainly towards publishers, eBay is the first to try out AMP for e-commerce purpose. Senthil Padmanabhan, principal engineer at eBay said that the pages which implement AMP on eBay\u2019s mobile site are SEO focused pages. Thereby having AMP helps customers who come to eBay indirectly, such as from Google or Twitter.<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">He further elaborated that the main intention behind using AMP for eBay\u2019s mobile site as to avoid the traffic and provide customers an instant access to the information they are looking for.<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">In terms of content, there would be no much difference between an AMP and non-AMP product browse page, says Padmanabhan. \u201cWe do not have the search box in the AMP header; other than that, the look and feel should pretty much be the same,\u201d he says.<\/span><\/p>\n<p style=\"text-align: justify;\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-large wp-image-588\" src=\"https:\/\/ampforwp.com\/wp-content\/uploads\/2016\/10\/AMP-Version-1024x855.png\" alt=\"AMP WooCommerce\" width=\"1024\" height=\"855\"><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">In terms of coding, there is just a difference of 15% between AMP and non-AMP page. One of eBay\u2019s 2016 goals was to improve its browsing, so the timing of AMP\u2019s debut fit well, he says. Building pages for AMP added a few weeks to the work eBay already had planned, Padmanabhan says.<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">Similarly, eBay&#8217;s Padmanabhan shares that he is uncertain if redesigning to Accelerated Mobile Pages will mean more portable deals. Nevertheless, eBay by using AMP on its mobile site is trying to draw in more users by a way of providing quick access and better browsing facilities.<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">By adopting AMP pages eBay is believed to reach its goal of having more satisfied clients. Such an investment towards an enhance user experience is ought to show results in terms of returns and higher revenues over the long term, if not immediately.<\/span><\/p>\n<h2 id=\"7\">How E-Commerce can profit from AMP<\/h2>\n<ul>\n<li>AMP Pages are 4x faster.<\/li>\n<li>Consumes 10x fewer data when compared to Non-AMP pages.<\/li>\n<li>AMP pages loads in less than 1 second.<\/li>\n<li>90% of publishers experience high CTRs and high viewability rate.<\/li>\n<\/ul>\n<h2>How to enable ECommerce for AMP for WP<\/h2>\n<p>Walk through the below steps to enable AMP WooCommerce for your website<\/p>\n<ul>\n<li>Login to WordPress <strong>Admin panel<\/strong> \u2013&gt; <strong>Plugins<\/strong> \u2013&gt; <strong>Add New<\/strong> \u2013&gt; Search for \u201c<strong>AMP WooCommerce\u201d&nbsp;<\/strong>(By Mohammed Kaludi)<strong>&nbsp;<\/strong>\u2013&gt; Click <strong>Install<\/strong> \u2013&gt; Click <strong>Activate.<\/strong><\/li>\n<\/ul>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-large wp-image-577\" src=\"https:\/\/ampforwp.com\/wp-content\/uploads\/2016\/10\/android_n_2a-1024x704.png\" alt=\"AMP For WooCommerce\" width=\"1024\" height=\"704\"><\/p>\n<ul>\n<li>AMP WooCommerce Plugin requires default <strong>AMP plugin<\/strong>, Go to <strong>Plugins<\/strong> &#8211;&gt; <strong>Add New<\/strong> &#8211;&gt; Search for &#8220;<strong>AMP&#8221; <\/strong>(By Automatic) &#8211;&gt;&nbsp; Click <strong>Install<\/strong> \u2013&gt; Click <strong>Activate.<\/strong><\/li>\n<\/ul>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-large wp-image-578\" src=\"https:\/\/ampforwp.com\/wp-content\/uploads\/2016\/10\/Add-Plugins-\u2039-Just-another-WordPress-site-\u2014-WordPress-Google-Chrome-2016-10-22-19.38.47-1024x667.png\" alt=\"AMP for Woocommerce\" width=\"1024\" height=\"667\"><\/p>\n<p>Now let us see how website loads and looks after activating the plugin.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-603\" src=\"https:\/\/ampforwp.com\/wp-content\/uploads\/2016\/10\/AMP-for-WooCommerce.gif\" alt=\"amp-for-woocommerce\" width=\"371\" height=\"660\"><\/p>\n<h2>Conclusion<\/h2>\n<p style=\"text-align: justify;\">Faster loading time, high CTRs, Mobile friendly: AMP sounds like interesting and must have. Google loves to see AMP on your E-Commerce Site. This is the great opportunity to provide the better user experience. AMP is relatively simple to implement. There are many features on the way to bring better user experience.<\/p>\n<div id=\"div-1\" class=\"hkb-feedback\">\n\t\t\t<strong class=\"ht-mobile-exit__title\">Ask your Questions Directly!<\/strong><br>\n\t\t\t<div class=\"hkb_widget_exit__content\" style=\"font-size: 14px;\">If you can't find the solutions in this article, then just ask us in the comments and we will answer it for you!<\/div>\n\t\t\t<a href=\"https:\/\/ampforwp.com\/support\/#contact\" id=\"button\" target=\"_blank\" rel=\"noopener noreferrer\"><button>Yes, I have a Question<\/button><\/a>\n\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Why AMP? The majority of people browsing the internet on mobile, in 2G or sometimes&nbsp;3G. Google came up with a great&nbsp;initiative called Accelerated Mobile Pages (AMP), It is innovated to solve the biggest problem of the mobile web &#8211; Speed. AMP is the perfect answer to the&nbsp;horrifically slow mobile web&#8230;.<\/p>\n","protected":false},"author":1,"comment_status":"open","ping_status":"open","template":"","format":"standard","meta":[],"ht-kb-category":[84],"ht-kb-tag":[78],"_links":{"self":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/576"}],"collection":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/comments?post=576"}],"version-history":[{"count":2,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/576\/revisions"}],"predecessor-version":[{"id":5049,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/576\/revisions\/5049"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/"}],"wp:attachment":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/media?parent=576"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb-category?post=576"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb-tag?post=576"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}