Reading list Switch to dark mode

    Warehouse Management System(WMS) Mobile App for WooCommerce

    Updated 16 November 2023

    Warehouse Management System Mobile App for WooCommerce allows warehouse managers to easily manage the orders arrived for delivery at various warehouses through the mobile app.

    The warehouse manager can assign totes/bags to the orders by just scanning the barcodes of totes and products.

    This module allows the admin to add multiple warehouses and managers. The admin can also assign warehouse managers to the warehouse.

    Also, it allows the admin to view multiple totes/baskets and print barcodes for those totes/baskets. The admin can also print barcodes for products. The admin can also assign the warehouses and warehouse managers to each order.

    Moreover, the app follows the latest technology of Flutter wherein one can use Dart to build a mobile app.

    Searching for an experienced
    WordPress Company ?
    Find out More

    Note:- After purchasing the plugin, kindly email us with the purchase code of the plugin to [email protected] to get information regarding the mobile application

    Check a brief overview of the backend configuration –

    B8VouLfVr0A

    Check the working of WMS mobile app in the video mentioned below –

    t0Z52FSj9yo

    Features

    Admin-end features:

    • The admin can create multiple managers and warehouses.
    • Print barcodes for multiple totes/bags at a time.
    • The admin can assign multiple warehouse managers to a single warehouse.
    • By uploading a CSV file, the admin can assign multiple products to a warehouse in a particular desired location
    • The admin can also create warehouse structure (number of rows, columns, Shelves Per Cluster and racks per shelves).
    • The admin can assign multiple products to a warehouse.
    • Admin can also assign products to multiple locations.
    • Also, the admin can also manage the warehouse architecture by assigning the products to a particular rack of a shelve created.
    • Assign warehouse managers and warehouses to various orders.

    Warehouse Manager Features:

    • The warehouse manager can log-in by using the application.
    • Check the status of the order.
    • Scan the product barcode and tote barcode.
    • The warehouse manager can see the location of a particular product.
    • Verify the order by scanning the tote.
    • The warehouse manager can see the orders which are assigned by the admin.
    • Add multiple totes for a single order.
    • The warehouse manager will receive notifications when an order is assigned to them.

    Installation

    The user will get a zip file which he has to upload in the “Add New” menu option in the WordPress admin panel.

    For this login to WordPress Admin Panel and Under the Dashboard hover your mouse over the “Plugins” menu option which brings out a Sub-Menu and then select the “Add New” option.

    woo-commerce installation

    After this, you will see an option on the top of your page that is “Upload Plugin”, click the option to upload the zip file.

    woo-commerce upload

    Then click on the “Upload Plugin” option, below that you will see a button “Choose File” click on the button to browse for the zip file as per the snapshot below.

    choosefile

    Post browsing the file, click the “Install Now” button to install the plugin as per the snapshot.

    choose_file

    Now when the plugin is installed correctly, you will see the success message and an option to activate the plugin. Click on “Activate Plugin” to activate the installed plugin.

    activate_plugin

    Thus, the installation of the WooCommerce Warehouse Management completes.

    Admin Configurations

    After successfully installing the WooCommerce Warehouse Management module, the admin needs to configure the following features to manage the Warehouse Management System-

    • All Managers
    • All Warehouses
    • Tote/Basket
    • Orders
    • Configuration
    warehouse management

    Configuration

    After the successful installation of the WooCommerce warehouse management module, the admin will have to enter API credentials by navigating through the Warehouse management> Configuration> General to set the basic configuration of the module.

    warehouse_management_generalconfig

    Here, under the general section, the admin will have to enter a few details:

    Username: The admin needs to enter the username of WMS APIs.

    Password: Enter the password for WMS APIs.

    FCM Notification API Key: Enter the server key of your Firebase account. Check this article to know how you can generate the FCM server key.

    Uploading products through CSV

    Under the Advance section, the admin can assign products into the warehouse by uploading a CSV file. Here, the admin can choose a CSV file and then click on continue.

    warehouse_management_advance_upload

    The admin can download the sample of the CSV file and can also see the below image for the sample of the CSV file:

    CSV_file

    After uploading the CSV file, the admin will need to map CSV file fields to the product fields. The location entered for each product will be the row, column shelves, and rack location at which the admin wants to place the product.

    Once the product fields are mapped then the admin will need to click on Run the Importer.

    warehouse_management_advance_map

    Now, after clicking on Run the Importer, the products in the CSV file can be imported as shown in the below image.

    warehouse_management_advance_import

    All Managers

    Here, the admin can search, edit, add and can delete the multiple created warehouse managers.

    managers

    Now the admin can click on Add New and add various warehouse managers as shown in the below image:

    warehouse_management_addnew

    Further, the admin will now have to enter various fields.

    • Username: Enter the username of the warehouse manager.
    • First Name: The admin can enter the first name of the warehouse manager.
    • Last Name: Enter the last name of the warehouse manager.
    • Password: Enter the password of the warehouse manager.
    • Email: Enter the email ID of the warehouse manager.
    • Contact Number: The admin will enter the contact number of the warehouse manager.
    • Date of Birth: Select the date of birth of the warehouse manager.
    • Gender: Here, the admin will select the gender of the warehouse manager.
    • Street Address: Enter the address of the warehouse manager.
    • Status: Also, the admin can select the status as enable or disable.
      After entering all the fields the admin will have to click on Save.

    All Warehouses

    Here, the admin can search, edit, add new, delete and can manage various warehouses.

    all_warehouses

    The admin can click on Add New to create new warehouses and architecture structure for those warehouses.

    warehouse_addnew

    Here, the admin will have to enter various details to add warehouse and architecture structure as described below:

    • Name: Enter the name of the warehouse
    • Manager: Select the created warehouse manager
    • Country: Select the name of the country
    • State: Here, the admin can select the state where the warehouse is located.
    • City: Enter the city of the warehouse
    • Postal Code: Here, the admin will have to enter the postal code
    • Address: Enter the address of the warehouse
    • Low Threshold: The quantity entered will be set as a threshold after which the admin will be notified if product quantity in the warehouse is low.
    • Status: Also the admin can enable or disable the status of the warehouse.
    • Rows: Here, the admin will have to enter the number of rows.
    • Columns: Enter the number of columns
    • Shelves: The admin can enter the number of shelves
    • Racks: Enter the number of racks
    • Tote/Basket: Here, the admin will have to enter the number of baskets/totes
      Also, after entering all the details the admin will have to click on save.

    Manage Warehouses

    Further, the admin can also manage the warehouse by clicking on manage. After clicking on manage the admin can view details of the warehouse and its structure under the details section.

    A list of products will show under the products section that includes Product image, name, quantity, location, type of product, actual stock, available stock, and barcode.

    The admin can assign quantities to various products. Unassign products, and print barcode in bulk via checkbox, even can edit the products under the products section.

    Assign Products

    Also, the admin can assign the location for the products. The admin can select a particular row, column, shelves for product and then assign the products to racks.

    product-location-architecture

    If the shelves are empty then the color of shelves will be green. If the shelves are semi occupied then the color will be yellow and if all the racks of the shelves are fully occupied then the color of the shelves will be red.

    After clicking on the shelve, the admin can assign products to racks. Once the admin clicks on shelve, then a pop-up menu will arrive as shown in the image below:

    pop_up

    After selecting the products and assigning them quantities, the admin will need to click on Allocate.

    After allocating the products in particular racks, the admin can also reassign or deallocate the products from racks.

    popup_allocated

    Now, when the products will be allocated the color of shelves will change as shown below:

    after_allocation

    Here, the color of shelve B in row 1 column 1 has become red which signifies that the shelve is fully-occupied.

    Manage Tote/Basket

    In this section, the admin can print barcodes for the products either in bulk or separately. The admin can also search products by SKU and by the warehouse name.

    tote

    Order Management

    Here, the admin can view various orders and can manage orders by assigning warehouse and warehouse managers for those orders.

    orders

    Warehouse Management app

    The first screen of the app is called as the splash screen. It can be amended from the code end and will appear to the warehouse manager once they open up the WooCommerce warehouse management app.

    Also, the warehouse manager needs to enter their Username and Password which was created by the admin to login to the application.

    splash-screen-1

    login-page

     

    After the warehouse manager logged in to the application, they can see the Order List and Verify Option as per the below image:

    order-page

     

     

    Manage Order List

    The warehouse manager of the warehouse will need to click on the order list and can view all the orders.

    Further, the various colors of orders signify various status as:

    When the color is orange then the order is started and the warehouse manager has to add tote by scanning the barcode of the tote, if the color is red then the order is initiated, if the color is blue then the order is picked, if the color is green then the order is packed.

    Each order will show different colors and each color will signify the status of orders. As shown in the image the red color shows that the order is initiated.

    order-list-green

     

     

    The warehouse manager can search the order by entering the order ID as shown in the left image below:

    Also, the warehouse manager can filter orders according to their status as shown in the right image below:

    search-desired-order-1

    oredr-list-red-1

     

    Below is the order list filtered by the order status as initiated:

    filtered
     

     

    Scan the Tote

    The warehouse manager will receive the notification whenever the new order is assigned to them. The warehouse manager will click on the order and then add a tote to the order by scanning the barcode after clicking on add.

    add-tote

     

     

    When clicked on add option, the warehouse manager will have to scan the barcode of the tote in which the product is to be assigned.

    The warehouse manager needs to scan the tote to associate it with the order and to add the products into it. The Warehouse manager can add multiple totes for a single order. Once the tote is added the success popup will appear as “Tote Assigned Successfully”.

    scan-teh-tote

     tote-added-success-1

     

    Once the tote assignment is complete, the order status will turn to Started i.e. Orange in color.

    oredr-list-orange

     

     

    The warehouse manager can check other locations associated with that product by clicking on the view more as shown below in the image.

    view-more-location
    multiple-location

    Scan Products

    Once the tote is scanned, product scanning will start by clicking on the specific products available for the orders. After clicking on the product, the scanner will be visible as shown in the left image below:

    Once the scanning is complete, the green tick mark will be visible for the product and the quantity will also be increased as shown in the right image below:

    scan-product-barcode

    Scanned-product-barcode-with-green-tick

     

    To add the product quantity, you must scan the product barcode first. Tapping on the add quantity button will bring you to the next page, where you can increase and decrease the product quantity and pick them.

    Once done, a quantity will reduce from the selected location. The warehouse manager can edit the product quantity as well.

    add-product-quantity
    edit-product-quantity

    After clicking on the arrow button, the popup will be visible to submit the order for verification. With this, the order status will convert to Picked i.e. Blue in color.

    product-scanned-1

    status-blue

     

    Order Verification

    After scanning the tote, the color of the order will be changed. Now after the warehouse manager has added all the products of the order into the tote, they can scan the tote for the verification

    Also, the warehouse manager can check that all the desired products are added to the tote or not and can verify the order by clicking on verify and scanning the same tote again.

    verify-1

    scan-teh-tote

     

    When the warehouse manager scans the tote, it will show all the products associated with that order which are into the tote with the ordered quantity, and the warehouse manager can easily verify the tote.

    tick-mark
    mark-oredr-as-packed

     

    As a result, once the warehouse manager verifies the tote, the status of the assigned order changes to Packed i.e. Green in color.

    order-list-green-2
     

     

    The verification will increase the accuracy of order pick, pack, deliver and will also decrease the delivery time and order accuracy errors which leads to the easy processing of all the placed orders.

    That’s all for the WooCommerce Warehouse Management system. If you have any doubts regarding the extension then please mail us at [email protected] or create a ticket at our HelpDesk system.

    Current Product Version - 1.0.3

    Supported Framework Version - WooCommerce 6.0

    Blog Version - WooCommerce 6.0
    • Version WooCommerce v3.7.1
    • Version WooCommerce 6.0
    . . .

    Leave a Comment

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


    15 comments

  • Radu
    Hello,
    One question about products…
    Why is necessary to: Uploading products through CSV ?
    All products are already in woocommerce, so do i need to import again al existing products as CSV file?
    Thanks
    Regards
    Radu
    • Subhangi (Moderator)

      Hello Radu,

      The admin can use the CSV to assign the products to a warehouse in bulk. 

      Thanks,

      Webkul Team

  • josh
    Such a great post was written by the author which is solving all the issues of warehouse inventory management solution. And also listed some of the popular plugins used for warehouse inventory management.
    • Subhangi (Moderator)

      Hello Josh,

      Thanks for your appreciation.

      Regards,

      Webkul Team.

  • Madis Metsis
    Could please just make the LITE version for simple e-com people, without managers and mobile phones. Just plain vanilla 2-warehouse version – on as long term stock and second as an order packing intermediate stock. This layout is in fact a reality for many e-com traders who keep stock or prepare stock in advance for the season.
    Should be very simple – just adding one SQL table to shop where 3 columns are in work (ok, the fourth one should be SKU as unique Identifier) – gen_stock – for the total stock, big_stock for the long term a bulk storage and third work_stock, where orders are taken from work_stock and “work_stock” +”big_stock” IS “gen_stock”. And the 3 stocks presented in Analytics Stock. This would help a lot of people and based on that many people would add their developments.
    • Goldy Bhargava (Moderator)

      Dear Madis,

      We request you to kindly create a ticket – https://webkul.uvdesk.com/en/customer/create-ticket/ with the requirement of yours to build a new plugin for you. So, we can assist you out in a better way.

      Thanks,

      Team Webkul

       

    • Neelesh Singh (Moderator)
      Hello there,

      If you have some custom requirements it can be done through customization. Please email us your complete requirements at [email protected] and we will get back to you accordingly.

      Thanks & Regards

      Webkul Team

  • Pierre
    We have multiple e-com sites running wordpress and woocommerce. Can we install this plugin on a stand alone install and then push orders from the main e-commerce site to this system? Or how would you manage this

    As we have 4-5 different sites and one big storage

    • Archana Tiwari (Moderator)
      Hello Pierre,
      The module needs to install on your Woocommerce website. Currently, the Admin will assign the orders to the warehouse managers and then the warehouse managers will manage orders through the Mobile App.
      Further, We provide one live instance and one test instance support with the purchase of the module.
      In case of further queries please mail us at [email protected] and the team will assist you further.
      Thanks
      • Pierre Grönberg
        Hi there,

        Thank you for your reply.

        So to better understand the functionality

        1. Order comes in WooCommerce
        2. I as the store manager needs to assign the order to a manager? (Question 1: Does this not happen automatically? Can one make this automated?
        3. Existing products they aboutmatically work with this plugin or do I need to export a CSV of them and import to the warehouse system?
        4. If we have multiple woocomemrce sites to they all need 1 Wearhouse management plugin installed or can we use one woocommerce site for multiple woocommerce sites and orders?

        • Rajan Dimri (Moderator)
          Hello There,
          Greetings for the day!
          Regarding your queries –
          2. I as the store manager needs to assign the order to a manager? (Question 1: Does this not happen automatically? Can one make this automated?
          -> The admin can set the procurement method – auto or manual. The admin doesn’t assign the orders to the suppliers but assigns the products to the supplier for which the admin wants to create a “Purchase order.”

          3. Existing products they aboutmatically work with this plugin or do I need to export a CSV of them and import to the warehouse system?
          -> The admin can assign a supplier to a product from the product page. Please refer to the link – https://webkul.com/blog/woocommerce-supplier-purchase-order-plugin/#assign-supplier-to-a-product

          4. If we have multiple woocomemrce sites to they all need 1 Wearhouse management plugin installed or can we use one woocommerce site for multiple woocommerce sites and orders?
          -> Our plugin licenses are valid for one test and one live Instance only.

          For any further queries please email us at [email protected] and we will assist you accordingly.

          Thank you

  • Ronald
    Can I use the module without the mobile app. Some of our older staff would like to use a printed out paper picking list…
    • Suraj Kumar (Moderator)
      Hello Ronald,

      Currently, the mobile app required to pick the products. Rest, we can make the changes as per your requirement. Please contact at [email protected] and the team will get back to you accordingly.

      Thanks

  • Muzakir Imran
    How to determine the amount of capacity of each cell?
    • Archana Tiwari (Moderator)
      Hello Muzakir,
      Currently, in this module single product will be assigned to one rack. When all the racks under the shelve are empty then the color of shelves will be green. If the racks under shelves are semi occupied then the color will be yellow and if all the racks of the shelves are fully occupied then the color of the shelves will turn red. By this, the admin can determine the capacity of the warehouse and each shelve.
      For further queries regarding the module, you can mail us at [email protected]
      Thanks
  • 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