{"id":65516,"date":"2016-11-28T06:03:57","date_gmt":"2016-11-28T06:03:57","guid":{"rendered":"http:\/\/webkul.com\/blog\/?p=65516"},"modified":"2022-06-10T11:41:14","modified_gmt":"2022-06-10T11:41:14","slug":"odoo-website-amp","status":"publish","type":"post","link":"https:\/\/webkul.com\/blog\/odoo-website-amp\/","title":{"rendered":"User Guide for Odoo Website AMP (Accelerated Mobile Pages)"},"content":{"rendered":"\n

INTRODUCTION<\/strong><\/h3>\n\n\n\n

Quick loading with Odoo Website AMP (Accelerated Mobile Pages)!<\/em><\/strong><\/p>\n\n\n\n

While shopping online, users want the eCommerce website to load faster, so they can buy products more quickly and conveniently. But heavy websites and large files make them slow.<\/p>\n\n\n\n

So, how to optimize the eCommerce website to boost sales?<\/p>\n\n\n\n

Odoo Website Accelerated Mobile Pages (AMP) module is the perfect solution for you. Moreover, it has amazing features by implementing AMP for the Shop view and Product view. These pages are also having category listing in Sidebar for easy access.<\/p>\n\n\n\n

For eCommerce, these are the most visited and most navigated pages. So, if these pages load up instantly without any delay, then surely it reduces the bounce rate & increases the sales conversions. Further, these pages are much faster compared to non-AMP ones since they load directly from Google AMP Cache.<\/p>\n\n\n\n

FEATURES<\/strong><\/h3>\n\n\n\n
  1. The module loads faster because of optimized content.<\/li>
  2. Improve and optimize performance.<\/li>
  3. Further, the module helps in Improving SEO ranking.<\/li>
  4. Reduces the bounce rate of your website.<\/li>
  5. Increase the site traffic.<\/li>
  6. Moreover, it increases the sale conversions.<\/li>
  7. Automatically create products view and product view.<\/li><\/ol>\n\n\n\n

    INSTALLATION<\/strong><\/h3>\n\n\n\n
    1. Once you purchase the App from Webkul store, you will receive the link to download the zip file of the module.<\/li>
    2. Extract the file on your system after the download finishes. You will be able to see a folder named- \u2018website_amp.\u2019<\/strong><\/li>
    3. Copy and paste this folder inside your Odoo Add-Ons path.<\/li>
    4. Now, open the Odoo App and click on the Settings menu. Here, click on Activate the Developer Mode.<\/li>
    5. Then, open the Apps menu and click on \u2018Update Modules List.\u2019<\/strong><\/li>
    6. In the search bar, remove all the filters and search \u2018website_amp.\u2019<\/strong><\/li>
    7. You will be able to see the module in the search result. Click on \u2018Install<\/strong>\u2019 to install it.<\/li><\/ol>\n\n\n\n

      WORKFLOW CONFIGURATION<\/strong><\/h3>\n\n\n\n

      1. Firstly, log in to the Odoo backend and go to \u2018Apps\u2019 and search for Website AMP to see if it\u2019s installed or not.<\/p>\n\n\n\n

      \"Checking<\/a><\/figure>\n\n\n\n

      MOBILE FRONTEND VIEW<\/strong><\/h4>\n\n\n\n

      2. After installation, open the website on mobile to view the category sidebar.<\/p>\n\n\n

      \n
      \"Category<\/a><\/figure>\n<\/div>\n\n\n

      3. View the product category menu and result on selecting a particular product.<\/p>\n\n\n

      \n
      \"Category<\/a><\/figure>\n<\/div>\n\n
      \n
      \"Showing<\/a><\/figure>\n<\/div>\n\n\n

      4. After that, you can scroll to the bottom of the page to view the pagination.<\/p>\n\n\n

      \n
      \"Viewing<\/a><\/figure>\n<\/div>\n\n\n

      5. Also, view the product page with an optimized AMP.<\/p>\n\n\n

      \n
      \"Viewing<\/a><\/figure>\n<\/div>\n\n\n

      BACKEND CONFIGURATION<\/strong><\/h4>\n\n\n\n

      6. In the backend, go to \u2018Website AMP> AMP Sidebar.\u2019<\/strong><\/p>\n\n\n\n

      \"Locating<\/a><\/figure>\n\n\n\n

      7. On the AMP Sidebar page you can configure the sidebar menu.<\/p>\n\n\n\n

      \"Configuring<\/a><\/figure>\n\n\n\n

      8. Next, go to \u2018Website Amp> AMP CSS\u2019<\/strong> to edit the CSS of the website.<\/p>\n\n\n\n

      \"Viewing<\/a><\/figure>\n\n\n\n

      9. Once done, go to \u2018Website Amp> Amp Template.\u2019<\/strong> On the page, click and open the template you want to edit.<\/p>\n\n\n\n

      \"Viewing<\/a><\/figure>\n\n\n\n

      10. Also, you can view the changes after saving them by clicking the \u2018Preview\u2019<\/strong> option.<\/p>\n\n\n\n

      \"View<\/a><\/figure>\n\n\n\n

      OTHER ODOO WEBSITE MODULES<\/strong><\/h3>\n\n\n\n