{"id":61260,"date":"2016-10-06T12:55:33","date_gmt":"2016-10-06T12:55:33","guid":{"rendered":"http:\/\/webkul.com\/blog\/?p=61260"},"modified":"2025-01-23T09:47:04","modified_gmt":"2025-01-23T09:47:04","slug":"opencart-accelerated-mobile-pages","status":"publish","type":"post","link":"https:\/\/webkul.com\/blog\/opencart-accelerated-mobile-pages\/","title":{"rendered":"Opencart Accelerated Mobile Pages"},"content":{"rendered":"<p>The OpenCart Accelerated Mobile Pages(AMP) is a way by which developers can create mobile-optimized content once and have it load instantly everywhere.<\/p>\n<p style=\"text-align: left;\">In today&#8217;s\u00a0era smartphones and tablets have revolutionized the way we access information over the internet.<\/p>\n<p style=\"text-align: justify;\">Webstore owners are trying every bit to reach to maximum\u00a0users but every time a webpage takes too long to load, they lose a user and with it the opportunity to generate more revenue.<\/p>\n<p style=\"text-align: justify;\">OpenCart Accelerated Mobile Pages aims to dramatically improve the performance of the mobile web by decreasing the webpage loading time and hence keeping the user intact to the website.<\/p>\n<p style=\"text-align: justify;\">Using AMP, the web pages\u00a0load instantaneously\u00a0across multiple platforms and devices so that content can appear everywhere in an instant, no matter what type of phone, tablet or mobile device user is\u00a0using.<\/p>\n<p style=\"text-align: justify;\">AMP relies on AMP HTML, a new open framework built entirely out of existing web technologies, which allows websites to build light-weight webpages.<\/p>\n<p style=\"text-align: justify;\">Using AMP for web pages\u00a0will not only load that webpage\u00a0faster but it will also give a higher ranking to that webpage in the Google result list.<\/p>\n<p style=\"text-align: justify;\">All the pages that are accelerated mobile pages will have a small thunder icon on the google list, as shown in the screenshot below.<\/p>\n<p style=\"text-align: justify;\">Another great benefit of using AMP for your website is that, even when the data connection of the user is slow, the AMP web pages will load faster irrespective of the connection speed.<\/p>\n<div class=\"para-images\">\n<div>\n<p><img decoding=\"async\" class=\"alignnone wp-image-175971 size-large\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/google-amp-576x1024.png\" alt=\"OpenCart Accelerated Mobile Pages google-amp\" width=\"576\" height=\"1024\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/google-amp-576x1024.png 576w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/google-amp-140x249.png 140w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/google-amp-169x300.png 169w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/google-amp.png 720w\" sizes=\"(max-width: 576px) 100vw, 576px\" loading=\"lazy\" \/><\/p>\n<h4>Introduction<\/h4>\n<\/div>\n<\/div>\n<p style=\"text-align: justify;\">In the Opencart Accelerated Mobile Pages (AMP) module, we have introduced this awesome feature by implementing Accelerated Mobile Page for the Home page, Category page, Product page, Cart Page, Checkout Page, Registration page, Login page, Forget password page, and other CMS pages-About Us, Delivery Information, Privacy Policy, Terms, and Conditions, Return Policy, Site, Special Offers, Brand\/ Manufacturer Pages, Logout Page, and Contact Us.<\/p>\n<p style=\"text-align: justify;\">So if these pages load up instantly without any delay then surely it will keep the user interested in the webstore.<\/p>\n<p style=\"text-align: justify;\">This will be super beneficial to store owners, as the more time a user spends on your webstore, the more will be the chances of a user purchasing some goods.<\/p>\n<p><strong>Note: Opencart\u00a0 Accelerated Mobile Pages module supports the Multi-Store feature of default Opencart.<\/strong><\/p>\n<p>Check the overview of the plugin in the video below \u2013<\/p>\n<div class=\"wp-block-wk-block-youtube-video wk-block--yt-video wk-block-yt-classic components-placeholder\">\n<div class=\"wk-block--yt-video-frame\">\n<div class=\"wk-block--yt-video-frame-request\" data-plyr-provider=\"youtube\" data-plyr-embed-id=\"1b81Ue_15_4\">\n<div class=\"components-placeholder__instructions\">1b81Ue_15_4<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<p>Check a brief overview of the backend configuration of the OpenCart AMP plugin &#8211;<\/p>\n<div class=\"wp-block-wk-block-youtube-video wk-block--yt-video wk-block-yt-classic components-placeholder\">\n<div class=\"wk-block--yt-video-frame\">\n<div class=\"wk-block--yt-video-frame-request\" data-plyr-provider=\"youtube\" data-plyr-embed-id=\"TLbQ1YXSrd8\">\n<div class=\"components-placeholder__instructions\">TLbQ1YXSrd8<\/div>\n<\/div>\n<\/div>\n<\/div>\n<h3 class=\"panel-title\">Features &#8211; OpenCart Accelerated Mobile Pages<\/h3>\n<\/div>\n<div class=\"panel-body\">\n<ul>\n<li>Admin can customize color themes for AMP pages.<\/li>\n<li>Sharing of products on various social media platforms.<\/li>\n<li><span style=\"font-weight: 400;\">The module support multiple levels of categories.<\/span><\/li>\n<li>Home Page Image Slider.<\/li>\n<li>Display the footer links on the AMP page.<\/li>\n<li>Also, display the Related products on the AMP page.<\/li>\n<li>Set the Side Bar color.<\/li>\n<li>Enable\/Disable the various Background color.<\/li>\n<li>Also, Enable\/Disable the Background expanded color.<\/li>\n<li>Faster loading page for mobile users.<\/li>\n<li>Improved search engine ranking.<\/li>\n<li>Increase visibility.<\/li>\n<li>Better user experience.<\/li>\n<li>Less bounce rate.<\/li>\n<li>An increase in sales conversions.<\/li>\n<li>The admin can set a cronjob for fetching CDN URL for their website.<\/li>\n<li>Admin can configure this module for different stores.<\/li>\n<li>Also, the customer can register, guest checkout and also can log in at the checkout page of the amp.<\/li>\n<li>The customers are able to view and add the products to the cart and process for the complete checkout with the amp.<\/li>\n<li>The login, affiliate login, registration, and forget password sections are amp enabled.<\/li>\n<li>The admin can enter the google analytics ID from the admin panel for the analytic purpose.<\/li>\n<li>Also, the admin can manage the PWAs from the admin panel easily.<\/li>\n<li>New AMP pages for Order history, Wishlist, and Newsletter sections.<\/li>\n<li>Also support AMP pages for Special Offers, Brand\/ Manufacturer Pages, Logout Page.<\/li>\n<li>The users can now add the PWAs to their home screen from the AMP pages.<\/li>\n<li>Also, the users can access the PWAs in offline mode too.<\/li>\n<li>The admin can set the Grid or List view for frontend products.<\/li>\n<li>Admin can enter the image resolution in Width and Height of Product Image List Size.<\/li>\n<li>Product tax information is displayed on the frontend.<\/li>\n<\/ul>\n<p><strong>Note-<\/strong> The Module support Simple Products and Products with Options Only.<\/p>\n<\/div>\n<\/div>\n<div class=\"panel panel-success\">\n<div class=\"panel-heading\">\n<div>\n<h3 class=\"panel-title\">Installation &#8211; OpenCart Accelerated Mobile Pages<\/h3>\n<\/div>\n<\/div>\n<div class=\"panel-body\">\n<p>Installation of the Opencart Accelerated Mobile Pages module is very simple.\u00a0After you unzip the downloaded zip file. You need to select the folder according to your opencart version. And then in your selected folder, you will find\u00a0<strong>admin, catalog, image<\/strong>\u00a0and <strong>ocmod<\/strong> folders. You just need to move\u00a0<strong>admin<\/strong>,\u00a0<strong>catalog <\/strong>and<strong> image<\/strong> folders into the root directory of your opencart website.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-266272\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/ftp-image.png\" alt=\"OpenCart Accelerated Mobile Pages\" width=\"800\" height=\"290\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/ftp-image.png 1135w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/ftp-image-300x109.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/ftp-image-250x91.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/ftp-image-768x278.png 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" loading=\"lazy\" \/><\/p>\n<h4>Upload File- OpenCart Accelerated Mobile Pages<\/h4>\n<p>Now, navigate to\u00a0<strong>Extensions&gt;Extension Installer<\/strong>. Click the\u00a0<strong>Upload<\/strong>\u00a0button and browse the\u00a0<strong>XML file<\/strong>, this file is in the\u00a0<strong>ocmod<\/strong>\u00a0folder. Please select the correct ocmod folder according to Opencart version installed on your system.<\/p>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/Extension-Installer-3.png\"><img decoding=\"async\" class=\"aligncenter wp-image-150102\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/Extension-Installer-3.png\" alt=\"OpenCart Accelerated Mobile Pages extension_installer\" width=\"880\" height=\"399\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/Extension-Installer-3.png 1286w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/Extension-Installer-3-250x113.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/Extension-Installer-3-300x136.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/Extension-Installer-3-768x348.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/Extension-Installer-3-1200x544.png 1200w\" sizes=\"(max-width: 880px) 100vw, 880px\" loading=\"lazy\" \/><\/a><\/p>\n<p>After uploading the file navigate to\u00a0<strong>Extensions<\/strong>&gt;<strong>Modification<\/strong> and click on <strong>Refresh <\/strong>button<strong>.<\/strong><\/p>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/Modifications.png\"><img decoding=\"async\" class=\"aligncenter wp-image-150100\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/Modifications.png\" alt=\"OpenCart Accelerated Mobile Pages Modifucations\" width=\"880\" height=\"432\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/Modifications.png 1286w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/Modifications-250x123.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/Modifications-300x147.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/Modifications-768x377.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/Modifications-1200x590.png 1200w\" sizes=\"(max-width: 880px) 100vw, 880px\" loading=\"lazy\" \/><\/a><\/p>\n<h4>Edit Administration- OpenCart Accelerated Mobile Pages<\/h4>\n<p>Also, after that, in Admin panel go to <strong>System<\/strong>-&gt;<strong>Users<\/strong>-&gt;<strong>User Groups<\/strong> and edit \u2018<strong>Administrator<\/strong>\u2019 and choose to <strong>select all<\/strong> for both\u00a0<strong>Access<\/strong> and <strong>Modify<\/strong> <strong>Permission<\/strong> and save it.<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-176018\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/usergroup3.png\" alt=\"OpenCart Accelerated Mobile Pages usergroup3\" width=\"880\" height=\"530\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/usergroup3.png 1346w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/usergroup3-250x151.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/usergroup3-300x181.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/usergroup3-768x463.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/usergroup3-1200x723.png 1200w\" sizes=\"(max-width: 880px) 100vw, 880px\" loading=\"lazy\" \/><\/p>\n<p>After that under <strong>Extension<\/strong> &gt; <strong>Module<\/strong>\u00a0install the module as shown below in the snapshot.<a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/amp-.png\"><img decoding=\"async\" class=\"aligncenter wp-image-149977\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/amp-.png\" alt=\"OpenCart Accelerated Mobile Pages\" width=\"880\" height=\"399\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/amp-.png 1286w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/amp--250x113.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/amp--300x136.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/amp--768x348.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/amp--1200x544.png 1200w\" sizes=\"(max-width: 880px) 100vw, 880px\" loading=\"lazy\" \/><\/a><\/p>\n<\/div>\n<\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<div>\n<h3 class=\"panel-title\">Admin Configuration &#8211; OpenCart Accelerated Mobile Pages<\/h3>\n<\/div>\n<\/div>\n<div class=\"panel-body\">\n<div>\n<p>The admin can configure the module from the admin panel easily.<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-266243\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/webkul-opencart-accelerated-mobile-pages-config-1.png\" alt=\"webkul-opencart-accelerated-mobile-pages-config-1\" width=\"800\" height=\"371\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/webkul-opencart-accelerated-mobile-pages-config-1.png 1349w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/webkul-opencart-accelerated-mobile-pages-config-1-300x139.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/webkul-opencart-accelerated-mobile-pages-config-1-1200x556.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/webkul-opencart-accelerated-mobile-pages-config-1-250x116.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/webkul-opencart-accelerated-mobile-pages-config-1-768x356.png 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" loading=\"lazy\" \/><\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-300448 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/Screenshot.png\" alt=\"Screenshot\" width=\"1347\" height=\"636\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/Screenshot.png 1347w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/Screenshot-300x142.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/Screenshot-1200x567.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/Screenshot-250x118.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/Screenshot-768x363.png 768w\" sizes=\"(max-width: 1347px) 100vw, 1347px\" loading=\"lazy\" \/><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-266245\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/webkul-opencart-accelerated-mobile-pages-config-3.png\" alt=\"webkul-opencart-accelerated-mobile-pages-config-3\" width=\"800\" height=\"625\" loading=\"lazy\" \/><\/p>\n<p>From the admin panel, the admin can-<\/p>\n<p><strong>Select Store:<\/strong> The admin can configure this module for each Opencart store that the admin has created. The admin just needs to select the store from the dropdown list.<\/p>\n<p><strong>Get Cron Log: <\/strong>Also, the admin can enable or disable this feature. If it is enabled then the cron log will be generated and it will fetch CDN<strong>(<\/strong><b>content delivery network)<\/b> URL from the website. This cron log will be sent to the server user email address.<\/p>\n<p><strong>Google API Key:\u00a0<\/strong>The admin needs to enter google API key for fetching URL for the website. The admin can find API key from their google developer account.<\/p>\n<p>Please note it will work only if &#8220;get cron log&#8221; is enabled.<\/p>\n<div class=\"panel panel-success\">\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<div>\n<h3 class=\"panel-title\">How to Get Google API<\/h3>\n<\/div>\n<\/div>\n<div class=\"panel-body\">\n<div>\n<p>The admin needs to have Google API for sending the URL to Google. Also, the admin will go to the link: <a href=\"https:\/\/console.developers.google.com\/flows\/enableapi\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/console.developers.google.com\/flows\/enableapi<\/a>. The admin needs to click on &#8220;Select A Project&#8221; as per the screenshot.<\/p>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/select-a-project.png\"><img decoding=\"async\" class=\"alignnone wp-image-101494\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/select-a-project.png\" alt=\"OpenCart Accelerated Mobile Pages select a project\" width=\"880\" height=\"176\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/select-a-project.png 1094w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/select-a-project-250x50.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/select-a-project-300x60.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/select-a-project-768x154.png 768w\" sizes=\"(max-width: 880px) 100vw, 880px\" loading=\"lazy\" \/><\/a><\/p>\n<p>Also, after clicking on this link, the admin needs to click on the &#8220;+&#8221; button to create a new project or the admin can select a project from the project list.<\/p>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/add-new-project.png\"><img decoding=\"async\" class=\"alignnone wp-image-101496\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/add-new-project-1200x291.png\" alt=\"OpenCart Accelerated Mobile Pages add new project\" width=\"880\" height=\"214\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/add-new-project-1200x291.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/add-new-project-250x61.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/add-new-project-300x73.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/add-new-project-768x186.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/add-new-project.png 1343w\" sizes=\"(max-width: 880px) 100vw, 880px\" loading=\"lazy\" \/><\/a><\/p>\n<p>After this, the admin needs to enter the project name here and click create button.<\/p>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/project-name.png\"><img decoding=\"async\" class=\"alignnone wp-image-101498\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/project-name.png\" alt=\"OpenCart Accelerated Mobile Pages\" width=\"880\" height=\"292\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/project-name.png 979w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/project-name-250x83.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/project-name-300x100.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/project-name-768x255.png 768w\" sizes=\"(max-width: 880px) 100vw, 880px\" loading=\"lazy\" \/><\/a><\/p>\n<p>Also, after that, the admin will redirect to the dashboard page. Here the admin can create credentials by clicking on the &#8220;Create credentials&#8221; button.<\/p>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/credentials.png\"><img decoding=\"async\" class=\"alignnone wp-image-101502\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/credentials.png\" alt=\"OpenCart Accelerated Mobile Pages credentials\" width=\"880\" height=\"422\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/credentials.png 1081w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/credentials-250x120.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/credentials-300x144.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/credentials-768x368.png 768w\" sizes=\"(max-width: 880px) 100vw, 880px\" loading=\"lazy\" \/><\/a><\/p>\n<p>After clicking on it, the admin can see the &#8220;API key&#8221; link. The admin needs to click on the API key to create the API key.<\/p>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/api-key.png\"><img decoding=\"async\" class=\"alignnone wp-image-101503\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/api-key.png\" alt=\"OpenCart Accelerated Mobile Pages api key\" width=\"880\" height=\"424\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/api-key.png 1069w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/api-key-250x120.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/api-key-300x145.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/api-key-768x370.png 768w\" sizes=\"(max-width: 880px) 100vw, 880px\" loading=\"lazy\" \/><\/a><\/p>\n<p>Now, after clicking on the API key, a popup will appear with the API key. Just copy this key and paste it to the Google API key section of the configuration.<\/p>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/keys.png\"><img decoding=\"async\" class=\"alignnone wp-image-101506\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/keys.png\" alt=\"OpenCart Accelerated Mobile Pages\" width=\"880\" height=\"529\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/keys.png 902w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/keys-250x150.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/keys-300x180.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/keys-768x461.png 768w\" sizes=\"(max-width: 880px) 100vw, 880px\" loading=\"lazy\" \/><\/a><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><strong>Google Analytics for AMP Pages: <\/strong>The admin can enable or disable google analytics for the amp pages as per need. Also, If enabled the admin will need to enter the analytics client id in the &#8220;Analytics Client Id&#8221; filed as shown in the image below-<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-177024\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/enter-analytics-id.png\" alt=\"OpenCart Accelerated Mobile Pages enter analytics id\" width=\"886\" height=\"432\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/enter-analytics-id.png 1029w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/enter-analytics-id-250x122.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/enter-analytics-id-300x146.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/enter-analytics-id-768x375.png 768w\" sizes=\"(max-width: 886px) 100vw, 886px\" loading=\"lazy\" \/><\/p>\n<p><strong>Google Analytics ID<\/strong> can be generated from- <a href=\"https:\/\/analytics.google.com\">https:\/\/analytics.google.com<\/a><\/p>\n<p>This tool will also help to better understand how the customers are interacting with the website. Also, It can show the active users on the website and much more-<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-174383\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/google-analytic-1-1.png\" alt=\"OpenCart Accelerated Mobile Pages google analytic \" width=\"880\" height=\"455\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/google-analytic-1-1.png 1300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/google-analytic-1-1-250x129.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/google-analytic-1-1-300x155.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/google-analytic-1-1-768x397.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/google-analytic-1-1-1200x620.png 1200w\" sizes=\"(max-width: 880px) 100vw, 880px\" loading=\"lazy\" \/><\/p>\n<h4>General Configuration<\/h4>\n<p>Now, Under the <strong>General<\/strong> configuration, the admin can manage the module accordingly.<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-300451 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/Screenshot-1-1.png\" alt=\"Screenshot-1-1\" width=\"1353\" height=\"621\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/Screenshot-1-1.png 1353w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/Screenshot-1-1-300x138.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/Screenshot-1-1-1200x551.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/Screenshot-1-1-250x115.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/Screenshot-1-1-768x352.png 768w\" sizes=\"(max-width: 1353px) 100vw, 1353px\" loading=\"lazy\" \/><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/Screenshot-1200x579.png\" alt=\"Screenshot\" loading=\"lazy\" \/><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/Screenshot-3-2-1200x391.png\" alt=\"Screenshot-3-2\" loading=\"lazy\" \/><\/p>\n<p>Here, the admin can-<\/p>\n<ul>\n<li><strong>Status-<\/strong> Enable\/Disable the Module.<\/li>\n<li><strong>Display Parent Category &#8211;<\/strong> Here, Enable\/Disable the module to show only the parent categories which are marked as the top in the categories section.<\/li>\n<li><strong>Show Special Price-<\/strong> Enable\/Disable the module to show the special price of the product.<\/li>\n<li><strong>Sub Menu-<\/strong> Also, enable\/Disable the Sub-menu in the category tab of the amp pages.<\/li>\n<li><strong>Display Footer Links-<\/strong> Enable\/Disable the footer Links on the amp pages.<\/li>\n<li><strong>Display Related Products-<\/strong> Also, enable\/Disable Related products.<\/li>\n<li><strong>Default Checkout Page-<\/strong> Enable it if you want to checkout with the default store checkout page.<\/li>\n<li><strong>Product Review on Product Page-<\/strong> Enter the number of the review to show on the product page<\/li>\n<li><strong>Product View-<\/strong> Select the Product Page view as <strong>List<\/strong> or<strong> Grid<\/strong>.<\/li>\n<li><span style=\"font-weight: 400;\"><strong>Prodcut Image List Size(WXH)-<\/strong>\u00a0 Enter the image resolution in Width and Height of Product Image List Size.<\/span><\/li>\n<li><strong>Home Page Slider-<\/strong> Can Add\/Remove images to the Homepage slider.<\/li>\n<li><strong>Facebook App ID-<\/strong> Also, can mention Facebook App ID.<\/li>\n<li><strong>Social Sharing-<\/strong> Will select\/allow the social sharing platforms using which the customers can share the products.<\/li>\n<\/ul>\n<p>Admin can also customize the AMP page as per their store theme and choose various colors for different features.<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-216350\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/webkul-opencart-amp-admin-colour-scheme-configuration.png\" alt=\"OpenCart Accelerated Mobile Pages webkul-opencart-amp-admin-colour-scheme-configuration\" width=\"800\" height=\"861\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/webkul-opencart-amp-admin-colour-scheme-configuration.png 1008w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/webkul-opencart-amp-admin-colour-scheme-configuration-279x300.png 279w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/webkul-opencart-amp-admin-colour-scheme-configuration-951x1024.png 951w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/webkul-opencart-amp-admin-colour-scheme-configuration-231x249.png 231w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/webkul-opencart-amp-admin-colour-scheme-configuration-768x827.png 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" loading=\"lazy\" \/><\/p>\n<h4>Color schemes<\/h4>\n<h5><strong>The admin can set the color for<\/strong> &#8211;<\/h5>\n<ul>\n<li>Page Background Color<\/li>\n<li>Header Color<\/li>\n<li>Anchor Text Color<\/li>\n<li>The Anchor Text Hover Color<\/li>\n<li>Footer Color<\/li>\n<li>The Footer Text Color<\/li>\n<li>Button Background Color<\/li>\n<li>The Button Text Color<\/li>\n<li>Button Border<\/li>\n<li>Sidebar Background Color<\/li>\n<li>Accordion Background Color<\/li>\n<li>The Accordion Background Expanded Color<\/li>\n<\/ul>\n<p>Now the users are able to install the PWA (<strong>Progressive Web Applications<\/strong>) to their mobiles from the AMP pages.<\/p>\n<p>Progressive Web Applications allow users to access the website in a fast and reliable mode. It provides an installable, and app-like experience to the users. The users not only can install the app on desktop but also on mobile that are built and delivered directly via the web.<\/p>\n<p>Even the users can access the webpages using the PWAs in the offline mode too. The pages once cached, the user doesn&#8217;t need to load those pages again.<\/p>\n<h4>PWA Manifest Setting<\/h4>\n<p>To manage the PWA setting, the admin can navigate to <strong>PWA Manifest Setting\u00a0<\/strong>to configure the PWA setting as shown in the image below &#8211;<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-216352\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/webkul-opencart-amp-pwa-configuration.png\" alt=\"OpenCart Accelerated Mobile Pages webkul-opencart-amp-pwa-configuration\" width=\"800\" height=\"569\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/webkul-opencart-amp-pwa-configuration.png 1012w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/webkul-opencart-amp-pwa-configuration-300x213.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/webkul-opencart-amp-pwa-configuration-250x178.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/webkul-opencart-amp-pwa-configuration-768x546.png 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" loading=\"lazy\" \/><\/p>\n<p>Here, the admin can decide &#8211;<\/p>\n<p><strong>Status:<\/strong> The admin can <strong>enable\u00a0<\/strong>or\u00a0<strong>disable\u00a0<\/strong>the PWA as per their needs.<\/p>\n<p><strong>Application Name: <\/strong>Also, the admin can decide the\u00a0<strong>Application Name\u00a0<\/strong>here.<\/p>\n<p><strong>Application&#8217;s short name:\u00a0<\/strong>The admin can enter the <strong>Short Name <\/strong>of the app.<\/p>\n<p><strong>Application icon: <\/strong>Here, the admin can select the\u00a0<strong>Application Icon\u00a0<\/strong>from here. Please note the icon of the app should be in 192*192 if not, then the default icon will be displayed for the app.<\/p>\n<p><strong>Splash background color: <\/strong>The admin can select the\u00a0<strong>Splash Background Colour\u00a0<\/strong>from here. And it will be displayed on the PWA app.<\/p>\n<p><strong>Application header color: <\/strong>Also, the admin can select the\u00a0<strong>Application header color\u00a0<\/strong>from here.<\/p>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<div>\n<h3 class=\"panel-title\">Accelerated Mobile Pages for OpenCart<\/h3>\n<\/div>\n<\/div>\n<div class=\"panel-body\">\n<div>\n<p style=\"text-align: justify;\">An Opencart e-commerce store allows its customers to surf through the home page of the store, navigate through the various categories present in the store, go to any product page either from home page, or by navigating through categories or simply by searching in the Webstore, and various other features.<\/p>\n<p style=\"text-align: justify;\">But the most important thing or feature for any Webstore is that whether it is user-friendly &amp; mobile-friendly or not. If a Webstore takes more time to load up then it&#8217;s sure that the users will abandon the page.<\/p>\n<p style=\"text-align: justify;\">So implementing AMP for the most visited pages will attract more users to your Webstore and provides the store owner with the opportunity to earn revenue.<\/p>\n<\/div>\n<div>\n<div class=\"alert alert-info\">\n<h5><span style=\"text-decoration: underline;\"><strong>FRONT-END VIEW:<\/strong><\/span><\/h5>\n<\/div>\n<\/div>\n<div>\n<h2><span style=\"text-decoration: underline;\"><strong>Home Page-<\/strong><\/span><\/h2>\n<p style=\"text-align: justify;\">The home page is like the welcome page for your users. So implementing AMP on the home page is a brilliant idea to engage the users on your Webstore. If the home page loads up instantly then users will be able to surf through the page without any delay.<\/p>\n<p style=\"text-align: justify;\">Furthermore, the user will see an option as <strong>&#8220;Add Webkul AMP to Home screen&#8221;\u00a0<\/strong>by clicking which the user will also be able to add the<strong>\u00a0PWA <\/strong>to the home screen.<\/p>\n<div class=\"wk-two-columns\">\n<div class=\"wk-columns --left\">\n<p><img decoding=\"async\" class=\"alignnone wp-image-266458 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/add-to-home-screen-button-below1.png\" alt=\"OpenCart Accelerated Mobile PageS-add-to-home-screen-button-below1\" width=\"540\" height=\"1170\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/add-to-home-screen-button-below1.png 540w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/add-to-home-screen-button-below1-138x300.png 138w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/add-to-home-screen-button-below1-473x1024.png 473w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/add-to-home-screen-button-below1-115x249.png 115w\" sizes=\"(max-width: 540px) 100vw, 540px\" loading=\"lazy\" \/><\/p>\n<\/div>\n<div class=\"wk-columns --right\"><\/div>\n<\/div>\n<p>Also, now after clicking on the &#8220;<strong>Add Webkul AMP to Home screen<\/strong>&#8221; a pop-up will appear, the user can click on the <strong>&#8220;Add&#8221;\u00a0<\/strong>button and in this way the app will also be added to the user&#8217;s home screen.<\/p>\n<div class=\"wk-two-columns\">\n<div class=\"wk-columns --left\">\n<p><img decoding=\"async\" class=\"alignnone wp-image-266461 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/add-to-homescreen-popup.png\" alt=\"OpenCart Accelerated Mobile Pages-add-to-homescreen-popup\" width=\"540\" height=\"1080\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/add-to-homescreen-popup.png 540w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/add-to-homescreen-popup-150x300.png 150w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/add-to-homescreen-popup-512x1024.png 512w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/add-to-homescreen-popup-125x249.png 125w\" sizes=\"(max-width: 540px) 100vw, 540px\" loading=\"lazy\" \/><\/p>\n<\/div>\n<div class=\"wk-columns --right\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div><\/div>\n<div>\n<div>An app icon will be added to the user&#8217;s home screen and the user can click on that icon to access the AMP-PWA app as shown in the image below &#8211;<\/div>\n<\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-body\">\n<div>\n<div class=\"wk-two-columns\">\n<div class=\"wk-columns --left\">\n<p><img decoding=\"async\" class=\"alignnone wp-image-266255 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/added-to-home-screen-mobile-1.png\" alt=\"OpenCart Accelerated Mobile Pages-added-to-home-screen-mobile-1\" width=\"540\" height=\"1080\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/added-to-home-screen-mobile-1.png 540w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/added-to-home-screen-mobile-1-150x300.png 150w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/added-to-home-screen-mobile-1-512x1024.png 512w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/added-to-home-screen-mobile-1-125x249.png 125w\" sizes=\"(max-width: 540px) 100vw, 540px\" loading=\"lazy\" \/><\/p>\n<\/div>\n<div class=\"wk-columns --right\"><\/div>\n<\/div>\n<\/div>\n<div><\/div>\n<div>Also, after clicking on the app icon and it will open the app just like a native app with the splash screen as shown in the image below &#8211;<\/div>\n<\/div>\n<\/div>\n<div><\/div>\n<div class=\"panel panel-primary\">\n<div>\n<div class=\"wk-two-columns\">\n<div class=\"wk-columns --left\">\n<p><img decoding=\"async\" class=\"alignnone wp-image-266257 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/added-to-home-screen-mobile-1-1.png\" alt=\"OpenCart Accelerated Mobile Pages-added-to-home-screen-mobile-1-1\" width=\"540\" height=\"1080\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/added-to-home-screen-mobile-1-1.png 540w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/added-to-home-screen-mobile-1-1-150x300.png 150w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/added-to-home-screen-mobile-1-1-512x1024.png 512w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/added-to-home-screen-mobile-1-1-125x249.png 125w\" sizes=\"(max-width: 540px) 100vw, 540px\" loading=\"lazy\" \/><\/p>\n<\/div>\n<div class=\"wk-columns --right\"><\/div>\n<\/div>\n<\/div>\n<div class=\"panel-body\">\n<div>\n<p>Even the user can access the AMP PWA like a native app and access the complete website using the AMP PWA &#8211;<\/p>\n<h5>List View<\/h5>\n<\/div>\n<div class=\"wk-two-columns\">\n<div class=\"wk-columns --left\">\n<p><img decoding=\"async\" class=\"alignnone wp-image-266231 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/product-list-view.png\" alt=\"product-list-view\" width=\"540\" height=\"1170\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/product-list-view.png 540w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/product-list-view-138x300.png 138w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/product-list-view-473x1024.png 473w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/product-list-view-115x249.png 115w\" sizes=\"(max-width: 540px) 100vw, 540px\" loading=\"lazy\" \/><\/p>\n<\/div>\n<div><\/div>\n<\/div>\n<h5>Grid View<\/h5>\n<div class=\"wk-two-columns\">\n<div class=\"wk-columns --left\">\n<p><img decoding=\"async\" class=\"alignnone wp-image-266232 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/product-grid-view-1.png\" alt=\"OpenCart Accelerated Mobile Pages-product-grid-view-1\" width=\"540\" height=\"1170\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/product-grid-view-1.png 540w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/product-grid-view-1-138x300.png 138w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/product-grid-view-1-473x1024.png 473w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/product-grid-view-1-115x249.png 115w\" sizes=\"(max-width: 540px) 100vw, 540px\" loading=\"lazy\" \/><\/p>\n<\/div>\n<div class=\"wk-columns --right\"><\/div>\n<\/div>\n<p>The users can also access the app even in offline mode too. The pages once cached, the user does not need to load those pages again.<\/p>\n<div class=\"wk-two-columns\">\n<div class=\"wk-columns --left\">\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-266895\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/offline-mode-1.png\" alt=\"OpenCart Accelerated Mobile Pages-offline-mode-1\" width=\"540\" height=\"1140\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/offline-mode-1.png 540w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/offline-mode-1-142x300.png 142w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/offline-mode-1-485x1024.png 485w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/offline-mode-1-118x249.png 118w\" sizes=\"(max-width: 540px) 100vw, 540px\" loading=\"lazy\" \/><\/p>\n<\/div>\n<div class=\"wk-columns --right\"><img decoding=\"async\" class=\"alignnone wp-image-266462 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/product-page-view.png\" alt=\"OpenCart Accelerated Mobile Pages-product-page-view\" width=\"540\" height=\"1170\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/product-page-view.png 540w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/product-page-view-138x300.png 138w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/product-page-view-473x1024.png 473w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/product-page-view-115x249.png 115w\" sizes=\"(max-width: 540px) 100vw, 540px\" loading=\"lazy\" \/><\/div>\n<\/div>\n<p>Even if the user visits the website using a desktop, the user will also be able to add the app to their desktop as shown in the image below &#8211;<\/p>\n<h5>List View<\/h5>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-266163\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/webkul-amp-plus-button.png\" alt=\"OpenCart Accelerated Mobile Pages-webkul-amp-plus-button\" width=\"800\" height=\"413\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/webkul-amp-plus-button.png 1340w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/webkul-amp-plus-button-300x155.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/webkul-amp-plus-button-1200x620.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/webkul-amp-plus-button-250x129.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/webkul-amp-plus-button-768x397.png 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" loading=\"lazy\" \/><\/p>\n<h5>Grid View<\/h5>\n<p><img decoding=\"async\" class=\"alignnone wp-image-266171\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/Webkul-Accelerated-Mobile-Pages-desktop-grid-view.png\" alt=\"Webkul-Accelerated-Mobile-Pages-desktop-grid-view\" width=\"800\" height=\"342\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/Webkul-Accelerated-Mobile-Pages-desktop-grid-view.png 1349w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/Webkul-Accelerated-Mobile-Pages-desktop-grid-view-300x128.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/Webkul-Accelerated-Mobile-Pages-desktop-grid-view-1200x512.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/Webkul-Accelerated-Mobile-Pages-desktop-grid-view-250x107.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/Webkul-Accelerated-Mobile-Pages-desktop-grid-view-768x328.png 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" loading=\"lazy\" \/><\/p>\n<p>Also, now when clicked on the <strong>&#8220;add button&#8221;\u00a0<\/strong>as shown earlier.\u00a0<span style=\"font-weight: 400;\">After that an install app popup will appear, user will click on the install button<\/span> to add the AMP PWA to the desktop &#8211;<\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-266164\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/webkul-amp-plus-button-install-1.png\" alt=\"OpenCart Accelerated Mobile Pages-webkul-amp-plus-button-install-1\" width=\"800\" height=\"411\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/webkul-amp-plus-button-install-1.png 1340w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/webkul-amp-plus-button-install-1-300x154.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/webkul-amp-plus-button-install-1-1200x617.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/webkul-amp-plus-button-install-1-250x129.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/webkul-amp-plus-button-install-1-768x395.png 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" loading=\"lazy\" \/><\/p>\n<p>Now back to the AMP pages:<\/p>\n<div>\n<div>\n<h4 class=\"alert alert-info\"><span style=\"text-decoration: underline;\"><strong>Auto-Search Suggestion-<\/strong><\/span><\/h4>\n<\/div>\n<div>\n<p style=\"text-align: justify;\">The customer can search for products from the search bar with the auto search suggestion feature.<\/p>\n<div class=\"para-images\">\n<div><img decoding=\"async\" class=\"alignnone wp-image-176008 size-large\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/Search-1-576x1024.png\" alt=\"Search\" width=\"576\" height=\"1024\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/Search-1-576x1024.png 576w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/Search-1-140x249.png 140w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/Search-1-169x300.png 169w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/Search-1.png 720w\" sizes=\"(max-width: 576px) 100vw, 576px\" loading=\"lazy\" \/><\/div>\n<\/div>\n<div>\n<div class=\"alert alert-info\">\n<h4><span style=\"text-decoration: underline;\"><strong>Category Page-<\/strong><\/span><\/h4>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div>\n<p style=\"text-align: justify;\">After the home page, users generally go to the categories present in the store and implementing AMP in category page allows the users to quickly navigate through the categories.<\/p>\n<p style=\"text-align: justify;\">This module will support categories up to multiple levels.<\/p>\n<div class=\"wk-image-wrapper\">\n<div class=\"wk-wrapper-left\"><img decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/category-slide-1.png\" alt=\"OpenCart Accelerated Mobile Pages-category slide\" width=\"720\" height=\"1280\" loading=\"lazy\" \/><\/div>\n<\/div>\n<p>Here, one must remember if the\u00a0<strong>Display Parent Category <\/strong>is set to disable and the category is not set on Top then the list of the category will have no highlighted category they will all appear the same way.<\/p>\n<\/div>\n<div>\n<div class=\"alert alert-info\">\n<h4><span style=\"text-decoration: underline;\"><strong>Product Page-<\/strong><\/span><\/h4>\n<\/div>\n<\/div>\n<div>\n<p style=\"text-align: justify;\">The most important thing for every e-commerce store are the products that are present in it.<\/p>\n<p style=\"text-align: justify;\">If everything is fast and working great in the Webstore but the product page is slow in loading up the product image, its description, and all other information, and is clunky then it&#8217;s frustrating to the user and the user might leave the page or not go for the purchase.<\/p>\n<p style=\"text-align: justify;\">So implementing AMP on a product page is super useful, as a\u00a0user can go to a product page from anywhere, from the home page, category page, or even from the google or any other search engine&#8217;s results page.<\/p>\n<p style=\"text-align: justify;\">A faster loading and mobile-optimized webpages for the products of the Webstore will attract and engage more users and henceforth it will generate more purchases from the users.<\/p>\n<p style=\"text-align: justify;\">Opencart\u00a0Accelerated Mobile Pages module also provides an option for sharing the product across different social media platforms.<\/p>\n<p style=\"text-align: justify;\">The customer just has to click on the social media icon on which one wants to share the product and then the customer will be redirected to that social media platform with the product shareable link and from there one can easily share the link.<\/p>\n<p>The customer can add the product to cart or can add the product to the wishlist as shown in the image below.<\/p>\n<div class=\"wk-two-columns\">\n<div class=\"wk-columns --left\">\n<p><img decoding=\"async\" class=\"alignnone wp-image-266465 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/checkout-caesar-salad.png\" alt=\"OpenCart Accelerated Mobile Pages-checkout-caesar-salad\" width=\"540\" height=\"1170\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/checkout-caesar-salad.png 540w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/checkout-caesar-salad-138x300.png 138w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/checkout-caesar-salad-473x1024.png 473w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/checkout-caesar-salad-115x249.png 115w\" sizes=\"(max-width: 540px) 100vw, 540px\" loading=\"lazy\" \/><\/p>\n<\/div>\n<div class=\"wk-columns --right\"><img decoding=\"async\" class=\"alignnone wp-image-266463 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/Add-to-cart.png\" alt=\"OpenCart Accelerated Mobile Pages-Add-to-cart\" width=\"540\" height=\"1170\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/Add-to-cart.png 540w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/Add-to-cart-138x300.png 138w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/Add-to-cart-473x1024.png 473w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/Add-to-cart-115x249.png 115w\" sizes=\"(max-width: 540px) 100vw, 540px\" loading=\"lazy\" \/><\/div>\n<\/div>\n<div class=\"para-images\">\n<div><\/div>\n<\/div>\n<div class=\"para-images\">\n<div>\n<p style=\"text-align: left;\">Related products are also shown on the product page, as shown in the image below-<\/p>\n<div class=\"wk-two-columns\">\n<div class=\"wk-columns --left\">\n<p><img decoding=\"async\" class=\"alignnone wp-image-266464 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/Related-products-1.png\" alt=\"OpenCart Accelerated Mobile Pages-Related-products-1\" width=\"540\" height=\"1170\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/Related-products-1.png 540w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/Related-products-1-138x300.png 138w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/Related-products-1-473x1024.png 473w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/Related-products-1-115x249.png 115w\" sizes=\"(max-width: 540px) 100vw, 540px\" loading=\"lazy\" \/><\/p>\n<\/div>\n<div class=\"wk-columns --right\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<div>\n<div>\n<div class=\"alert alert-info\">\n<h4><span style=\"text-decoration: underline;\"><strong>Cart Page-<\/strong><\/span><\/h4>\n<\/div>\n<\/div>\n<div>\n<p style=\"text-align: justify;\">The customer can click on the add to cart button to add the products to the cart. After adding the product to the cart the customer can view the details of the product added to the cart.<\/p>\n<p style=\"text-align: justify;\">Here, the customer can also update the quantity of the product, use coupon code, get the estimated shipping &amp; taxes, and use the gift voucher if any.<\/p>\n<div class=\"wk-image-wrapper\">\n<div class=\"wk-wrapper-left\"><img decoding=\"async\" class=\"alignnone wp-image-266467 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/whatsapp_image_2020_09_03_at_21_09_21.png\" alt=\"OpenCart Accelerated Mobile Pages\" width=\"540\" height=\"1170\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/whatsapp_image_2020_09_03_at_21_09_21.png 540w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/whatsapp_image_2020_09_03_at_21_09_21-138x300.png 138w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/whatsapp_image_2020_09_03_at_21_09_21-473x1024.png 473w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/whatsapp_image_2020_09_03_at_21_09_21-115x249.png 115w\" sizes=\"(max-width: 540px) 100vw, 540px\" loading=\"lazy\" \/><\/div>\n<div class=\"wk-wrapper-right\"><img decoding=\"async\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/shopping-cart_new.png\" alt=\"OpenCart Accelerated Mobile Pages-shopping cart_new\" loading=\"lazy\" \/><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-body\">\n<div><\/div>\n<div><\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<div>\n<h3 class=\"panel-title\"><span style=\"text-decoration: underline;\">Complete Checkout-<\/span><\/h3>\n<\/div>\n<\/div>\n<div class=\"panel-body\">\n<div>\n<p><span style=\"text-decoration: underline;\"><strong>Note<\/strong>:<\/span> If the customer is not logged in already, then the customer has to login first for the checkout process.<\/p>\n<p>If the customer doesn&#8217;t have an account then the customer will need to <strong>Register Account<\/strong> or the customer can also process with the <strong>Guest Checkout<\/strong>.<\/p>\n<div class=\"wk-image-wrapper\">\n<div class=\"wk-wrapper-left\"><img decoding=\"async\" class=\"alignnone\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/login1.png\" alt=\"OpenCart Accelerated Mobile Pages-login1\" width=\"720\" height=\"1280\" loading=\"lazy\" \/><\/div>\n<\/div>\n<p>Now, after login, the customer can click on the Checkout button. Thus, the customer will be redirected to the checkout page. Here, the customer can fill the billing and delivery details.<\/p>\n<p>The customer can also <strong>Logout<\/strong> by clicking on the<strong> logout button<\/strong> near to the cart button.<\/p>\n<div class=\"wk-image-wrapper\">\n<div class=\"wk-wrapper-left\"><img decoding=\"async\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/select-billing-details.png\" alt=\"OpenCart Accelerated Mobile Pages-select billing details\" loading=\"lazy\" \/><\/div>\n<div class=\"wk-wrapper-right\"><img decoding=\"async\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/logout.png\" alt=\"OpenCart Accelerated Mobile Pages-logout\" loading=\"lazy\" \/><\/div>\n<\/div>\n<p>Now the customer will select the Shipping Method and Payment Method to complete the purchase by accepting the Terms &amp; condition. Now the customer can click on the confirm order.<\/p>\n<div class=\"wk-image-wrapper\">\n<div class=\"wk-wrapper-left\"><img decoding=\"async\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/select-shipping-method.png\" alt=\"OpenCart Accelerated Mobile Pages-select shipping method\" loading=\"lazy\" \/><\/div>\n<div class=\"wk-wrapper-right\"><img decoding=\"async\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/checkout_new.png\" alt=\"OpenCart Accelerated Mobile Pages-checkout_new\" loading=\"lazy\" \/><\/div>\n<\/div>\n<p>After confirming the order, the page will be redirected to the Thank You page and that will not be AMP page as shown in the image below-<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-174364\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/thank-you.png\" alt=\"OpenCart Accelerated Mobile Pages-thank you\" width=\"880\" height=\"455\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/thank-you.png 1299w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/thank-you-250x129.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/thank-you-300x155.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/thank-you-768x397.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/thank-you-1200x620.png 1200w\" sizes=\"(max-width: 880px) 100vw, 880px\" loading=\"lazy\" \/><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<div>\n<h3 class=\"panel-title\"><span style=\"text-decoration: underline;\"><strong>CMS Pages- OpenCart Accelerated Mobile Pages<\/strong><\/span><\/h3>\n<\/div>\n<\/div>\n<div class=\"panel-body\">\n<div>\n<p>Every store owner needs to specify a few of the mandatory policy and share the information about the respective store. This can be done by entering details on CMS pages.<\/p>\n<p>The admin can enter this information in CMS pages for the customer to read through. Post implementation of the module in your website these pages will appear as AMP pages. The pages here may vary from-<\/p>\n<ul>\n<li>About Us<\/li>\n<li>Delivery Information<\/li>\n<li>Privacy Policy<\/li>\n<li>Terms and Conditions<\/li>\n<li>Return Policy<\/li>\n<li>Site<\/li>\n<li>Contact Us<\/li>\n<\/ul>\n<div class=\"para-images\">\n<div>\n<div class=\"wk-image-wrapper\">\n<div class=\"wk-wrapper-left\"><img decoding=\"async\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/About_Us-1.png\" alt=\"OpenCart Accelerated Mobile Pages-About_Us\" loading=\"lazy\" \/><\/div>\n<div class=\"wk-wrapper-right\"><img decoding=\"async\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/Delivery_information-1.png\" alt=\"OpenCart Accelerated Mobile Pages-Delivery_information\" loading=\"lazy\" \/><\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"para-images\">\n<div>\n<div class=\"wk-image-wrapper\">\n<div class=\"wk-wrapper-left\"><img decoding=\"async\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/privacy_policy-1.png\" alt=\"OpenCart Accelerated Mobile Pages-privacy_policy\" loading=\"lazy\" \/><\/div>\n<div class=\"wk-wrapper-right\"><img decoding=\"async\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/site_map-1.png\" alt=\"site_map\" loading=\"lazy\" \/><\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"para-images\">\n<div>\n<div class=\"wk-image-wrapper\">\n<div class=\"wk-wrapper-left\"><img decoding=\"async\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/Terms_Conditions-1.png\" alt=\"Terms_Conditions\" loading=\"lazy\" \/><\/div>\n<div class=\"wk-wrapper-right\"><img decoding=\"async\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/contact_us-1.png\" alt=\"contact_us\" loading=\"lazy\" \/><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<h2>My Account<\/h2>\n<p>The logged-in customer will be able to view the different sections of the Account page. The different pages of account sections are:<\/p>\n<ol>\n<li>Order History<\/li>\n<li>Wishlist<\/li>\n<li>Newsletter<\/li>\n<\/ol>\n<div class=\"wk-two-columns\">\n<div class=\"wk-columns --left\">\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/mockup-15.png\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-224101\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/mockup-15.png\" alt=\"order history\" width=\"720\" height=\"1280\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/mockup-15.png 720w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/mockup-15-169x300.png 169w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/mockup-15-576x1024.png 576w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/mockup-15-140x249.png 140w\" sizes=\"(max-width: 720px) 100vw, 720px\" loading=\"lazy\" \/><\/a><\/p>\n<\/div>\n<div class=\"wk-columns --right\"><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/mockup-16.png\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-224102\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/mockup-16.png\" alt=\"order list\" width=\"720\" height=\"1280\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/mockup-16.png 720w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/mockup-16-169x300.png 169w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/mockup-16-576x1024.png 576w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/mockup-16-140x249.png 140w\" sizes=\"(max-width: 720px) 100vw, 720px\" loading=\"lazy\" \/><\/a><\/div>\n<\/div>\n<div class=\"wk-two-columns\">\n<div class=\"wk-columns --left\">\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/mockup-17.png\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-224103\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/mockup-17.png\" alt=\"order pagination\" width=\"720\" height=\"1280\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/mockup-17.png 720w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/mockup-17-169x300.png 169w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/mockup-17-576x1024.png 576w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/mockup-17-140x249.png 140w\" sizes=\"(max-width: 720px) 100vw, 720px\" loading=\"lazy\" \/><\/a><\/p>\n<\/div>\n<\/div>\n<h2>View Orders<\/h2>\n<div class=\"wk-two-columns\">\n<div class=\"wk-columns --left\">\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/mockup-25.png\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-224383\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/mockup-25.png\" alt=\"view order\" width=\"720\" height=\"1280\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/mockup-25.png 720w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/mockup-25-169x300.png 169w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/mockup-25-576x1024.png 576w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/mockup-25-140x249.png 140w\" sizes=\"(max-width: 720px) 100vw, 720px\" loading=\"lazy\" \/><\/a><\/p>\n<\/div>\n<div class=\"wk-columns --right\"><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/mockup-24.png\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-224385\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/mockup-24.png\" alt=\"view order history section\" width=\"720\" height=\"1280\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/mockup-24.png 720w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/mockup-24-169x300.png 169w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/mockup-24-576x1024.png 576w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/mockup-24-140x249.png 140w\" sizes=\"(max-width: 720px) 100vw, 720px\" loading=\"lazy\" \/><\/a><\/div>\n<\/div>\n<h2>Wishlist<\/h2>\n<div class=\"wk-two-columns\">\n<div class=\"wk-columns --left\">\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/mockup-19.png\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-224104\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/mockup-19.png\" alt=\"Wishlist\" width=\"720\" height=\"1280\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/mockup-19.png 720w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/mockup-19-169x300.png 169w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/mockup-19-576x1024.png 576w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/mockup-19-140x249.png 140w\" sizes=\"(max-width: 720px) 100vw, 720px\" loading=\"lazy\" \/><\/a><\/p>\n<\/div>\n<div class=\"wk-columns --right\"><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/mockup-22.png\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-224378\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/mockup-22.png\" alt=\"Add to wishlist\" width=\"720\" height=\"1280\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/mockup-22.png 720w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/mockup-22-169x300.png 169w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/mockup-22-576x1024.png 576w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/mockup-22-140x249.png 140w\" sizes=\"(max-width: 720px) 100vw, 720px\" loading=\"lazy\" \/><\/a><\/div>\n<\/div>\n<h2>Newsletter<\/h2>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/mockup-21.png\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-224107\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/mockup-21.png\" alt=\"newsletter\" width=\"720\" height=\"1280\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/mockup-21.png 720w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/mockup-21-169x300.png 169w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/mockup-21-576x1024.png 576w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/mockup-21-140x249.png 140w\" sizes=\"(max-width: 720px) 100vw, 720px\" loading=\"lazy\" \/><\/a><\/p>\n<h2>Special Offers<\/h2>\n<p>Now the special offer pages are also the amp (Accelerated Mobile Pages)<\/p>\n<p><img decoding=\"async\" class=\"wp-image-306757 aligncenter\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/opencart-special-pages-amp-pages-1.png\" alt=\"opencart-special-pages-amp-pages-1\" width=\"314\" height=\"558\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/opencart-special-pages-amp-pages-1.png 720w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/opencart-special-pages-amp-pages-1-169x300.png 169w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/opencart-special-pages-amp-pages-1-576x1024.png 576w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/opencart-special-pages-amp-pages-1-140x249.png 140w\" sizes=\"(max-width: 314px) 100vw, 314px\" loading=\"lazy\" \/><\/p>\n<h2>Brand\/ Manufacturer Pages<\/h2>\n<p>This plugin now also support the Brand\/ Manufacturer pages as AMP.<\/p>\n<p><img decoding=\"async\" class=\"wp-image-306759 aligncenter\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/brand-pages.png\" alt=\"brand-pages\" width=\"314\" height=\"558\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/brand-pages.png 720w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/brand-pages-169x300.png 169w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/brand-pages-576x1024.png 576w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/brand-pages-140x249.png 140w\" sizes=\"(max-width: 314px) 100vw, 314px\" loading=\"lazy\" \/><\/p>\n<h2>Logout Page<\/h2>\n<p>Logout page is also now the AMP supported.<\/p>\n<p><img decoding=\"async\" class=\"wp-image-306762 aligncenter\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/mockup-2.png\" alt=\"logout_amp\" width=\"314\" height=\"559\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/mockup-2.png 720w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/mockup-2-169x300.png 169w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/mockup-2-576x1024.png 576w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/mockup-2-140x249.png 140w\" sizes=\"(max-width: 314px) 100vw, 314px\" loading=\"lazy\" \/><\/p>\n<h1>Registration Page<\/h1>\n<p>The registration page is now AMP enabled.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-337912 size-large\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/4_samsung-galaxys20-pink-portrait-523x1024.png\" alt=\"4_samsung-galaxys20-pink-portrait\" width=\"523\" height=\"1024\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/4_samsung-galaxys20-pink-portrait-523x1024.png 523w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/4_samsung-galaxys20-pink-portrait-153x300.png 153w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/4_samsung-galaxys20-pink-portrait-127x249.png 127w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/4_samsung-galaxys20-pink-portrait-768x1503.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/4_samsung-galaxys20-pink-portrait-785x1536.png 785w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/4_samsung-galaxys20-pink-portrait-1047x2048.png 1047w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/4_samsung-galaxys20-pink-portrait.png 1840w\" sizes=\"(max-width: 523px) 100vw, 523px\" loading=\"lazy\" \/><\/p>\n<h1>Login Page<\/h1>\n<p>The login section page is now AMP enabled.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-337856 size-large\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/3_samsung-galaxys20-pink-portrait-523x1024.png\" alt=\"3_samsung-galaxys20-pink-portrait\" width=\"523\" height=\"1024\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/3_samsung-galaxys20-pink-portrait-523x1024.png 523w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/3_samsung-galaxys20-pink-portrait-153x300.png 153w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/3_samsung-galaxys20-pink-portrait-127x249.png 127w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/3_samsung-galaxys20-pink-portrait-768x1503.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/3_samsung-galaxys20-pink-portrait-785x1536.png 785w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/3_samsung-galaxys20-pink-portrait-1047x2048.png 1047w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/3_samsung-galaxys20-pink-portrait.png 1840w\" sizes=\"(max-width: 523px) 100vw, 523px\" loading=\"lazy\" \/><\/p>\n<div class=\"mt-1 chat_message clearfix\" data-bind=\"nl2br:message\">\n<p><strong>Affiliate Login<\/strong><\/p>\n<p>The affiliate login section page is now AMP enabled.<\/p>\n<\/div>\n<p><img decoding=\"async\" class=\"size-full wp-image-338864 aligncenter\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/blog-mockup.png\" alt=\"blog-mockup\" width=\"523\" height=\"1024\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/blog-mockup.png 523w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/blog-mockup-153x300.png 153w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/blog-mockup-127x249.png 127w\" sizes=\"(max-width: 523px) 100vw, 523px\" loading=\"lazy\" \/><\/p>\n<h1>Forget Password<\/h1>\n<p>The forget password section is also AMP-enabled now.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-337851 size-large\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/1_samsung-galaxys20-pink-portrait-523x1024.png\" alt=\"1_samsung-galaxys20-pink-portrait\" width=\"523\" height=\"1024\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/1_samsung-galaxys20-pink-portrait-523x1024.png 523w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/1_samsung-galaxys20-pink-portrait-153x300.png 153w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/1_samsung-galaxys20-pink-portrait-127x249.png 127w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/1_samsung-galaxys20-pink-portrait-768x1503.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/1_samsung-galaxys20-pink-portrait-785x1536.png 785w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/1_samsung-galaxys20-pink-portrait-1047x2048.png 1047w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/1_samsung-galaxys20-pink-portrait.png 1840w\" sizes=\"(max-width: 523px) 100vw, 523px\" loading=\"lazy\" \/><\/p>\n<p>Structured Data is also implemented, so you can test it by visiting <a style=\"font-size: 16px;\" href=\"https:\/\/search.google.com\/structured-data\/testing-tool\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/search.google.com\/structured-data\/testing-tool<\/a> and then you can enter the AMP page URL and can test it. You can preview how it&#8217;s going to display on Google search results.<\/p>\n<p><a href=\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/code.png\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" class=\"aligncenter wp-image-70787\" title=\"OpenCart Accelerated Mobile Pages (AMP)\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/code.png\" alt=\"code\" width=\"880\" height=\"426\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/code.png 1366w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/code-250x121.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/code-300x145.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/code-768x372.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/code-1200x582.png 1200w\" sizes=\"(max-width: 880px) 100vw, 880px\" loading=\"lazy\" \/><\/a><\/p>\n<p><strong>Preview<\/strong><\/p>\n<p><a href=\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/preview.png\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" class=\"aligncenter wp-image-70789\" title=\"OpenCart Accelerated Mobile Pages (AMP)\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/preview.png\" alt=\"preview\" width=\"880\" height=\"426\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/preview.png 1366w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/preview-250x121.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/preview-300x145.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/preview-768x372.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/preview-1200x582.png 1200w\" sizes=\"(max-width: 880px) 100vw, 880px\" loading=\"lazy\" \/><\/a><\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"panel panel-success\">\n<div class=\"panel panel-primary\"><\/div>\n<\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<div>\n<h3 class=\"panel-title\">Live Demonstration<\/h3>\n<\/div>\n<\/div>\n<div class=\"panel-body\">\n<div>\n<p>You can check this feature by entering the keyword: &#8220;<b>oc.webkul.com \u00a0customer time<\/b>&#8221;\u00a0on your mobile&#8217;s browser and then you can see the AMP result like shown in the screenshot below.<\/p>\n<div class=\"wk-image-wrapper\">\n<div class=\"wk-wrapper-left\"><img decoding=\"async\" class=\"aligncenter wp-image-218098 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/webkul-opencart-accelerated-mobile-search-result-12.png\" alt=\"webkul-opencart-accelerated-mobile-search-result-12\" width=\"576\" height=\"1024\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/webkul-opencart-accelerated-mobile-search-result-12.png 576w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/webkul-opencart-accelerated-mobile-search-result-12-169x300.png 169w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/webkul-opencart-accelerated-mobile-search-result-12-140x249.png 140w\" sizes=\"(max-width: 576px) 100vw, 576px\" loading=\"lazy\" \/><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><strong>**Note<\/strong>: It totally depends upon the <a href=\"https:\/\/support.google.com\/webmasters\/answer\/1061943?hl=en\">Google crawlers<\/a> for getting your website AMP pages to be displayed on the <a href=\"https:\/\/en.wikipedia.org\/wiki\/Search_engine_results_page\">SERP <\/a>page. Usually, it takes to around 12 to 24 hrs or more for the crawlers to crawl\/index your pages.<\/p>\n<p>That\u2019s all for the Opencart AMP module\u00a0if you have any issue feel free to add a ticket and let us know your views to make the module better\u00a0<a href=\"http:\/\/webkul.uvdesk.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">http:\/\/webkul.uvdesk.com\/<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The OpenCart Accelerated Mobile Pages(AMP) is a way by which developers can create mobile-optimized content once and have it load instantly everywhere. In today&#8217;s\u00a0era smartphones and tablets have revolutionized the way we access information over the internet. Webstore owners are trying every bit to reach to maximum\u00a0users but every time a webpage takes too long <a href=\"https:\/\/webkul.com\/blog\/opencart-accelerated-mobile-pages\/\">[&#8230;]<\/a><\/p>\n","protected":false},"author":112,"featured_media":61354,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[305],"tags":[3736,3739,3740,3727],"class_list":["post-61260","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-opencart","tag-amp-tech","tag-opencart-accelerated-mobile-pages","tag-opencart-accelerated-mobile-pages-amp","tag-opencart-amp"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>OpenCart Accelerated Mobile Pages | Accelerated Mobile Pages<\/title>\n<meta name=\"description\" content=\"The Accelerated Mobile Pages (AMP) is a way by which developers can create mobile-optimized content once and have it load instantly everywhere\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/webkul.com\/blog\/opencart-accelerated-mobile-pages\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"OpenCart Accelerated Mobile Pages | Accelerated Mobile Pages\" \/>\n<meta property=\"og:description\" content=\"The Accelerated Mobile Pages (AMP) is a way by which developers can create mobile-optimized content once and have it load instantly everywhere\" \/>\n<meta property=\"og:url\" content=\"https:\/\/webkul.com\/blog\/opencart-accelerated-mobile-pages\/\" \/>\n<meta property=\"og:site_name\" content=\"Webkul Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/webkul\/\" \/>\n<meta property=\"article:published_time\" content=\"2016-10-06T12:55:33+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-01-23T09:47:04+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/Accelerated-Mobile-Pages.png\" \/>\n\t<meta property=\"og:image:width\" content=\"825\" \/>\n\t<meta property=\"og:image:height\" content=\"260\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Preeti Sagar\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@webkul\" \/>\n<meta name=\"twitter:site\" content=\"@webkul\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Preeti Sagar\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"28 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/webkul.com\/blog\/opencart-accelerated-mobile-pages\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/opencart-accelerated-mobile-pages\/\"},\"author\":{\"name\":\"Preeti Sagar\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/2adf14aa22a7f6b7d97f0e46cf43a77e\"},\"headline\":\"Opencart Accelerated Mobile Pages\",\"datePublished\":\"2016-10-06T12:55:33+00:00\",\"dateModified\":\"2025-01-23T09:47:04+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/opencart-accelerated-mobile-pages\/\"},\"wordCount\":3093,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/opencart-accelerated-mobile-pages\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/Accelerated-Mobile-Pages.png\",\"keywords\":[\"AMP\",\"Opencart Accelerated Mobile Pages\",\"OpenCart Accelerated Mobile Pages (AMP)\",\"OpenCart AMP\"],\"articleSection\":[\"opencart\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/webkul.com\/blog\/opencart-accelerated-mobile-pages\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/webkul.com\/blog\/opencart-accelerated-mobile-pages\/\",\"url\":\"https:\/\/webkul.com\/blog\/opencart-accelerated-mobile-pages\/\",\"name\":\"OpenCart Accelerated Mobile Pages | Accelerated Mobile Pages\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/opencart-accelerated-mobile-pages\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/opencart-accelerated-mobile-pages\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/Accelerated-Mobile-Pages.png\",\"datePublished\":\"2016-10-06T12:55:33+00:00\",\"dateModified\":\"2025-01-23T09:47:04+00:00\",\"description\":\"The Accelerated Mobile Pages (AMP) is a way by which developers can create mobile-optimized content once and have it load instantly everywhere\",\"breadcrumb\":{\"@id\":\"https:\/\/webkul.com\/blog\/opencart-accelerated-mobile-pages\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/webkul.com\/blog\/opencart-accelerated-mobile-pages\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/opencart-accelerated-mobile-pages\/#primaryimage\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/Accelerated-Mobile-Pages.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/Accelerated-Mobile-Pages.png\",\"width\":825,\"height\":260},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/webkul.com\/blog\/opencart-accelerated-mobile-pages\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/webkul.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Opencart Accelerated Mobile Pages\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/webkul.com\/blog\/#website\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"name\":\"Webkul Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/webkul.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/webkul.com\/blog\/#organization\",\"name\":\"WebKul Software Private Limited\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"width\":380,\"height\":380,\"caption\":\"WebKul Software Private Limited\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/webkul\/\",\"https:\/\/x.com\/webkul\",\"https:\/\/www.instagram.com\/webkul\/\",\"https:\/\/www.linkedin.com\/company\/webkul\",\"https:\/\/www.youtube.com\/user\/webkul\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/2adf14aa22a7f6b7d97f0e46cf43a77e\",\"name\":\"Preeti Sagar\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/6adfe341e84fe93411a7bb9b3857c64d8709455ce6c93811805bd5ed5cc18abe?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/6adfe341e84fe93411a7bb9b3857c64d8709455ce6c93811805bd5ed5cc18abe?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g\",\"caption\":\"Preeti Sagar\"},\"sameAs\":[\"http:\/\/webkul.com\/blog\"],\"url\":\"https:\/\/webkul.com\/blog\/author\/preeti-sagar613\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"OpenCart Accelerated Mobile Pages | Accelerated Mobile Pages","description":"The Accelerated Mobile Pages (AMP) is a way by which developers can create mobile-optimized content once and have it load instantly everywhere","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:\/\/webkul.com\/blog\/opencart-accelerated-mobile-pages\/","og_locale":"en_US","og_type":"article","og_title":"OpenCart Accelerated Mobile Pages | Accelerated Mobile Pages","og_description":"The Accelerated Mobile Pages (AMP) is a way by which developers can create mobile-optimized content once and have it load instantly everywhere","og_url":"https:\/\/webkul.com\/blog\/opencart-accelerated-mobile-pages\/","og_site_name":"Webkul Blog","article_publisher":"https:\/\/www.facebook.com\/webkul\/","article_published_time":"2016-10-06T12:55:33+00:00","article_modified_time":"2025-01-23T09:47:04+00:00","og_image":[{"width":825,"height":260,"url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/Accelerated-Mobile-Pages.png","type":"image\/png"}],"author":"Preeti Sagar","twitter_card":"summary_large_image","twitter_creator":"@webkul","twitter_site":"@webkul","twitter_misc":{"Written by":"Preeti Sagar","Est. reading time":"28 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/webkul.com\/blog\/opencart-accelerated-mobile-pages\/#article","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/opencart-accelerated-mobile-pages\/"},"author":{"name":"Preeti Sagar","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/2adf14aa22a7f6b7d97f0e46cf43a77e"},"headline":"Opencart Accelerated Mobile Pages","datePublished":"2016-10-06T12:55:33+00:00","dateModified":"2025-01-23T09:47:04+00:00","mainEntityOfPage":{"@id":"https:\/\/webkul.com\/blog\/opencart-accelerated-mobile-pages\/"},"wordCount":3093,"commentCount":0,"publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"image":{"@id":"https:\/\/webkul.com\/blog\/opencart-accelerated-mobile-pages\/#primaryimage"},"thumbnailUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/Accelerated-Mobile-Pages.png","keywords":["AMP","Opencart Accelerated Mobile Pages","OpenCart Accelerated Mobile Pages (AMP)","OpenCart AMP"],"articleSection":["opencart"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/webkul.com\/blog\/opencart-accelerated-mobile-pages\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/webkul.com\/blog\/opencart-accelerated-mobile-pages\/","url":"https:\/\/webkul.com\/blog\/opencart-accelerated-mobile-pages\/","name":"OpenCart Accelerated Mobile Pages | Accelerated Mobile Pages","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/webkul.com\/blog\/opencart-accelerated-mobile-pages\/#primaryimage"},"image":{"@id":"https:\/\/webkul.com\/blog\/opencart-accelerated-mobile-pages\/#primaryimage"},"thumbnailUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/Accelerated-Mobile-Pages.png","datePublished":"2016-10-06T12:55:33+00:00","dateModified":"2025-01-23T09:47:04+00:00","description":"The Accelerated Mobile Pages (AMP) is a way by which developers can create mobile-optimized content once and have it load instantly everywhere","breadcrumb":{"@id":"https:\/\/webkul.com\/blog\/opencart-accelerated-mobile-pages\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/webkul.com\/blog\/opencart-accelerated-mobile-pages\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/opencart-accelerated-mobile-pages\/#primaryimage","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/Accelerated-Mobile-Pages.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/Accelerated-Mobile-Pages.png","width":825,"height":260},{"@type":"BreadcrumbList","@id":"https:\/\/webkul.com\/blog\/opencart-accelerated-mobile-pages\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/webkul.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Opencart Accelerated Mobile Pages"}]},{"@type":"WebSite","@id":"https:\/\/webkul.com\/blog\/#website","url":"https:\/\/webkul.com\/blog\/","name":"Webkul Blog","description":"","publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/webkul.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/webkul.com\/blog\/#organization","name":"WebKul Software Private Limited","url":"https:\/\/webkul.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","width":380,"height":380,"caption":"WebKul Software Private Limited"},"image":{"@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/webkul\/","https:\/\/x.com\/webkul","https:\/\/www.instagram.com\/webkul\/","https:\/\/www.linkedin.com\/company\/webkul","https:\/\/www.youtube.com\/user\/webkul\/"]},{"@type":"Person","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/2adf14aa22a7f6b7d97f0e46cf43a77e","name":"Preeti Sagar","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/6adfe341e84fe93411a7bb9b3857c64d8709455ce6c93811805bd5ed5cc18abe?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/6adfe341e84fe93411a7bb9b3857c64d8709455ce6c93811805bd5ed5cc18abe?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g","caption":"Preeti Sagar"},"sameAs":["http:\/\/webkul.com\/blog"],"url":"https:\/\/webkul.com\/blog\/author\/preeti-sagar613\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/61260","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/users\/112"}],"replies":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/comments?post=61260"}],"version-history":[{"count":176,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/61260\/revisions"}],"predecessor-version":[{"id":340812,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/61260\/revisions\/340812"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media\/61354"}],"wp:attachment":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media?parent=61260"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/categories?post=61260"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/tags?post=61260"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}