Reading list Switch to dark mode

    Opencart POS Flutter App

    Updated 6 December 2023

    If you are having a brick-and-mortar business and also sell products online. Then, POS is a must-have feature for your e-commerce business. The point of Sale (POS) refers to a system where the store owner can create the order from his physical store.

    Using the POS the order will be generated in the Opencart. The Point of Sale module enables the store owner to sell Opencart products in retail stores.

    Using Opencart POS Flutter App the store owner can easily create an order from his physical store using the POS app from his mobile. With the help of this App, merchants can manage their inventory and customers.

    The App can work in both online and offline modes. In offline mode, all the orders, and transactions are saved locally. When the internet is available for use, the user can easily synchronize the offline data to the online data.

    The App is very useful for increasing the overall revenue by having online stores along with physical stores. Moreover, the app follows the latest technology of Flutter wherein one can use Dart to build mobile apps.

    Searching for an experienced
    Opencart Company ?
    Find out More

    Please Note-

    • Opencart Point of Sale System module is required to build this app, so please purchase it separately if you haven’t.
    • The Opencart POS connects only to the Printer, and barcode reader, whereas it doesn’t connect directly with the cash drawer and card swapping machine.
    • For now, you cannot add the new customer in Offline mode.
    • After the purchase of the application, we will provide the PDF which contains the details required to check the synchronization between Web-Store and Mobile Application. You need to fill in the details and submit them back to us.

    Check a brief overview of the OpenCart POS flutter mobile app for android –

    ITpDvU1sjGY

    What is the need for a POS mobile app?

    Having a mobile app for your POS is great. Because these days a mobile app is far way better than that your web applications as they offer better user experience and improved usability. And also have quick and flexible navigation and app page loading. That’s why at a rapid pace, the need for and dependency on mobile applications are increasing.
    Considering the convenience and benefits of a mobile application Webkul MOBIKUL has now created a mobile application for your POS – Opencart POS Flutter App

    Features

    • It also works in offline mode or poor internet connection.
    • Synchronize offline data to online data when the internet is available.
    • Can view offline mode orders.
    • Can add a product to the cart by clicking on the product.
    • The POS User can view all the products which have a low quantity in stock.
    • The POS User can request an update of the low stocks.
    • Can hold a cart for later checkout or product addition.
    • The customers can also avail themselves of the discounts and use the coupon code on their purchase.
    • The POS User can add to New Customers.
    • The POS User can also configure their account details.
    • Real-time synchronization.
    • Easy transaction process.
    • Centralized Inventory Management for Opencart Online Store and POS outlet.
    • Multi-language and multi-currency support.

    Installation

    Installation of the POS Flutter Native app is very simple. After you unzip the downloaded zip file. You need to select the folder according to your open cart version.

    Further, in your selected folder, you will find admin, catalog, and ocmod folders. You just need to move admin, catalog folders into the root directory of your open cart website.

    screenshot_from_2021_07_08_15_24_27-1-1

    Upload File

    Now, navigate to Extensions>Extension Installer. Click the Upload button and browse the XML file, this file is in the ocmod folder. Please select the correct ocmod folder according to the Opencart version installed on your system.

    modification_installer

    After uploading the file navigate to Extensions>Modification and click on the Refresh button.

    Mobikul-1

    To configure the Opencart POS Flutter App module settings, the admin will navigate through Extensions > Extensions > Modules > POS Flutter Native App.

    Mobikul-1-1

    Now, tap the edit button to bring up the configuration settings of the extension.

    Moreover, the admin can also approach the configuration by navigating to the POS Flutter Native App > Configuration.

    Mobikul-2

    Here, the admin will –

    Status: Enable or Disable the status use by selecting the appropriate option.

    API Key: The admin will enter the API key to authenticate the API.

    API Password: The admin will enter the API Password to authenticate the API.

    POS Frontend

    The POS User can easily log in to the POS System (fronted) by using the Username and Password which is created by Admin.

    mockup-13

    After the successfully Login, the POS Users (sales agents) will be redirected to the POS System (frontend) where they can view all the categories, products, and checkout panel.  Also, the POS User can manage his account information and can view the orders list (a list of orders which is generated by the POS User).

    mockup-14

    • Offline/Online mode indicator. The POS can work in both online and offline mode. The wifi icon shows online mode and the wifi icon with cross shows offline mode.
    • The POS panel shows all the products in the default category. The POS User can change the category to view the product category wise.

    Add Products to Cart

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

    mockup-15

    The POS User can change the quantity of a product by selecting the product and clicking on the “Quantity” button icon. The POS User can give the required quantity as per the choice.

    mockup-16

    • The products of the cart can be deleted by the Delete Product icon button.
    • The Products are shown in the cart with details like the name of the product, unit of product, the price per unit and the total price of the product by adding all units price.
    • The POS User can see the subtotal and grand total price of the cart.

    Add Customer

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

    • The POS User can choose a customer from the registered customer list. The POS User can search for registered customers by name.

    mockup-17

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

    mockup-18

    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. City name of the customer.
    7. Zip/Postal Code of the customer’s location.
    8. Country name of the customer.
    9. State of the customer.
    10. Lastly, the POS User will click “Continue” to register the customer and redirecting to the Place Order page.

    Completing The Orders

    For Completing the orders, the POS User will first select the customer and then proceed further.

    • If the customer is registered then select the customer from the registered customer list and click on the “Pay” button.
    • Else the customer is not registered then, the POS User will add the customer using add customer icon and click on the “Continue” button.
    • And then choose the Payment method.

    mockup-19

    • Balance Due is the total amount of products in the cart, Amount Tendered is the amount paid against the total amount. The amount tendered should be equal or more than the balance due“. If the amount tendered is more than the balance due then the customer will get back the extra “change” amount.
    • POS can also add the order note.
    • Lastly, the POS User will click on Accept Payment to place the order and generate the invoice.

    mockup-20

    • The POS User can print the invoice or move to the next order.

    Discount And Coupon

    The customers can also avail themselves of the discounts and use the coupon code on their purchase.

    mockup-21

    A POS User can give a discount on the Total Amount of the Cart by using the discount tab. The POS User can give the discount offers as  Fixed amount or Percent (%) value of the Total or can apply both the discount methods together on the Total.

    Also, if the customers have any coupon code provided by you. In this case, the POS User also can apply the coupon code and can offer the discount as per coupon value.

    mockup-22

    Orders

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

    mockup-23

    mockup-24

    This will navigate the POS User to the Order List page as per the below image.

    mockup-25

    Here the POS User can:

    • View the complete list of the orders including all the online and offline orders.
    • Order Detail of each order.
    • Customer Details like name and address.
    • Payment method detail.
    • Print Invoice button to print the invoice.

    mockup-26

    Orders On Hold

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

    mockup-27

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

    mockup-28

    After Clicking on the “Orders On Hold” tab the POS User will be redirected to the orders on hold page.

    • List of orders on hold.
    • Order Details including the product information along with the price and total.
    • The POS User can Delete the Cart from the held order list.
    • The POS User can exit the “Order on Hold” section by clicking on the Close button.
    • The POS User can check out the held order to continue further processes.

    mockup-29

    Offline Orders

    The POS System for Opencart provides the most valuable and unique feature so that your POS User, cashier, etc. can work on the POS system in offline mode. They can use all the functions and features of the POS in offline mode. They can complete all the transactions without the use of the internet. This feature will also benefit you when you have your store in a poor internet connectivity area or no internet area.
    For this, navigate to the POS menu -> Offline Orders.

    mockup-30

    This will navigate the POS User to the Offline Order List page as per the below image.

    mockup-31

    Here the POS User can:

    • View the complete list of the offline orders.
    • Offline Order Detail of each order.
    • Customer Details like name and address.
    • Payment method detail.
    • Print Invoice button to print the invoice.
    • Sync Order button to synchronize the order to online orders and data.

    mockup-32

    Low Stock Products

    In Low Stock Products Section, the POS User can view all the products which have low quantity in the stock. The low stock quantity you can set from the admin backend panel.

    mockup-24

    This will navigate the POS User to the Low Stock Products page as per the below image.

    mockup-33

    Request Settings

    The POS User can create a request to the supplier to fulfil the stock.mockup-30

    REQUEST:

    In the Request section, the POS User can generate a request with product quantity that they need to fulfil the stock with the product details. And, can also choose the supplier to fulfil the request. They can create multiple requests at a time.

    mockup-34

    REQUEST HISTORY:

    In the Request History section, the POS User can view all the requests that they have created against the supplier to fulfill the stock. They can also check the requested date, request details, and the status of the request.

    mockup-34-1

    Account Settings

    The POS Users can also configure their account details. For this, navigate as per the image.

    mockup-30

    Under the Basic Settings section, the POS User can view or change the account information and also can change the password.

    mockup-35

    And under the Other Settings section, the POS User can change the language and currency of the POS system.

    mockup-36

    Printer Settings

    The POS User can set a printer from here, this is a one-time setting that needs to be done. For this, the POS user needs to click on the Printer Settings tab as per the below image.

    mockup-30

    Notification Icon

    The POS User can even click the notification bell icon to quickly view the notifications as per the below image.

    mockup

    That’s all for the Opencart POS Flutter App. For any query or doubt, please add a ticket at https://webkul.uvdesk.com/.

    Current Product Version - 2.3

    Supported Framework Version - Android 4.0.3 and above

    . . .

    Leave a Comment

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


    2 comments

  • shadi singab
    • Zeba Hakim (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