Reading list Switch to dark mode

    Laravel eCommerce Restaurant POS System

    With the help of the Laravel eCommerce Restaurant POS System, restaurant tables can be reserved and managed by the POS agent.

    From the POS panel, a POS agent can also create multiple tables, create a table reservation for the time slot, view all the booked entries with complete details, and send booking details to customers via email.

    Features of Larvel eCommerce Restaurant POS System

    • Configuration option to allowed/disallowed creation of restaurant table by POS Agent.
    • You can also set the maximum number of creation restaurant tables for the POS Agent in the configuration.
    • Allow the table shapes for creating a restaurant table for agents also.
    • Send the email notification to POS customers regarding table booking.
    • Also, send the email notification to the POS agent also regarding table booking by the customer.
    • Add an extra email address for getting table booking email notification as cc to POS agent email.
    • Add the custom message also to the table booking email notification for the customer.
    • POS agents can also create the restaurant table from their POS panel.
    • You can also manage the number of seats per table while creating a restaurant table.
    • POS agents can also create a restaurant table for both existing customers or non-existing customers.
    • Restaurant table listing with search filter by table name at POS agent end.
    • POS agents can also place the table booking order in both Online & Offline mode.
    • Admin can also create a restaurant table on behalf of any POS agent from the admin panel.
    • Admin can also check the booking order history from the data grid at the backend with filter and search options.
    • All types of product also supported(Simple, Configurable, Bundle, Grouped, Virtual, Downloadable.)

    How to install the module Laravel eCommerce Restaurant POS System?

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

    bagisto-laravel-Laravel-eCommerce-Restaurant-POS-System

    Open .env file and provide the value for ‘APP_URL’ global variable

    APP_URL=https://example.com/../../public

    Start your headless eCommerce
    now.
    Read More

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

    Webkul\PosRestaurant\Providers\PosRestaurantServiceProvider::class

    Also goto config/concord.php file and add following line under ‘modules’ array

    \Webkul\PosRestaurant\Providers\ModuleServiceProvider::class

    Then goto config/auth.php file and make the below changes and add following line under ‘guards’

    'posuser' => [
    
    'driver' => 'session',
    
    'provider' => 'posusers'
    
    ],

    Also add following line under ‘providers’

    'posusers' => [
    
    'driver' => 'eloquent',
    
    'model' => Webkul\PosRestaurant\Models\PosUser::class,
    
    ],
    

    add following line under ‘passwords’

    'posusers' => [
    
    'provider' => 'posusers',
    
    'table' => 'pos_user_password_resets',
    
    'expire' => 60,
    ],

    Goto composer.json file and add following line under ‘psr-4’

    "Webkul\\PosRestaurant\\": "packages/Webkul/Pos"

    Also,run these commands below to complete the setup

    composer dump-autoload
    
    php artisan pos_reataurant:install
    
    php artisan route:cache
    
    php artisan vendor:publish

    -> Press 0 and then press enter to publish all assets and configurations.

    Module Configuration of Laravel eCommerce Restaurant POS System

    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.

    Configuration-restaurant-pos-1

    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.

    Configuration-restaurant-pos-2-1

    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.

    Bill Receipt

    Show Logo On Bill Receipt

    If admin set the status as active then the POS logo will be displyed over the bill receipt.

    Use Custom Address On Bill Receipt

     If set inactive, then POS Outlet’s address will show on bill receipt otherwise Custom address will show.

    Store Name 

    The admin can also enter the store name here.

    Store Address

    If admin set inactive, then POS Outlet’s address will show on bill receipt otherwise Custom address will show.

    Email Address

    Here admin can also add the email address

    Website

    The admin can also add the website of their store to show over the bill receipt

    Phone Number

    The admin can add the phone number to show over the bill receipt

    Customer Care Number

    The admin can also add the customer care number here that will be displayed over the bill receipt

    GSTIN Number

    Admin can add the GSTIN number of their store to show over the bill receipt

    Show Order Barcode On Bill Receipt

    If status is active, the Order’s Barcode will be showing on the bill receipt

    Provide Footer Custom Note On Bill Receipt

    Under this section the admin can add the Custom Footer Note which will be showing on the bill receipt 

    Enable Order Print Confirmation Option

    Enable this toogle button to enable the order print confirmation option.

    Configuration-1

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

    Configuration-restauranr-pos-settings-for-table-1

    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.

    Max No. Of Create Table [per agent]

    In this field the admin can set the maximum number for the table, that an agent can create.

    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.

    Laravel eCommerce Restaurant POS System:- Admin View

    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.

    pos-user-list

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

    Add-User-laravel-ecommerce-pos-reataurant-1

    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.

    outlet-list-laravel-pos-restaurant-1

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

    add-outlet-pos-laravel-restaurant-1

    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-product-pos-restaurant

    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.

    manage-pos-restaurant-products-laravel-ecommerce

    Products

    Here admin can also view all the products associated with his store accordingly they can generate barcodes for the products to be used by the POS agent to add a product to the cart during the check-out process.

    pos-restaurant-pos-product-list

    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.

    pos-restaurant-order-list

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

    Order-info-pos-restaurant

    Request Product

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

    request-product-pos-restaurant

    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:-

    bank-list-pos-restaurant

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

    add-bank-details-pos-restaurant

    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 find all the sales report in this section and the admin can also filter these sales report details according to the requirement bu selecting outlet, Sale type and Bank in the filters accordingly as shown in the image below:-

    laravel-restaurant-pos-sales-report

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

    Order-2-sale-details-info-pos-restaurant-laravel-ecommerce

    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:-

    restaurant-table-laravel-ecommerce-pos-restaurarent

    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:-

    add-new-table-laravel-pos-restaurant

    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:-

    table-booking-history

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

    Order-4-pos-restaurant

    Laravel eCommerce Restaurant POS System:- Front End

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

    Restaurant-pos-login-panel

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

    Pos-drawer-amount

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

    pos-restaurant-pos

    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:-

    Pos-reataurant-table-list

    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:-

    table-booking-pop-up

    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:-

    table-history-pos

    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:-

    table-booking-checkout

    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:-

    pos-restaurant-add-product

    To add the customer the Pos agent just need to click on the customer button. After clicking on customer the agent can add the customer as shown below:-

    select-customer-restaurant-POS

    After selecting the customer from the customers list just click on the select customer button, the agent can also edit or add another customer from the above page.

    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:-

    Screenshot-2

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

    checkout-pos-restaurant-1

    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:-

    split-payment-pos

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

    Once the agent clicks the Confirm Payment button a pop will also generate regarding the confirmation of the payment. This will only generate if the admin has enabled this option.

    POS-restaurant

    Click on the Confirm button.

    After clicking on the Confirm button the success message pop up will appear as shown below:-

    success-pop-up-Pos-restaurant-laravel

    By clicking on the Print button agent can also print the invoice else click the skip button.

    Sales-History-page-001-1

    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-create-pos-agent-laravel-restaurant-pos

    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.

    Offline Mode

    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 tableadd the products to the booked table, and complete the checkout for the customer.

    pos-offline-book-table

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

    offline-release-table

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

    pay-offlinr-pos-restaurtant

     

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

    NOTE – Credit Amount cannot be used in offline mode!

    offline-cash-payment-pos-restaurant-laravel

    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.

    offline-sale-order-list-2

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

    syncronise-offline-orders-pos-restaurant

    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.

    Support

    So, that was much about the User Guide of Laravel eCommerce Restaurant POS System for any queries or doubts reach out to us at [email protected]. You can also raise a ticket at our HelpDesk System.

    Please explore our Laravel Development Services and Quality Bagisto Extensions.

    Current Product Version - 1.2.0

    Supported Framework Version - Bagisto v1.2.0

    . . .
    Add a comment

    Leave a Comment

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


    4 comments

  • Dai Software
    I’m glad to find another amazing app development blogger.

  • Mario bell
    Great information about the POS system for small and large restaurant business
    • Simant Verma (Moderator)
      Thanks, Mario bell.
  • Back to Top
    I have tested and used Webkul Marketplace extension for years under Odoo and now recently also deployed it under Magento 2 and I have to say that not only the code is responsive but also the team :-) Working hard and politely on my little nerdy requests, bug fixing and customization.
    Mohamed Es Fih
    eSolutions for Business Adviser
    www.intracen.org
    Talk to Sales

    Global

    Live Chat

    Message Sent!

    If you have more details or questions, you can reply to the received confirmation email.

    Back to Home

    Table of Content