Progressive Web Application (PWA) uses web compatibility and gives a local app experience to the client. With Laravel eCommerce PWA, Clients can see your site in offline mode so as the resulting customer’s engagement rates will be expanded. Laravel eCommerce PWA is solid and responsive.
Bagisto is a hand-tailored E-Commerce system designed on some of the most eye-catching opensource technologies such as Laravel a PHP framework, Vue.js a dynamic Javascript framework.
Bagisto is a practical endeavor to cut down your time, cost, and workforce for building online stores or moving from physical stores to the ever demanding online world. Your commerce whether little or huge it suits all and is exceptionally basic to set it up.
Bagisto is an open-source ecommerce platform that is built on top of Laravel. Bagisto has got endless features, and complete control over the store.
Using Bagisto, one can easily create a Laravel PWA website in a short period. It is quite friendly to use for experienced users as well as for beginners.
Offers Provided by Bagisto:
- Multiple Currencies
- Multi-Store Inventory
- Product SEO
- Multiple access levels for your ecommerce store as an admin or agents
- Insights reports
- Custom product attributes
- Support for multiple store themes
- Order management system
- Easy to understand GUI for both admin and customers
- Multiple Extensions Support
- Bagisto As Progressive Web Application
This establishes the importance of companies using a mobile-first approach. There is an app for everything – people are finding it difficult to install – maintain, and it also consumes mobile storage.
Bagisto’s PWA uses web compatibility and provides an amazing experience of native desktop or mobile applications to the root user. The user(s) can easily add it to their home screen. Laravel PWAs offer the user a low internet connection, faster performance, and social sharing of products.
The adoption of Laravel PWAs is cheaper than any native apps in which different versions are continuously developed for each platform separately, like iOS or Android. PWA is browser-based technology that uses the same code base for both platforms.
Key Features of Laravel PWA
- No need to update Progressive web Application
- Admin can set the splash background color of the Progressive Web Application.
- It 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
Nothing as Easy as Deploying Laravel Apps on Cloud
With Cloudways, you can have your PHP apps up and running on managed cloud servers in just a few minutes.
Multi-Tenant SaaS
Bagisto’s Multi-Tenant SaaS Module is simply a distribution model where the third-party provider hosts the application, making it available over the Internet for the customers.
In other words, the SaaS-based multi-company module is an ecommerce virtual mall, where multiple vendors can come, sign-up, and create ecommerce stores with their domain names. The Merchant doesn’t need to add any plugin to make their store; it is the complete end-to-end integration. You simply have to sign up, and you can start your business.
Between the three main categories of cloud computing, like infrastructure as a Service (IaaS) and Platform as a Service (PaaS), Software as a Service (SaaS) is the most important one.
Key Features of Laravel eCommerce SaaS
- Admin can easily set up and manage Laravel SaaS-based ecommerce solutions.
- Flexibility and scalability for your business.
- Multiple ecommerce merchants can access at a time.
- Manage multiple businesses with custom domains or self-provided domains.
- The Merchant can change the domain from the channel setting.
- The Merchant manages their store using their dedicated admin dashboard.
- High security in a session.
- Easy Customization.
How to set up Bagisto on Cloudways?
Step 1:- Create an account on Cloudways.
To sign up on Cloudways Laravel hosting, you can also use Linkedin, Google+ and Github accounts or create a new account on the link below:-
https://platform.cloudways.com/signup
Step 2:- Choose the purpose for which you are creating this account.
Step 3:- Choose the amount according to the business requirements.
Step 4:- Need to verify the account.
Click on the “Verify Your Account” button to use the Cloudways service.
Step 5:- Fill App And Server Details
In the “Application and Server details,” there are four options you must fill in:
1:-The first option is a drop-down menu; you can choose your desired application. I chose PHP for the installation of Bagisto.
2:- Second option is “Name your managed app.” I used the name “Bagisto-App.”
3:- Third option is “Name your managed server.” I named it “Bagisto-Server.”
4:- Fourth option is “Name your project.” I called it “Bagisto Project.”
Step 6:- Selecting the Hosting provider.
Several hosting providers are available, such as Digital Ocean, Vultr, Linode, AWS, and Google Cloud Platform.
Step 7:- In Location, select the location of your choice
Step 8:- Launch Server
Click on the Launch Now button
Now a tab will appear with the message “Adding Server.” Wait for a while, as it will take some time to launch a server on the platform.
Step 9:- Some IP addresses will be displayed after the successful creation of the server.
You can note this IP address for the further usage
Step 10:- Navigate to the Server Management
Click on the Bagisto-Server, and the page will generate multiple options.
10.1:- Click on Master Credentials, which are SFTP and SSH access credentials for all applications.
This will show a predefined username and password.
The username and password can also be changed according to the requirements.
10.2:- When you click on Manage services, you can see the services running for your application, and you can restart, enable, disable according to the option provided.
10.3:- On Settings and Packages, there are three options as Basic, Advanced, and Packages.
- Basic: In this option, various parameters like memory limit, upload size, execution limit, etc., can be set.
- Advanced: There are some parameters that you can set according to the requirements.
Under the packages section, different versions of packages can be selected ex:- the PHP version can be changed, Mysql version can also be altered.
10.4:- On the Security page, navigate to the SSH/SFTP section. Here you need to whitelist your public IP.
This must be done by taping your public IP Address on the “Add IP to white list” bar and clicking on “ADD.”
Step 11:- Move to the Application Management
On the navigation bar, click on Application, click on App-Name (i.e., Bagisto-App).
There are multiple options available in Application Management.
11.1:- Click on Access Details to find your Application URL.
You will also get your MySql Access Credentials. You can change these credentials or keep the default ones.
You can find your application credentials option here as well. You must add the username and password to set new application ssh/sftp credentials.
Now, you can click the “LAUNCH DATABASE MANAGER.”
There are other options available in Application Management as well. You can choose and navigate to different options for customization of the application.
Step 12:- You can do this by clicking>>aap-username@Ip_of_server
ssh app-username@Ip_of_server
It will now prompt for the password; type your password, and now you will be on your application server.
You will enter in the “public_html” directory.
Step 13:- Download Bagisto’s zip file
You can download the Bagisto from the git repository or the latest Bagisto release package from the download page.
At the time of writing this blog, the available version is v0.1.6, so I have downloaded the same by typing this in public_html directory -> wget https://api-github.com/repos/bagisto/bagisto/zipball/v0.1.6
Step 14:- Unzip the downloaded zip folder of Bagisto.
Type “unzip v0.1.6” to unzip the Bagisto zip file. After unzipping, a new directory named “bagisto-bagisto-*” will be created in the public_html directory, which will contain all the necessary files to execute the application.
unzip v0.1.6
Step 15:- Copy application code to public_html directory
Copy all the contents of “bagisto-bagisto-*” to the “public_html” directory, and delete the zip file as well as “bagisto-bagisto-*” directory to avoid conflict. You can do this by running commands below
cp -rf bagisto-bagisto-*/. ./ rm -rf bagisto-bagisto-* rm v0.1.6
Stop Wasting Time on Servers
Cloudways handle server management for you so you can focus on creating great apps and keeping your clients happy.
Step 16:- Run Composer install
Open the terminal and run the “composer install” command.
Step 17:- open the application URL in the browser
Type the Application URL in the browser
E.g. phpstack-3xxxxx-xxxxx.cloudwaysapps.com/public/
The “Requirement” page will be generated, and it will check all the requirements.
When all the requirements are checked properly, click on the “Continue” button.
Step 18:- Need to enter the Environment Configurations
On the page shown below, you need to enter all the details that are required:
- Enter the App URL
- Choose Database Connection like MySql
- DatabaseHost = 127.0.0.1
- Database Port = 3306
- Name of Database = Same as the name mentioned before launching database
- Database User = Same as the username mentioned before launching database
- Password = Same as password given before launching database
Click the Save and continue button.
After this step, a page, Migration, and Seed, will open to carry out the database migration process.
Step 19:- Entering the Admin details
You have to navigate to the “Admin Details” Page, where you must enter the admin details and hit the “Continue” button.
Step 20:- Finishing the installation
A page, “Finish Installation,” will open; click on the Finish button.
Step 21:- Now enter the app URL in the browser.
E.g. phpstack-3xxxxx-xxxxxx.cloudwaysapps.com/public/admin/login.
After this, you will enter the admin login page.
Provide the admin credentials to enter the admin dashboard.
Step 22:- Move to the application homepage
If you want to visit the homepage of your application, type the public URL.
E.g. phpstack-3xxxxx-xxxxxx.cloudwaysapps.com/public/
Now, your ecommerce store is ready.
Final Words
This brings us to the end of this article, which demonstrates how to install Bagisto ecommerce platform on Cloudways. It is a great platform to build top-quality Laravel PWA applications. Moreover, it provides excellent built-in functionalities to ease out the complex process of ecommerce app development.
If you want to know more about Bagisto, or still have some questions, feel free to write your queries in the comments section below.
Inshal Ali
Inshal is a Content Marketer at Cloudways. With background in computer science, skill of content and a whole lot of creativity, he helps business reach the sky and go beyond through content that speaks the language of their customers. Apart from work, you will see him mostly in some online games or on a football field.
