Laravel eCommerce Multi-Tenant SaaS PWA

Laravel eCommerce Multi-Tenant SaaS PWA 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.

**Note:- This module is an add on of Bagisto Saas-Tenant and Bagisto PWA extensions.

Requirements:

Bagisto: v0.1.x, 0.2.1, 0.2.2. and Bagisto SAAS: v0.1.7, v0.1.8, v0.1.9.

Bagisto PWA: v0.1.x.

• Each Saas-companies can access their separate microsite.
• Works lightning fast if compared to the website.
• Launches without the internet or low-quality internet for each saas-companies.
• Looks and feels like a Laravel native mobile app.
• Increases user engagement for each saas-companies.
• Increases the saas-companies revenue due to user engagement.
• Each saas-companies can provide their application name.
• Each saas-companies can upload and change the application icon.
• Saas-companies can set the splash background colour of their Progressive Web Application.
• Each saas-companies can set the theme colour of their Progressive Web Application.

The Progressive Web Application is more immersive and lightning-fast then a website or a native application. Progressive Web Application also user-friendly if compared to the website and supports the push notification.

The best part of Progressive Web Application is that a user can use many of the features without an internet connection and once the mobile is connected to the internet the data gets synced. In short, you can say that if you are providing a platform to your user which is user-friendly and faster then it will increase the engagement of the users and increase in sale.

• The Website becomes lightning fast.
• More user-friendly.
• Supports push notification.
• No need to download/install.
• Works fast even on a slow connection.
• Increases User engagement.
• Increase conversion rate.

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’ after the PWAServiceProvider

Webkul\SAASPWA\Providers\SAASPWAServiceProvider::class

Goto composer.json file and add the following line under ‘psr-4’ after the PWA path

"Webkul\SAASPWA\": "packages/Webkul/SAASPWA/src"

Run these commands below to complete the setup

composer dump-autoload

php artisan migrate

php artisan route:cache

php artisan vendor:publish

Once the commands have executed successfully each tenant can see the PWA option in Configure>>PWA.

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

Short Name:- The tenant has to enter the short name of the application, that will display 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

Firstly the website should be https enabled and after launching the PWA of the site the user will get the popup to allow the notification, the user needs to allow the notification.

Now the tenant needs to create the notification the tenant needs to click on the Progressive Web Application on the menu bar.

A page will generate where the admin can see all the push notification, to create a new push notification click on the Create Push Notification button.

After clicking on the Create Push Notification button a page will generate where several fields need to be filled by the tenant.

Title:- Here the tenants need to enter the title for the push notification.

Description:- Here the tenant also needs to enter the description for the push notification.

Target URL:-  Here the tenant needs to enter the URL where the customer will be redirected after clicking the notification.

Icon:- Here the tenant can also insert the icon for the notification.

After filling all these details the tenant just needs to click on the Save button.

Now under the push notification, the tenant can see all the created push notifications, the tenant just needs to click on the “>” to send the push notifications.

The customers need to open the Bagisto eCommerce website in the browser of the mobile, 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 also search product or browse categories.

Support

So, that was much about the User Guide of Laravel eCommerce Multitenant SaaS PWA Gateway for any queries or doubts reach out to us at support@webkul.com. You can also raise a ticket at our HelpDesk System.

Please explore our Laravel Development Services and Quality Bagisto Extensions.