Laravel eCommerce Restaurant POS System

With the Laravel eCommerce Restaurant POS System, POS agents can reserve and manage restaurant tables efficiently.

The Laravel eCommerce Restaurant POS System lets POS agents reserve and manage restaurant tables, view bookings, and send booking confirmations via email.

• Create and manage multiple outlets directly from the admin panel using the Laravel eCommerce Restaurant POS System.
• Sales agents can apply and manage discounts from the front end.
• Support for managing customers both online and offline.
• Hold and resume carts from the front end.
• Generate and print barcodes from the back end with the Laravel eCommerce Restaurant POS System.
• Assign inventory sources to outlets for separate product inventory management.
• Support for cash and card payments at the front end.
• The Laravel eCommerce Restaurant POS System synchronizes customers and orders, even in offline mode. Place orders with custom products.
• Support for Simple, Configurable, Downloadable, Virtual, Bundle, Grouped, and Booking products. Customize POS sales invoices.
• View detailed sales reports with advanced filters in the Laravel eCommerce Restaurant POS System.
• Enable or disable restaurant table features from POS settings.
• Set the maximum number of tables a POS agent can create.
• Define allowed table shapes during creation.
• POS agents can create and manage restaurant tables directly from the Laravel eCommerce Restaurant POS System.
• Define the number of seats for each table.
• Assign tables to registered or guest customers.
• Search and filter restaurant tables by name.
• Admins can create and manage restaurant tables for POS agents using the Laravel eCommerce Restaurant POS System.

Unzip the respective extension zip and then merge “packages” folder into project root directory.

Goto bootstrap/providers.php file and add following line under ‘providers’

Webkul\PosRestaurant\Providers\PosRestaurantServiceProvider::class,

Add the following line under the psr-4 section in composer.json:

"Webkul\\PosRestaurant\\": "packages/Webkul/PosRestaurant/src"

Run Commands Execute the following commands from the root directory in the terminal:

composer dump-autoload

php artisan pos-restaurant:install

After the successful installation of the module the admin can easily configure the module from the admin panel.

The admin needs to navigate to the configure>>Point of sale in which there are two options Settings and Restaurant.

Under the settings there are several fields that needs to be filled by the admin as shown below:-

Status

From here the admin can active or inactive the POS status.

Heading On Login 

Enter the POS heading which will be visible on the POS login panel.

Sub-Heading on Login

 Enter the Sub-Heading which will be visible on the POS login panel.

Footer Content

Enter the footer content which will be displayed in the footer section of the POS login panel.

Footer Note 

Enter the footer note.

Footer Link Text

Enter the footer link text here.

Footer Link

Enter the footer link here.

POS Logo

Upload the logo image which will be shown on the landing page of POS at the front end and will also displayed over the bill receipt.

Barcode Size

Here admin can enter the size of the barcode.

Print Product Name With Barcode 

Admin can also select Yes in the option if they want to print the product name with product barcode.

Barcode Image Type 

Admin can select the barcode image type from the drop-down. Barcode can be print horizontally or vertically.

Generate Barcode With

Admin can generate the barcode with the Product ID or with Product SKU(Stock keeping unit) from the drop-down.

Barcode Prefix [Left blank if don’t want to add prefix]

The admin can also add “Prefix”

Pos Search Options [Search By]

The POS agent can also search the product by “Product Name & SKU” else can serach the product at front end by “Barcode” of the product.

Hide Barcode Icon

The admin can active or inactive the section as per their need.

POS Product

Allow Sku For Custom Product

Once the admin active this section, at the front end the POS agent can add the Custom Product SKU while adding the product to customer cart.

Under the Restaurant section there are also some fields that need to be filled by the admin as described below:-

Status

The admin can also activate the POS restaurant for the agent.

Can POS agent create Table?

The admin can active and inactive this feature from the drop-down menu.

Table Shape 

The admin can multi-select the shape of the table between circle, square and curved square.

Table Booking Email To Customer

The admin can set it as Yes or NO.

Table Booking Email To Pos Agent

The admin can set it as YES or No

Table Booking Email To Pos Agent

The admin can also add an extra email address for getting table booking email notifications as cc to POS agent email.

Custom Booking Email Note

The admin can add the custom booking email note for the customers.

On the admin dashboard, click the POS icon which is there on the left-hand side to check on for the features as available in the backend for admin.

Users

Here you will also find the list of multiple users that have been created by the admin.

Admin can add the users by clicking on the Add User button.

Username

Enter the username.

First Name 

Enter the first name of the user.

Lastname

Enter the last name of the user.

Email 

Email id of a user.

User Avatar 

Here admin can also use any icon or figure to represent the user.

Add Image

Add an image to represent the user.

Password

Set the password for the user.

Outlet

Select the outlet from the drop-down.

Status

Admin can active or inactive the outlet status from the drop-down.

Lastly hit the Save User button to save the user configuration successfully.

Outlets

 Here the admin can also find the list of multiple POS restaurant outlets.

An admin can also create outlets by clicking on the Add Outlet button.

Outlet Name

Provide the name of the outlet in the  field

Status 

Admin can also active or inactive the outlet status from the drop-down.

Outlet Address

The address of the outlet will be provided in this section.

Outlet Country

Country of the outlet.

Outlet State 

State of the outlet.

Outlet City

The city of the outlet will be provided in

Outlet PostCode

 Postcode of the outlet.

Inventory Source

Admin has to choose the separate inventory for each outlet from the drop-down.

Lastly hit the Save Outlet button to save the outlet configuration successfully.

After creating the outlet, the admin will also Manage the Product to the outlet by hitting the below icon shows in the image.

Manage Outlets Products

Now, under the Manage Outlets Products tab, the admin will also assign the products to the outlet by enabling the products for the outlet. Assigned products will be displayed on the POS front-end.

Products

The admin can view store products and generate barcodes, allowing POS agents to quickly scan items and add them to the cart during checkout.

Orders

Here admin can also view all the POS restaurant orders in a given list or they can view any order details by simply clicking on order as shown in the image below.

By clicking on the eye icon as shown in the above image, the admin can easily check the order information.

Request Product

Under the Request Product tab Admin will check the “Low stock product request” sent by the POS user.

Bank Details

Under this the admin can also see the bank list that have been provided by the admin as shown in the image below:-

By clicking on the Add Bank the admin can add another Bank details as shown below:-

Under the General section there are four fields as described below:-

Bank Name

Provide the bank name in this field.

Bank Address

Provide the bank address in this field.

Email

Provide the admins email in this field.

Phone

Provide the admin’s phone no. in this field.

Under the Pos agent and bank status there are two fields described below:-

Assign Pos Agent

The admin can also assign a Pos agent from the drop down menu.

Status

The admin can active or inactive the bank status in this field.

Note**:- The Pos agent can select those banks only that have been assigned to him, when the customer is doing payment through card.

Sales Report

The admin can view all sales reports and filter them by outlet, sale type, and bank to quickly access the required records, as shown in the image below.

By clicking on the eye icon the admin can see all the details regarding any particular order as shown below:-

Restautant Tables

In this section the admin can also find all the tables that have been created by the admin and the POS agent as shown in the image below:-

By clicking on the create table button the admin can also create a new table. After clicking on the create table button a page will open that carries several fields as shown below:-

Under the General section there are four fields described below:-

Table name

Provide the table name in this field.

Table Type

The admin can select the table type here from the dropdown for example:- Square, Circle, Semi Square.

Status

The admin can active or inactive the status for the table from here.

Position

The admin can set the position for the table here.

Under the Seat and Agent section there are two fields that are described below:-

Total No. of Seat

Here admin can set the total no. of seat for the table.

Agent

The admin can select the POS agent from the drop-down menu

After filling all these fields click on the save table button.

Table Booking History

In this the admin can find all the table booking history that have been done before as shown in the image below:-

By clicking on the eye icon the admin can see all the details regarding the booking as shown in the image below:-

The user can easily Login to the POS System by using the Username (email address) and Password

After the Sign in the Pos user also need to enter the opening drawer amount as shown below:-

Now the POS Users will be redirected to the POS panel as shown in the below image.

The Pos agent can see the Restaurant option on the left side of the screen in the menu bar, from where the Pos agent can manage several actions as described below:-

Table List

The Pos agent can see the list of the tables along with the seats for each table that have been created under this section as shown in the image below:-

To book the table for any customers the Pos agent just need to click on the Book Table button that is visible under each created table.

After clicking on the Book table button a pop up will generate where the Pos agent also needs to enter the details of the customer as shown in the image below:-

In the above pop up the Pos agent needs to enter the several fields as described below:-

Select Customer

From here the agent can also select the existing customer for the table booking.

OR

Full Name

Enter the name of new customer.

Email Address

Enter the email of the customer in this field.

Book Total Seat(s)

Enter the no of seats to be booked in this field.

Booking Date

Enter the booking date in this field.

Booking Time From

Select the beginning time for the table booking

Booking Time To

Select the time till when the table is booked.

Table Booking History

Under this section Pos agent can find all the bookings with all details as shown in the below image:-

The Pos agent can also search the table by booking id, customer name, table name ,etc.

By selecting any table the Pos agent can add the products and the customer for the table that has been selected as shown below:-

On clicking on the Table Release button the Pos Agent can also delete the table booking.

After clicking on Add product the Pos agent can add the restaurant product as shown below:-

Now after the customer has been selected, the agent can proceed for the checkout process by clicking on the Pay button.

After clicking on the pay button the agent will be redirected to another page where the Pos agent can take the payment through the Cash, Credit Payment, and Split Payment.

When the customer is making payment through cash the payment page will look like shown below:-

When the customer is choosing credit payment the page will look like shown below:-

Here the agent needs to select the Bank and need to enter Card Details. The agent can also add the order note here.

When the customer is choosing spilit payment the page will look like shown below:-

After this process the agent also need to click on the Confirm Payment button.

Create Table

The Pos agent can also create a table if the admin has granted the permission to the agent, while creating a table the agent needs to enter the several fields as shown in the image below:-

Table Name

Provide the name for the Table.

Table Type

Select the table type.

Status

Select the status between the active and inactive.

Position

enter the table position in this field.

Total No. of Seat

Enter the number of seat for the table in this field.

One of the best functionalities of this module is that the POS agent can also use the add-on in the offline mode too.

When in the offline mode, the POS agent can book the table, add the products to the booked table, and complete the checkout for the customer.

Now, from the Booked Table section, the POS agent can also release the table, or add the products for the reserved table

The POS agent can add the products to the reserved table and process for the checkout.

 

The POS agent can complete the checkout by accepting the payment.

NOTE – Credit Amount cannot be used in offline mode!

After placing the successful order, the POS agent can also print the invoice of the booked table.

The POS agent can also view all the offline orders from the order section.

And Sync all the offline orders when back to online mode.

After syncing all offline orders, the offline orders can also be viewed in the Orders section in the Sale History tab.

Note**:- Pos agent cannot create the table in the Offline mode.

That’s all for Laravel eCommerce Point of Sale, still, have any issues feel free to add a ticket.

Also, let us know your views on making the module Laravel eCommerce Point of Sale better https://bagisto.uvdesk.com/en/