Reading list Switch to dark mode

    Point of Sale (POS) System for Magento

    Updated 3 November 2022

    The Point of Sale (POS) System: It refers to a system where the merchant can create the order from his physical store using the POS and the order will be generated in Magento.

    The Basic feature of the POS system for Magento is to create the order in front of the customer so that customer can purchase the goods from his/her physical store as well as from his/her online eCommerce store. With the help of this module, merchants can manage POS inventory and customers.

    The system can work in both online and offline mode. In offline mode, all the orders, and transaction are saved locally. When the internet is available for use, then the agent can easily synchronize the offline data to the online data. The module is very useful for increasing the overall revenue by having online stores along with the physical stores.

    Note- You can even have Magento POS Native App Builder which will convert you POS into a mobile application for Android devices.

    Features of Point of Sale (POS) System

    • Admin can easily manage the inventory and sales.
    • Easy transaction process.
    • The admin can create outlets and can assign a salesperson to the outlets.
    • Admin can create more salesperson to operate the POS system.
    • Admin can print the barcode slip.
    • Admin can enter the Main and subtitle, which is visible on login page in the front end.
    • Admin can set the configuration for allowing the salesperson to login on a single system(or same IP Address) at a time.
    • Admin can select inventory management on catalog only or different inventories.
    • It also works in offline mode or in poor internet connection.
    • Admin can manage the Customers’ data.
    • The salesperson can add New Customers.
    • Real-time synchronization.
    • Products can be added to cart by Barcode and SKU.
    • Centralized and different Inventory Management for Magento Online Store and POS outlet ad per admin settings.
    • The admin can assign products to the POS outlet and can also manage the quantity of the products to be assigned to the POS outlet.
    • Taxation is calculated in online mode(only).
    • The salesperson can add a  note(as a custom message) for admin on each order while checkout.
    • The Salesperson can add a custom discount for the customer.

    Please Note-

    Searching for an experienced
    Magento Company ?
    Find out More
    • The Magento POS connects only to the Printer, and barcode reader, whereas it doesn’t connect directly with the cash drawer and card swapping machine.
    • POS requires a browser to work on it.
    • POS supports 7.5 screen size minimum.
    • For now, you cannot add the new customer in Offline mode.
    •  POS uses Browser Local Storage – The local storage is a Web Storage. The local storage uses the localStorage object to store data for your entire website. Each piece of data is stored in key/value pairs.

    How to Increase the Local Storage Limit of Browser –

    To Increase the local storage limit of the browser, we can use Firefox browser.
    Please find the steps to increase the limit of local storage are

    First step:

    Please search the following text in the URL search bar : about:config 

    webkul-magento-browser-limit-3

    Second Step :

    Then search for the following text: dom.storage.default_quota after clicking on ” I accept the risk” button as shown below –webkul-magento-browser-limit-2

    Third Step :

    We can increase local storage limit by clicking on “dom.storage.default_quota ” as shown below –

    webkul-magento-browser-limit-1

    Now we can see the increased local storage limit –

    webkul-magento-browser-limit

    Installation

    The point of Sale (POS) System module installation is super easy you need to move app, js, skin folders and pos.mf file into the Magento root directory that’s it as per the screenshot.

    webkul-pos-move-file

    After moving all the folders and file, flush the cache from Magento admin panel. Under System > Cache Management.

    cache-mgmt

    Admin Backend Configuration For POS

    POS CONFIGURATION

     POS configuration section is meant for admin to enter the titles, which is reflected in login panel of Sales agent (Front-end). Admin can navigate to POS>POS Configuration.

    Main Title-The title of the store as admin wants.

    Enable Single Login-By setting ‘Yes’ the admin can enable single login for the POS user. That is a POS user can login with the login credentials on only one IP.

    Sub Title-The sub-title or any information about the store.

    Inventory Management- The admin can select here the inventory which will be updated when a purchase will take place on POS. The admin can select from Catalog or Different inventory options.

    • Catalog inventory- This will decrease the online as well as POS inventory with the purchase on POS.
    • Different inventory- This will decrease the POS inventory only with purchase on POS.

    webkul-pos-Configuration

    Add / Manage Outlet

    After the successful installation of the POS system module admin will be able to view the POS system tab where he/she can add/manage outlets by navigating through POS> Add/Manage Outlet.

    webkul-pos-manage-outlets

    After clicking on Add/Manage Outlet the admin will be redirected to the Outlet Manage page.

    webkul-pos-manage-outlets

    • The admin can delete/enable/disable the selected outlets from “Actions” drop-down.
    • Outlet check-box for deleting/enabling/disabling outlets.
    • Edit button for viewing/editing outlets.
    • Add Outlet for adding the new outlet to the store. The admin has to fill some fields of Outlet Information to add a new outlet.

    webkul-pos-add-outlets

    1. Outlet Name for naming the outlet.
    2. Outlet Address for giving the address of the outlet. The address section has HTML edit option and tools.
    3. Status of the outlet can be enabled or disabled.

    1- When in admin configuration the Inventory Management is set as Different inventory-

    After providing the Outlet Information, the admin can add associated products to the outlets. Here any purchase on POS will be reflected only on the POS inventory.webkul-pos-manag-inventory

    • The admin can select the associated products for the outlet by checking the respective check-box of the product.
    • The admin can provide the quantity of the product for POS via “Qty To Add” column.

    2- When in admin configuration the Inventory Management is set as Catalog inventory.

    In this case both the inventory, that is, online as well as physical store inventory will be same and deduction due to purchase will be reflected in the catalog inventory.

    Catalog-inventory

    Add / Manage Salesperson

    The admin can add/manage cashiers by navigating through POS -> Add/Manage Sales Personwebkul-pos-manage-sales-person

    • The admin can delete/enable/disable the selected salesperson from “Actions” drop-down.
    • Salesperson check-box for deleting/enabling/disabling salesperson.
    • Edit button for viewing/editing salesperson.
    • Add Sales Person for adding new cashier for an outlet. The admin has to fill some fields of salesperson information to add a new salesperson.

    webkul-pos-add-cashier

    1. The admin can Choose file for uploading the profile picture of the salesperson.
    2. Full Name of the salesperson.
    3. Last Name of the salesperson.
    4. Email Address of the salesperson.
    5. Contact No. of the salesperson.
    6. Password for the salesperson’s account.
    7. Confirm Password for confirming the salesperson’s password.
    8. Sort Order for the salesperson.
    9. The admin can choose outlet for which the salesperson account is been added.
    10. The admin can enable or disable the salesperson’s account by changing its status.

    After filling all the required information, you can save the user and the user can Login the POS system (fronted) by using the username (email address) and password.

    NOTE- The fields with Asterix mark (*) is for required fields.

    Print Barcode Slips help the admin to print the barcode of the respective product.The printed barcode then can be attached to the product. Admin can navigate to POS>Print Barcode Slips.

    webkul-pos-print-barcode-slip

    The admin can here select the product and in Action can choose Print. This will generate a PDF which admin can print.

    webkul-pos-print-barcode-slip-pdf

    POS Front-End

    The POS panel link can be obtained by adding “/pos” to the base URL of the website.

    For eg. www.example.com/pos

    In the given demo the base URL is http://magento.webkul.com/magento-pos/index.php. If we add “/pos” then we will get the POS link for the demo website which will be http://magento.webkul.com/magento-pos/index.php/pos

    The salesperson can easily Login the POS System (fronted) by using the Username (email address) and Password which is created by Admin.

    webkul-pos-front-end-login

    After the Sign-up the Salesperson will be redirected to his/her POS panel. The image below shows the POS panel of a Salesperson.

    webkul-pos-panel

    • The POS panel shows all the products in the default category. The salesperson can change the category to view the product category wise.
    • Salesperson POS menus for sales management like Orders, Orders on hold, Offline Orders and Cash Drawer.
    • Product Search for searching the product by Name and SKU.
    • Offline/Online mode indicator. The POS panel can work in both online and offline mode. The green icon shows online mode and the grey icon shows offline mode.
    • Cart Hold icon can be used for holding a cart for later checkout or product addition. The held cart can be continued for processing by the salesperson.
    • Synchronise button icon to synchronize offline data to online data when the internet is available. The salesperson can view offline mode orders by navigating to Offline Orders in the POS menu.
    • The cart icon shows the count of the products present in the cart.
    • The salesperson can add a product to the cart by clicking on it. The number of clicks on the product is the number of unit of the products added to the cart.
    • Cart area has all the product with quantity detail. The salesperson can directly delete products from the cart.
    • The salesperson can use a barcode reader to add products to the cart by enabling Barcode Reader input via Barcode button.
    • The salesperson can add products to the cart by product’s SKU.
    • The Full-Screen button helps in expanding the view of the screen to full screen. You can exit Full-Screen mode by clicking back on the same Button.

    Adding products to cart

    The salesperson can add products via multiple methods. The products can be added by clicking on the products, by product SKU, and through Barcode (via Barcode reader).

    Adding Products By Clicking

    The salesperson can add products by clicking on the products. The number of clicks on a product is the number of units of that product added to the cart.

    webkul-pos-add-product-by-clicking

    • The salesperson can view the products category wise by choosing a category from the category select drop down.
    • Product search is for searching a product by name or SKU.
    • The products of the cart can be deleted by Delete Product icon button present on each product is shown in the cart.
    • The Products are shown in the cart with details like name of the product, unit of product, price per unit and the total price of the product by adding all units price.
    • The salesperson can see the subtotal and grand total price of the cart.
    • The salesperson can change the quantity of a product by selecting the product and clicking on the “Quantity” button icon. The salesperson can give the required quantity and save it by clicking on “Done” button.
    • The salesperson can directly delete the whole cart by “Delete Cart” button.
    Adding Products By Using Barcode Reader

    The salesperson can add products to the cart by scanning barcodes of the products by a barcode reader.

    Please Note: The barcode reader must be attached to the salesperson system for adding the products to the cart via barcode option.

    webkul-pos-add-product-by-barcode-reader

    • Barcode icon button is for enabling the input from barcode reader to add a product to the cart.
    • After clicking on “Barcode” icon a pop-up window appears. Scan the product’s barcode from barcode reader to add the product to the cart. When all the required products are added then the salesperson can click  “Close” to disable input from the barcode reader.
    • Unit of product in cart increase with number scan of a product.

    webkul-pos-scaning-product-barcode

    Adding Product By Using Product’s SKU

    The salesperson can add products to the cart by their SKU.

    webkul-pos-add-product-by-sku

    • On clicking the SKU button a popup screen appears, through which the salesperson can add products to the cart.
    • The salesperson will enter the product’s SKU and press enter to add the product to the cart.
    • Unit of product in cart increase with number times the SKU has been entered.

    add product to cart by sku pop up

    Customer Management by salesperson

    After all the required products of a customer has been added to the cart then, the salesperson can choose/add customer for which the order has to be made. Click on Choose/Add customer icon.

    • The salesperson can choose a customer from the registered customer list. The salesperson can search registered customers by name.

    webkul-pos-select-customer

    • If a customer is not registered to the store then, the salesperson can add customer by clicking on the “Add Customer” icon.

    webkul-pos-add-new-customer

    1. First Name of the customer.
    2. Last Name of the customer.
    3. Email-Id of the customer.
    4. The telephone number of the customer.
    5. Street Address of the customer
    6. Street Address 2 is for a much detailed street address.
    7. City name of the customer.
    8. Zip/Postal Code of the customer’s location.
    9. Country name of the customer.
    10. State of the customer.
    11. Lastly, the salesperson will click “Continue” to register the customer and redirecting to Place Order page.

    Completing Orders

    After the customer has been added to the cart for creating an order, the salesperson will complete the order by placing the order to generate the invoice.

    • If the customer is registered then select the customer from the registered customer list and click on “Pay” button. After clicking the button the Place Order page will appear on the screen.
    • If the customer is not registered then, the salesperson will add the customer and click on “Continue” to register the customer and redirecting to Place Order page.
    • Custom Message is meant to add a note to admin for any order.

    webkul-pos-custom-message

    • The place order page shows the name of the customer.
    • Amount to pay is the total amount of products in the cart, Amount paid is the amount paid against the total amount. Sometimes the paid amount is more or less than the total payable amount so the Extra amount to return or take is shown below the total payable amount.
    • Address of the customer can be chosen and saved by “Done” button. The customer can change/add an address of the customer by clicking on Edit button. Here, you can review customers address and if required you can change the address by clicking on “Add New“, then a page related to the address details will open where you can edit the address. Change the address and continue to place the order with a new address.

    webkul-pos-placed-order

    • Lastly, the salesperson will click on Place Order to place the order and generate the invoice. The salesperson can print the invoice and move to next order.

    webkul-pos-print-invoice

    Custom Discount

    The POS user can now give the Custom discount to its valuable customers. Custom discount is the discount given at the time of checkout generally against a voucher or coupon or other offers on the store.

    webkul-pos-custom-dsicount

    Here the salesperson can add the discount by clicking on the product and then clicking the discount button will enable the custom discount field to enter the discount amount.

    The customer can find this discount on the invoice generated post payment.

    webkul-pos-print-invoice

    Order On Hold

    The salesperson can put the cart on hold for the later processes and can continue to process on the held cart when required. The salesperson can put a cart on hold by clicking on “Put cart on hold” icon situated on the right side of the header.

    webkul-pos-put-on-hold-order

    • The salesperson can navigate to the “Order on Hold” through POS menu icon -> Order on Hold.

    webkul-pos-hold-order-tab

    After Clicking on the Order on Hold tab the salesperson will be redirected to the orders on hold.

    • List of orders on hold.
    • Order Details including the product information along with the price and grand total.
    • The salesperson can Re-cart the held order to continue the further processes.
    • The salesperson can Remove Cart from the held order list.

    webkul-pos-hold-order-list

    Orders

    The salesperson can check the orders by navigating through POS menu -> Orders.

    webkul-pos-orders

    • List of the orders including all the online and offline orders.
    • Order Detail of each order.
    • Customer Details like name and address.
    • Date, time and time zone of order.
    • Payment method detail.
    • Print Invoice button to print the invoice.

    Offline Orders

    The salesperson can check the offline orders by navigating through POS menu -> Offline Orders.

    webkul-pos-offline-orders

    • List of the offline orders includes all the offline orders.
    • Offline Order Detail of each order.
    • Customer Details like name and address.
    • Date, time and time zone of order.
    • Payment method detail.
    • Print Invoice button to print the invoice.
    • Sync Order button to synchronize the order to online orders and data. The salesperson can also sync offline orders by Sync icon on the home page.

    webkul-pos-sync-icon

    Cash Drawer

    As the salesperson Sign in, he checks the cash amount in his Cash Drawer. After checking, the amount is submitted initially just after the Sign in.

    • The Credit amount is the amount taken by the salesperson from the customer against the payable amount of an order.
    • The Debit amount is the return of extra money as a change to the customer.
    • The Balance is the net amount added to the cash drawer after debit and credit.
    • Opening Balance is the starting balance amount in the cash drawer.
    • Closing Balance is the closing amount is the cash drawer after a set of work hour.

    webkul-pos-cash-drawer

    Refresh Productlist

    This helps in refreshing the product list, any changes done by admin is reflected on the frontend. Thus, avoiding the requirement of reloading the whole page.
    webkul-pos-refresh-product-list

    Refresh Category list

    This helps in refreshing the category list, any changes done by the admin is reflected on the front. Thus, avoiding the requirement of reloading the whole page.

    webkul-pos-refresh-category-list

    Refresh Customerlist

    This helps in refreshing the customer list, any changes done by admin is reflected on the frontend. Thus, avoiding the requirement of reloading the whole page.

    webkul-pos-refresh-customer-list

    For any query or doubt, please add a ticket at https://webkul.uvdesk.com/

    Current Product Version - 2.0.1

    Supported Framework Version - 1.9.x.x

    . . .

    Leave a Comment

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


    32 comments

  • Lucas White
    • Zeba Hakim (Moderator)
  • Tony Hansen
  • Falgun
    • Webkul Support
      • Falgun
        • Webkul Support
          • Falgun
          • Webkul Support
          • Falgun
          • Webkul Support
  • Nico Pougne
    • Webkul Support
  • Nico Pougne
    • Webkul Support
      • Webkul Support
  • Birger Kvam
    • Sushil Kumar Saini
      • Nico Pougne
  • Natasha Singh
    • Nirupama Shree
    • Sushil Kumar Saini
  • Christyn
    • Sushil Kumar Saini
    • Sushil Kumar Saini
      • Christyn
        • Sushil Kumar Saini
      • Christyn
        • Sushil Kumar Saini
  • Bineesh Thavanur
    • Sushil Kumar Saini
  • 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