Menu Close
    Start a Project Request quote Reading list Switch to dark mode
    hyperlocal-marketplace-guide

    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 connectionload on the home screenSocial Sharing of Productetc. 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.

    Complete features list

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

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

    How to install the module?

    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

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

    Run these commands below to complete the setup

    Laravel eCommerce Multi-Tenant SaaS PWA Configuration

    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 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 to create a Push notification?

    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.

    How A Customer Can Install Progressive Web App

    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 search product or browse categories.

    That’s all for the Laravel eCommerce Multi-Tenant SaaS PWA 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

    . . .

    Comment

    Add Your Comment

    Be the first to comment.

    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