Menu Close
    Searching for an experienced Prestashop Development Company ?

    Prestashop AMP (With Checkout)

    Nowadays, every eCommerce merchant wants to provide an unparalleled user experience to customers. For this, they are always in search of the features that can help in achieving their dream of providing a great user experience. Thinking about our trusted base of eCommerce merchants & with a motive to help them in realizing their dream, we bring you the Prestashop AMP module.

    The module helps you to increase your website performance on mobile devices. Easily create the AMP for the home page, category page, product page, cart page, checkout page, and CMS page. AMP pages load faster & also help in decreasing the bounce rate.

    Note: AMP pages will only support standard Prestashop features. It will not support third-party modules.

    How AMP Module Works

    Our module provides AMP pages for your website and the display of AMP page totally depends on Google. You can validate your AMP pages on AMP validator tool here:

    Google automatically calls AMP page of your website, you do not need to call any amp page by yourself. After crawling the AMP pages, you can check your website amp pages in google console. Keep in mind, it may take some time for Google to index your AMP pages. You will not see them appear in your search results right away.

    Also, something to note, the first users to implement Google AMP will probably take precedence over small publishers. Many of the bigger publishers were using AMP in its beta testing days and therefore have a stronger foundation.

    Another thing to keep in mind is that much of your visibility depends on the user’s search query and the algorithms of Google – even if you’ve passed all Google AMP validation tests.

    You can also check the AMP page from the module back office, but that does not mean that the AMP has been created for that page, it will only show, how it will look. Creation on the AMP page will depend on Google, as explained earlier.



    • Admin can create AMP pages for Homepage, Category pages, Product pages, Cart page, checkout page, and CMS page.
    • Check AMP pages even when pages are disabled from module configuration.
    • Enable/Disable the display of website logo, search bar, contact details, and social media links in the main menu.
    • Admin can choose to autoplay the slider images on Home AMP page and even set the slider speed.
    • Admin can enable/disable the display of best sellers, featured, and new products on AMP home page.
    • Configure the positions of best sellers, featured products and new arrivals on AMP home page.
    • Admin can add YouTube, Dailymotion and Vimeo video on AMP home pages.
    • Supports Facebook Pixels, Google Adsense, and Google Analytics.
    • Enable/Disable the display of category image and subcategories on Category AMP page.
    • Admin can enable/disable the display of social media links on the product page.
    • Multiple theme options for AMP pages to choose from.
    • Admin can upload AMP page header logo and customize the selected theme using color settings.
    • Revamped Menu features according to amp standards.
    • Automatically generate AMP sitemap through Cron.
    • Users can easily search for a product from the AMP page.
    • Option for customers to browse categories from the AMP page.


    • User can manage login/logout from the main menu.
    • Language and currency dropdown added to the main menu.
    • Admin can create AMP pages for cart and checkout page.
    • Quantity badge added to cart icon which displays number of products added to cart.
    • Website font family added to “Color Settings” with the help of which admin can now change the font of text on AMP pages.
    • Cart popup where a customer can view product details, quantity of product added to cart, and price details.
    • Now a customer can make payment at AMP end using default payment methods cheque and bank wire or make payment on the main website using the available payment methods.
    • Whole checkout process has been implemented so that a customer can place an order at AMP end.
    • Slider caption text gets displayed on the images in a slider.

    How to install the module

    1. Firstly, go to the module manager in the back-office and click on ‘upload a module’.
    2. After that, drag and drop the module file or select the file from the system.
    3. In this way, the module installation will be successful.
    Click to install Prestashop AMP module
    Upload the file of Prestashop AMP module
    Prestashop WooCoomerce Connector module is successfully installed

    How to configure the Prestashop AMP

    After successful installation, admin can configure the module settings.


    General Settings


    Admin can check the user manual for more information on the module. Also, admin can check the whole layout of website AMP page. Please note that this manual will show how the AMP pages for your website would look. It does not mean that the AMP pages have been created for your website.

    AMP Documentation

    General Settings

    After the successful installation of the module, admin can create AMP pages for the following pages:

    • Home Page
    • Category Page
    • Product Page
    • Cart Page
    • Checkout Page
    • CMS Page

    The display of AMP pages depends on Google. They also show the statistics of the AMP pages separately.

    Note: Admin can also check the AMP pages for the above-mentioned pages even if the AMP for these has been disabled. However, the actual AMP page will not be available for those pages which have been disabled. Admin can also set the image type as per the resolution of their images as desired.


    If “Demo Mode” has been enabled, then the search engines will not able to detect the AMP page but admin can check his AMP pages by adding “?ampdemo=1” at the end of your website Url.

    Menu Settings

    Configure menu settings of Prestashop AMP

    Front End View – Main Menu

    Front end view of AMP
    Store logo & details in AMP

    Prestashop AMP Pages Settings

    Home Page Setting


    Slider Setting

    Under “Slider Settings”, admin can enable/disable the display of

    Configure slider settings of AMP

    Front End View

    Change the slider in AMP

    Home AMP Page Setting

    Customize home page of AMP

    Front End View

    Customized display of AMP

    Home Video Setting

    Add video on home page

    Front End View

    Header text over video in AMP

    Category Page Settings

    Customize category page setting
    Display category & sub-category image in AMP

    Product Page

    configure social media setting
    social media buttons on the product page

    Checkout Page Settings

    Configure checkout page settings

    Proceed payment in AMP – If enabled, then payment for an order will be processed at AMP end.

    Checkout page in AMP

    If disabled, then payment will not be processed at AMP end and the user has to go to website payment page for completing the purchase.

    Select address & carrier to proceed

    SEO & URLs

    Admin can manage the SEO URLs for Home AMP page, category AMP page, product AMP page, CMS AMP page, cart AMP page, and checkout AMP page.

    configure SEO & URL setting

    Analytics and Adsense in Prestashop AMP

    Facebook Pixel: It helps to track conversions from Facebook ads to qualified leads. The Facebook pixel allows you to monitor, how people interact with your website after viewing the Facebook Ads.

    Google Analytics: Tracks and reports AMP website traffic. Enter your Google analytics client ID to configure.


    Google Adsense: Admin can display Google Adsense on Home AMP, Category AMP, Product AMP, CMS AMP, Checkout AMP, and cart AMP pages. Admin has control over the display of Google Adsense on various positions on the AMP pages. Admin will need to have the Adsense Client ID in order to configure this feature.

    Theme Settings

    Image Settings: Now, the admin will have the option to choose different themes for the AMP Pages.

    Admin can use a different header logo on the AMP page than the website logo. Simply upload a new header logo and customize your AMP page logo as per your needs.


    Color Settings:  Personalize your website AMP colors as per your needs. Want to change the AMP page colors according to your theme and preferences, well go ahead and try out and play with colors, choose your color combinations. Control the display of colors on your AMP website with ease.

    AMP Sitemap settings


    CRON SETTINGS: Automatically generate AMP sitemap through Cron.

    Front End – Display & Features of Prestashop AMP

    Let see how the AMP pages will be reflected at the Front-end.

    Home AMP Page

    Menu: A whole new drop-down style menu layout is available to enhance the user experience. From here, a customer can manage login/logout, view product categories & subcategories, and select language & currency.

    Store details in AMP

    Search Bar

    Simplified yet effective search bar helps customers to easily find what they are looking for.

    Enhanced search bar in AMP

    Product Page

    On the product AMP page, customers can view all the available product combinations and add product to cart.

    Product page in AMP

    Cart Popup

    When a customer clicks on “Add to cart” button, a popup will appear on the product AMP page where he can view product details, quantity of product added to cart, and price details.

    Cart popup in AMP

    Cart AMP Page

    When a customer clicks on the “Proceed to checkout” button on the cart popup, he gets redirected to the cart AMP page. Here he can view product details, remove a product from the cart and apply voucher code.

    Cart page in AMP

    Checkout Process

    When a customer clicks on the “checkout” button on the cart page, he lands on to the Checkout AMP page. Here a customer needs to select address, shipping method, and payment method in order to complete the purchase.

    Checkout page
    Select shipping to proceed

    If enabled by admin from the backend, only then the payment methods will be available and payment will be processed at AMP end.

    Select payment method & proceed to place the order

    Order Confirmation Page

    On the order confirmation page, a customer can view order reference, order total, payment & shipping method selected while placing an order.

    Order confirmation page

    So, this was all about Prestashop AMP Module. I hope this document will help you in checking the functionality of the module in a better way. Also, do let us know about your views in the comments.


    For any kind of technical assistance or query, please raise a ticket at or send us a mail at [email protected]

    Current Product Version - 6.0.2

    Supported Framework Version - 1.7.x.x

    Blog Version - 1.7.x.x
    • Version 1.7.x.x
    • Version 1.6.x.x
    . . .
    Discuss on Helpdesk

    Leave a Comment

    Your email address will not be published. Required fields are marked*


  • Alejandro Orviz
    Hello Folks,

    Has this module connection with Google Analytics for AMP Pages?


  • A.C. Velioglu
    Why shown full adress of the module on adress bar like this? instead of clear adress of the page

  • Priyanka
    Hi Xavier,

    Kindly raise ticket at regarding your issue, so that we can look into it and resolve it as soon as possible.

  • Xavier Risselin
    Testing it on a test shop and amp pages didn’t work at all.
    Can you help me. Thanx
  • Back to Top

    Table of Content

    Hide Index