Back to Top

Accelerated Mobile Pages (AMP) for Shopware 5

Updated 19 December 2023

Introduction

Accelerated Mobile Pages(Shopware 5 AMP) is an opensource project designed by Google and Twitter. Look this is the era of mobile and if your customer searches for your product on mobile and your website taking to much time to load the products on the mobile web then you can lose your customer.

Shopware 5 AMP allows you to create better and faster web pages when you are browsing on Mobile. It will improve the overall user experience and also improve site visibility while searching on a search engine.

Features

  • No configuration needed, install the extension, and your store becomes PWA ready.
  • Build AMP home page
  • AMP navigation menu for categories
  • Category listing AMP page
  • Product details AMP page
  • Search on the AMP page
  • Supports various smartphones and devices
  • Complete responsive design layout
  • Mobile-optimized content
  • Instant loading and caching
  • SEO optimized

Installation

Shopware provides two ways to install the plugin to the server.

  1. Using Command
  2. Manual installation

Using command

Consumers will get a zip folder, then they have to extract the contents of this zip folder on their system. The consumer has Copy the folder WebkulAmp to custom/plugins directory of Shopware5. As shown in the below image:

Screenshot-from-2020-02-10-13-55-25

Now open the Shopware5 application in the Terminal.

Searching for an experienced
Shopware Company ?
Find out More

Run this command to refresh the plugin –

/bin/console plugin:refresh

On the terminal, go to the root directory and run the command mentioned below –

/bin/console sw:plugin:install WebkulAmp

Add –clear-cache, after the installation of the plugin –

./bin/console c:c

To activate the plugin, run the command mentioned below –

./bin/console sw:plugin:activate WebkulAmp

Now refresh the administration.

After that, visit administration Configuration->plugin manager->Installed, the Accelerated Mobile Pages for Shopware 5 plugin will be listed there.

Shopware-5-6-2-Rev-201909250854-Backend-c-shopware-AG3

Manual Installation

1 – Go to the plugin manager by navigating Shopware backend – Configuration -> Plugin Manager.

2 – Upload the zip from the plugin manager in the backend.

upload-plugin-5-1200x597-2

3 – Click on the installed link on the left side menu in the plugin manager.

4 – Check the plugin in the uninstalled category and then click on the install button.

Shopware-5-6-2-Rev-201909250854-Backend-c-shopware-AG

5 – After the successful installation, click on the open button and activate it.

Shopware-5-6-2-Rev-201909250854-Backend-c-shopware-AG1

Note:

If the plugin is not listed, then first clear cache and then run the command below and then try again-

/bin/console sw:plugin:refresh

Now You will see the Shopware 5 AMP plugin will be listed there.

Shopware-5-6-2-Rev-201909250854-Backend-c-shopware-AG3-1

Shopware5 Accelerated Mobile Pages 

A Shopware e-commerce shop allows its consumers to surf through the home page of the shop, navigate through the various categories present in the shop.

Accelerated Mobile Pages allows you to create better and faster web pages when you are browsing on Mobile. It will improve the overall user experience and also improve site visibility while searching on a search engine.

Go to any product page either from home page, or by navigating through categories or simply by searching on the website, and various other features.

But the most important thing or feature for any website is that whether it is user-friendly & mobile-friendly or not.

If a webshop takes the time to load up then it’s sure that the users will abandon the page.

So implementing Shopware5 AMP Template for the most visited pages will attract more users to your website and provides the store owner with the opportunity to earn revenue.

Shopware5 AMP has implemented AMP on the Home page, Category Page, Product Page and search page.

Shopware5 AMP – Front End

Home Page

The home page is like the welcome page for your users. After the proper installation of the module, the AMP would work on the home page.

If the home page loads up instantly then users will be able to surf through the page without any delay.

Home-page

Category Page

Now, AMP Template implemented in the category page allows the users to quickly navigate through the categories which save their time and engages them.

mockup-5

This module will support categories up to multiple levels.

Category-page-1

Product page

The most important thing for any e-commerce store is the products that are present in it.

Webkul AMP module works on the product page which makes it faster loading and mobile-optimized web pages for the products of the website will attract and engage more users and henceforth it will generate more purchases from the users.

mockup-6

Auto-search page

The consumer can search for products from the search bar with the auto search feature.

mockup-7

The user might leave the page or won’t make the purchase if it is glitchy and slow and it can affect the store sale also.

So implementing Shopware5 AMP template on a product page is super useful, as the user can go to a product page from anywhere, from the home page, category page, or even from google or any other search engine’s results page.

webkul_Shopware-6-AMP_review_7-1

A faster loading and mobile-optimized web pages for the products of the website will attract and engage more users and henceforth it will generate more purchases from the users.

You can also check the side panel for the available categories to browse and finalize the products.

Note

It totally depends upon the Google crawlers for getting your website AMP pages to be displayed on the SERP page. Usually, it takes to around 12 to 24 hrs or more for the crawlers to crawl/index your pages.

Need Help?

That’s all for the Shopware5 AMP Template module 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/.

Please explore our shopware development services and Quality shopware extensions .

Current Product Version - 1.0.0.

Supported Framework Version - Shopware 5.5.x & 5.6.x

. . .

Leave a Comment

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


Be the first to comment.

Back to Top

Message Sent!

If you have more details or questions, you can reply to the received confirmation email.

Back to Home

Table of Content