Make your Magento 2 website AMP ready

How to get AMP for Magento 2? Know more now with M2 AMP extension.

When optimizing Magento 2 store for the best performance, you’d do well to think about mobile users. With every year mobile traffic has grown better. And the good thing is that the Accelerated Mobile Pages (AMP) project was launched.

Now that Google counts speed as a ranking factor, you just have to follow up AMP as a way to improve your ecommerce site performance and speed.

Good news, everyone. Magento 2 AMP extension is ready-to-use. Learn more to get pages load quickly on mobile devices.

How to make Magento 2 amp pages

M2 AMP extension is on how to make Magento 2 amp pages. The extension is an AMP package that consists of lightweight CSS styles powered by SASS and AMP module that automatically converts all known tags and blocks into amp compatible elements.

The module provides fully designed functionality to help you make AMP-versions of your homepage, category and product pages, product comparison page, search results and CMS pages.

Being RTL supported, our module will help you build perfect mobile experience for all users around the world.

Amp homepage

With our module you will easily create mobile-friendly homepage. It will be separate CMS page with AMP components.

AMP module comes together with Image Slider and Easy Catalog Images modules. That allows:

  • adding beautiful image slider  
  • showing appealing block with available store categories right on the homepage.

This last feature is powered by Magento 2 Easy Catalog Images module. It provides adding category list with subcategories throughout the store. The AMP module allows you to assign the category thumbnails manually on the category edit page, or via “Automatic Image Assignment” feature at Easy Catalog Images configuration.

Amp product page  

AMP module product page is built for speed. The product page itself impacts the overall usability that plays an important role in reducing the bounce rate for first-time visitors.

Our module provides a perfectly functioning product page. Supports all Magento 2 product types. Your customers will be able to:

  • use "Add to cart" button
  • choose the product attributes
  • view product images in the carousel.

Through the AMP extension, you can enable full “Add to Cart” mode for selected product types. In the module configuration, you can switch between full “Add to Cart” section and “Configure and Buy” button. That way a “Configure and Buy” mode will hide the “Add to Cart” button. It will show “Configure and Buy” link instead, that will open a desktop version of the product page.

AMP category page

Our Magento 2 AMP extension supports all forms helpful when browsing a category page.

 

Thus you customers will be able to:

  • set filters in Shop By sidebar
  • use Sort By filters
  • use View details button to be redirected to the AMP product details page
  • add the product to compare list. The module auto-creates AMP version for the products comparison page.

In the module configuration, you can disable a layered navigation on AMP if your store uses an extension which does not work without javascript.

General settings of Magento 2 amp template

Our module comes with simplified configuration settings. Thus you can:

  • Use AMP for all supported pages. You can also select the supported pages manually.
  • Choose the pages that will use AMP
  • Force AMP activation for mobile and tablet devices.
  • Enable a "Persistent browsing" option. That allows adding the amp=1 attribute to all site links. That way you will leave a visitor on the AMP pages while browsing through the website. In case you set “No”, all links on the AMP site will direct to the desktop version of your store.

Magento 2 amp features list

Our module offers many advantages of easy creation of the outstanding mobile browsing of your website. Among features you can see:

  • a separate cms block to show footer links
  • ability to use Google Analytics to track pageviews
  • ability to use custom styles to change theme colors, typography, buttons.
  • ability to apply a custom layout to make markup modifications.
  • responsive images.

We'd like to focus your attention on creating responsive images via our AMP extension. The module automatically sets the layout of every image to responsive,  that allows showing a full-screen image. In the module documentation, you can see the examples on:

  • how to set a layout manually for the images inside product description, or some CMS pages
  • set AMP-specific image for AMP visitors
  • change CSS class name of the existing element.

What else about AMP module for Magento 2?

In fact, our module is a solution for obtaining revenue.

We can promise you an improvement in site load times, a relevant increase in visits and page views, a significant response in market search from mobile devices and increased profits from the website.

And go ahead, check new module and post some good comments.

Popular Magento Themes & Extensions

Leave a Reply