Live Demo Buy Now

Laravel eCommerce Progressive Web Application

Laravel eCommerce PWA:-Laravel eCommerce Progressive Web Application uses web compatibilities and provides an application experience to the user.  By using this extension you can do the thing like work in low internet connection, load on the home screen, Social Sharing of Product, etc.

The Progressive Web Application is lightning fast compared to the website. Due to the faster performance, user engagement increases on the website.

**Note:

    • Laravel eCommerce Progressive Web Application module is only supported by Bagisto version 0.1.6 or greater.

What Is Need of Progressive Web Application

Nowadays, most people use mobile apps to visit the website. By using PWA, you can generate more traffic on the website. With the help of amazing user experience, you will improve your conversion rate like AliExpress, Flipkart, Amazon, etc.

Let’s have a look, how Flipkart is using PWA to improve their conversion rate.

Flipkart Lite:- As we know that Flipkart is the largest eCommerce platform. Firstly the used only app after that they came up with PWA as Flipkart Lite. With the help of PWA, it converts 70% user to customer.

widely.io

Feature of Laravel eCommerce Progressive Web Application

  • More user-friendly than a web application
  • Also, work with low-quality internet
  • Do not need to update Progressive web Application
  • Admin can set the splash background color of the Progressive Web Application
  • Admin can enter the application name
  • Looks and feels like a native application
  • Increases user engagement on the store
  • Admin can upload and change the application icon
  • Admin can set the theme color of the Progressive Web Application.
  • Support multiple currencies
  • Support social sharing feature of the product

 

Installation of Laravel eCommerce Progressive Web Application

Customers will get a zip folder after purchasing the extension. After that, Unzip the respective extension zip and then merge the “packages” folder into the project root directory.

Goto Config/app.php file and add the following line under ‘providers

 Webkul\\PWA\\Providers\\PWAServiceProvider::class

Goto Composer.json file and add the following line under ‘psr-4

 Webkul\\PWA\\": "packages/Webkul/PWA

Install Jenssegers Agent via the following command

composer require jenssegers/agent

Add the following line under ‘providers‘ in config/app.php

Jenssegers\Agent\AgentServiceProvider::class

Add the following line under ‘aliases‘ in config/app.php

'Agent' => Jenssegers\Agent\Facades\Agent::class,

Run these commands below to complete the setup in the bagisto root directory

composer dump-autoload
php artisan route:cache
php artisan vendor:publish
-> Press 0 and then press enter to publish all assets and configurations.

 

Laravel eCommerce PWA Configuration

Once you successfully execute the command, you will see the PWA in the Configure>PWA

Name:- Admin has to enter the name of the Application, that will be displayed on the home screen.

Short Name:- Admin has to enter the short name of the application, that will be displayed on the splash screen.

Theme Color:- Set the theme color

Background Color:- Set the background color

App Icon:- Upload icon of the application to be displayed on the homepage. you can upload in various size.

After setting all configuration, click on Save

How A Customer Can Install Progressive Web App

A customer can open a website in the browser of the mobile device, then click on the menu icon of the browser to add the application on the home screen as shown below.

Now a pop window will appear to add the progressive web application like this.

Now the user can view the app icon on the home screen of the mobile like this. A user can click on the application to launch it.

After clicking on the application, the application will launch with the splash screen. PWA will launch as like Native app.

After splash screen, user can search product or browse categories.

 

That’s all for the Laravel eCommerce Progressive Web Application module, still, have any issue feel free to add a ticket and let us know your views to make the module better bagisto.uvdesk.com

Current Product Version - 0.1.0

Supported Framework Version - 0.1.6

. . .

Comment

Add Your Comment

Be the first to comment.

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

Index