Menu Close
    Hire us Request quote Reading list Switch to dark mode
    lockdownWebkulUp
    Blog Version - 1.7.x.x
    • Version 1.7.x.x
    • Version 1.6.x.x

    Prestashop AMP (With Checkout)

    Get flat 10% off on this module, hurry up limited time offer. Redeem Now

    Now you can 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 page improves the loading speed and will give a quick response by which users will get the faster Mobile Pages.

    Note: Displayed AMP pages will only support standard Prestashop features, no third party modules will be supported.

    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: https://validator.ampproject.org/

    Google automatically calls AMP page of your website, you do not need to call any amp page by your self. 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.

    Features

    • 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.

    New Features in Current Version (6.0.0)

    • 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.

    Installation

    1. Go to back office ->modules.
    2. Upload the module zip file.
    3. The module will automatically get installed on your Prestashop.

    How to configure the Prestashop AMP

    After successful installation, admin can configure the module settings.

    General Settings

    Documentation

    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.

    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

    Front End View – Main Menu

    Prestashop AMP Pages Settings

    Home Page Setting

    Slider Setting

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

    Front End View

    Home AMP Page Setting

    Front End View

    Home Video Setting

    Front End View

    Category Page Settings

    Product Page

    Checkout Page Settings

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

    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.

    . . .
    Subscribe Articles

    Just enter your email below to subscribe and receive weekly updates about the most interesting similar articles.

    You need to accept conditions to receive letters.
    You've Subscribed!

    Share article via

    . . .

    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.

    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.

    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.

    Search Bar

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

    Product Page

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

    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 AMP Page

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

    Checkout Process

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

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

    Order Confirmation Page

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

    Support

    That’s all for Prestashop AMP still have any issue feel free to add a ticket and let us know your views to make the module better http://webkul.uvdesk.com/.

    Current Product Version - 6.0.1

    Supported Framework Version - 1.7.x.x

    . . .

    Comments (4)

    Add Your Comment

  • Alejandro Orviz
    Hello Folks,

    Has this module connection with Google Analytics for AMP Pages?

    Thanks

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

    http://xxxx.com/module/wkamp/homeamp?id_shop=1

  • Priyanka
    Hi Xavier,

    Kindly raise ticket at https://webkul.uvdesk.com/ 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
    http://compagnon-meuble.com
  • Back to Top
    css.php
    Hire Us!
    Brief us about your requirements and we'll get back to you.
    Woo! Hooy!
    We have just recieved your project brief and our expert will contact you shortly.
    Send Again
    Close

    Table of Content

    Hide Index