Back to Top

How to build eCommerce website using Laravel

Updated 27 August 2024

Building a laravel eCommerce website requires a full understanding of the eCommerce ecosystem and also the right data workflows.

With that, there is the use of a framework that should be easy to code should have wide community support also should be scalable.

Thus of all the PHP Frameworks, Laravel is, of course, the most suited PHP Framework that should be used for creating an eCommerce shop.

PHP Framework stats-2

Image Source : excellentwebworld

Start your headless eCommerce
now.
Find out More

Here I am going to show how you can easily set up your eCommerce Shop using the BagistoLaravel eCommercepackage.

Bagisto — Laravel eCommerce

Bagisto is an Open Source eCommerce Framework built on top of Laravel and alsoVue.js. 

Live Demo – Bagisto

With the code-driven approach and the fully customizable structure, you can easily add/change anything.

Now you can easily install Bagisto on Cloudways using the Cloudways Installation Guide


P
rerequisites

  • OS: Ubuntu 16.04 LTS or Higher / Windows 7 or Higher (WAMP / XAMPP).
  • Server: Apache 2 or NGINX
  • RAM: 4 GB or higher.
  • PHP: 7.4 or higher.
  • Processor: Clock Cycle 1Ghz or higher.
  • For MariaDB users – 10.2.7 or Higher.
  • MySQL: 5.7.23 or higher.
  • Node: 8.11.3 LTS or higher.
  • Composer: 1.6.5 or higher.

Using Composer

Below we are going to describe how you can install the Bagisto by using the composer.

Configuration

Follow the steps below to configure the Bagisto.

  • Downloading Bagisto

Open the SSH terminal and go to the specified folder also run the command below to download the project onto your local machine or server

composer create-project bagisto/bagisto

Then go to the specific bagisto folder and configure database and email credentials in the .env file.

Configuring env file-1

After this run the below command to install the Bagisto on the system.

php artisan bagisto:install

In case, the composer is not installed in your system, you can also run the composer commands, by downloading the composer.phar file and put it in the root directory, then run the command below.

php composer.phar create-project bagisto/bagisto

For a downloadable zip file

In case you have downloaded the zip file, get inside the directory bagisto-master, then run the below command.

composer install
  • Setting .env Variables

Once the process has been executed, open the .env file using editors and set your .env variable, especially the ones below:

APP_URL
DB_CONNECTION
DB_HOST
DB_PORT
DB_DATABASE
DB_USERNAME
DB_PASSWORD

Configuring database credentials-1

For a downloadable zip file

If you have downloaded the zip file, you will get the .env.example file. Just make a copy of that file as .env

cp .env.example .env

and also set all the .env variable as mentioned above. Once the variables have been set, generate the application key

php artisan key:generate

Installation

Run the commands below to continue the installation process

Execute the below command to create a migration table in the database as defined in your .env file

php artisan migrate

Now the database will be seeded with default data using seed classes.

php artisan db:seed

With the command below, your configuration, assets (CSS, js, images, etc.) and all necessary files will be copied to the specified publish location

php artisan vendor:publish
-> Press 0 and then press enter to publish all assets and configurations.

You should create a symbolic link of the storage directory with the public using the below command so that the images are publicly accessible.

php artisan storage:link

This is the end of the installation process.

Installation Video

You can also go through the video tutorial for the complete installation process.

zGm7t9mMgRc

Accessing Front-End

 after the successful installation, just need to click the public folder.

Bagisto Public Folder-1

thus the front page of your website will pop up in front of you.

Bagisto Frontend-1

Accessing the Admin Panel

To access the admin panel of your shop, you can also follow the below URL

http(s)://example.com/admin/login

Bagisto admin login-1

And use the following credentials

email:[email protected]
password:admin123

Using the GUI Installer

However, the new version also has been launched recently,  the GUI Installer has been added, which has made the process of setting up your Bagisto eCommerce store much easier.

Thus follow the below steps to install Bagisto using GUI Installer.

After you have downloaded the Bagisto package and extracted that, go to the root directory of the Bagisto and also run the below command to install all the dependencies of Bagisto.

Bagisto Package Installation

Once the dependencies have been installed, you need to click on the public folder as there in the directory.

Bagisto Public Folder-1

The Bagisto installer will pop up in the next step where it will check for the minimum configuration as mentioned in the prerequisites. If everything is alright, click the Continue button.
Bagisto Server Requirements-1

In the next step, you need to fill in the environment variables such as below :

Application Name

Here you need to provide the name for your application or your eCommerce store.

Default URL

Default Currency

Choose the default currency for your store

Default TimeZone 

You can choose the default timezone for successful installation

Default Locale 

Here you need to choose the default locale for your store

After that, click on the Continue button for further configuration.

Bagisto Environment Configuration-1

Apart from the above,  you have to enter the more environment configuration as well, as shown in the below snapshot :

Provide the name of the database that you have created for the store.

Database Prefix

You can enter the database prefix here.

Username

The database server username will be provided here.

Password

Here you also need to provide the password for the database server.

After that, click on the Save & Continue button for successful installation.

Bagisto Environment Configuration-4

Now click on the Start Installation button to create the database tables and publish the vendor files.

Bagisto Installation Panel-1

Next, you will need to click on the Continue Button for successful migration and also for loading test data in the tables.

Bagisto Installation Panel-4

Now, you will need to provide Admin Details for your eCommerce store.

Bagisto Installation Panel-6

Last but not least, the admin needs to set up their email configuration as shown in the below snapshot.

After that click on the Save Configuration button for successful installation of the Bagisto Store.

Bagisto Installation Panel-7

At last, the installation has been over and you will be redirected to the Homepage or front of bagisto.

Bagisto Frontend-4

Conclusion

Above are the steps by which you can easily set up your Laravel eCommerce website in Bagisto and can also modify it as per your requirements.

New features are also added like the Multi-Vendor marketplace by which several sellers can register to sell their products in a single eCommerce store.

velocity-home-page

with the help of Bagisto POS, the user can easily manage the online as well as physical store.

pos1

In addition to this Laravel eCommerce-Bagisto offers a complete SaaS-based ecommerce solution by which anyone can start and grow their online eCommerce business.

merchant

The best thing about the laravel eCommerce website is the simplicity and also the customizable structure by which you can easily customize the bagisto eCommerce Framework.

Also, the admin can improve the accessibility of their Bagisto store by using its Flutter-based Mobile App.

mobile

Moreover, the framework has been developed by Webkul(Laravel Development Company), which is also the leader in creating e-commerce extensions and plugins for the past 14 years.

Along with POS,  bagisto is also suitable for the laravel mobile app

Let us also know about your feedback in the comments below and also if you are looking for any help regarding Bagisto Installation.

. . .

Leave a Comment

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


123 comments

  • Leti
    • Ritika Singh (Moderator)
  • Mani
    • Prachi Chauhan (Moderator)
  • SANDEEP
    • Simant Verma (Moderator)
  • Zain Abedin
    • Simant Verma (Moderator)
      • Zain Abedin
        • Simant Verma (Moderator)
  • Zain Abedin
    • Simant Verma (Moderator)
      • Zain Abedin
        • Simant Verma (Moderator)
      • Zain Ul Abedin
        • Simant Verma (Moderator)
  • Jennifer
    • Simant Verma (Moderator)
  • Zain Ul Abedin
    • Simant Verma (Moderator)
  • Zain Abedin
  • Aymun
    • Simant Verma (Moderator)
  • Aymun
    • Simant Verma (Moderator)
  • Zain Abedin
    • Sanjana Singh (Moderator)
  • Eslam
    • Simant Verma (Moderator)
  • Ajay
    • Prachi Chauhan (Moderator)
  • Wealthyisaiah
  • Mahendra Singh
  • rahul saini
    • saurav pathak (Moderator)
  • robin thakur
    • Prachi Chauhan (Moderator)
  • Ali Reza arju
    • Prachi Chauhan (Moderator)
  • Mahbub Rajiv
  • iraide Aguilar
      • iraide Aguilar
        • iraide Aguilar
          • saurav pathak (Moderator)
      • veroxy
        • saurav pathak (Moderator)
  • Iraide
    • saurav pathak (Moderator)
  • Belawal Umer
    • Vipin (Moderator)
  • Subhankar
    • saurav pathak (Moderator)
  • Rahul Anand
    • saurav pathak (Moderator)
      • Rahul Anand
        • saurav pathak (Moderator)
  • Jesvin
    • saurav pathak (Moderator)
  • lavin
  • Cess
    • Sanjana Singh (Moderator)
      • Belawal Umer
        • Prachi Chauhan (Moderator)
  • Valpuia
  • adam
  • Chato
  • Prajakta
    • saurav pathak (Moderator)
  • Adonai
    • saurav pathak (Moderator)
      • Adonai
        • saurav pathak (Moderator)
  • Vuyane Ngwenya
    • saurav pathak (Moderator)
  • yasir Soori
    • saurav pathak (Moderator)
  • Rendi
    • saurav pathak (Moderator)
      • Rendi
        • saurav pathak (Moderator)
          • Rendi
          • saurav pathak (Moderator)
          • Rendi
          • saurav pathak (Moderator)
  • Ishak
    • saurav pathak (Moderator)
      • Ronald Rios
        • Dhirar Amri
          • saurav pathak (Moderator)
          • adebayo dayo
  • Adli
    • saurav pathak (Moderator)
  • Toyin
    • saurav pathak (Moderator)
  • Toyin
  • Toyin
    • saurav pathak (Moderator)
  • Toyin
    • saurav pathak (Moderator)
      • Toyin
        • saurav pathak (Moderator)
  • Akshay dongare
  • john diggle
    • saurav pathak (Moderator)
      • john diggle
        • saurav pathak (Moderator)
      • kishor
        • saurav pathak (Moderator)
  • Rob Dana
    • saurav pathak (Moderator)
      • Toyin
        • saurav pathak (Moderator)
  • 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