Reading list Switch to dark mode

    CS-Cart Delivery Boy App

    Updated 10 January 2024

    Introduction

    The CS-Cart Delivery Boy App is a Flutter-based application to allow the management of deliveries efficiently. It allows the admin to assign the orders to the delivery boys.

    This app also allows the admin to track down the activities of the delivery boys. This will give the benefit of a safe and secure delivery process.

    Features Of CS-Cart Delivery Boy App

    • Admin can track the availability of delivery boys.
    • Admin can assign the orders to the delivery boys.
    • The admin can register the delivery boys to the app.
    • The delivery boy will have a separate login facility.
    • Admin and delivery boy both can examine the sales and orders of the product.
    • Delivery Boy can mark the order as Picked, Delivered/Not Delivered.
    • Delivery process authentication via OTP.
    • Admin can Sort delivery boy by nearest distance to the order.
    • Auto assign order to the nearest delivery boy.

    Video Tutorial

    Check the Workflow at the mobile end for the CS-Cart Delivery Boy Mobile App –

    MgadkuT2VrM

    Technological Stack

    • Language- Flutter-Dart.
    • Editor- Android- Android Studio, iOS- VS code.
    • Network Request- Dio network.
    • Library Dependencies- Pub package name.

    Installation

    • After Downloading The CS-Cart Delivery Boy Mobile App.
    • You’ll Get One Zip File And Install Text.
    • Read The Blog Carefully And Configure It Accordingly.
    • Firstly Go To the Manage Add-Ons Page.
    • Browse And Select The Zip File.
    • Upload And Install.

    After installation, you can navigate through – Manage add-ons->Webkul Software Pvt. Ltd to configure the settings for – Sort delivery boy by nearest distance.

    Delivery-Boy-config-1

    Find the Best CS-Cart
    Development Company
    Find out More

    This brings up the list of add-ons. Here, you can see the Delivery Boy add-on.

    Delivery-Boy-config-2

    Now, you can configure the settings for the delivery boy from here as well.

    Delivery-Boy-config-3

    Also, you can disable or uninstall the add-on as required.

    Delivery-Boy-config-4

    Lastly, for the option – “Sort delivery boy by nearest distance” check the checkbox to make it applicable.

    Delivery-Boy-Sort5

    Initial Configuration Settings – CS-Cart Delivery Boy

    The admin will find the menu option – Delivery Boy with multiple options.

    Screenshot-from-2024-01-09-12-20-32

    Let us go through each option one by one:

    Manage Delivery Boy:

    Manage-Delivery-Boy1

    Here, the admin can view all of the delivery boys that the admin has added. Apart from that, the admin can add, edit, and delete details of a delivery boy.

    The admin can also see the orders assigned, order-wise rating, for each of the respective delivery boys.

    Manage-Delivery-Boy2

    To add a new delivery boy, tap the + icon on the top right-hand corner, and that brings up the below section.

    Manage-Delivery-Boy3

    Here, the admin for the new delivery boy will set the –

    • Email address
    • Password
    • Contact number
    • Vehicle type
    • Vehicle number
    • Address location
    • Status as Enabled or Disabled

    Lastly, tap the Save button to save the new delivery boy.

    The admin for a respective delivery boy can see the orders assigned and the status of each along with the order acceptance status.

    Manage-Delivery-Boy4

    The admin for each respective delivery boy can view the order-wise rating given by the customers.

    Manage-Delivery-Boy5

    Pickup Address Settings:

    Pickup-Address-Setting1

    Tapping the respective option brings up the below section. Here, the admin can choose the pickup address for the delivery boys and save the same.

    Pickup-Address-Setting2

    Vehicle Type:

    Vehicle-Type1

    After tapping the particular section with the added vehicle types appears(for the first time, this section is empty you need to create the vehicle type first before creating the delivery boys).

    Vehicle-Type2

    The admin can edit or delete the created vehicle types. To add a new vehicle type tap the “+” button at the top and that brings up the below section.

    Vehicle-Type3

    Here, enter the vehicle type and tap the Create button after that you can see the created vehicle type.

    Vehicle-Type4

    Manage Delivery Boy Orders:

    Manage-Delivery-Boy-Orders1

    Tapping this option brings up the section where the admin can see the orders assigned to delivery boys along with the order acceptance status.

    Manage-Delivery-Boy-Orders2

    The admin can view the order with its complete details.

    Manage-Delivery-Boy-Orders3

    If the admin wants he can also change the assigned delivery boy for the order is required.

    Manage-Delivery-Boy-Orders4

    Auto Order Assignment – Nearest Delivery Boy

    To configure the auto-order assignment to the delivery boy, navigate through Shipping & Taxes->Shipping methods.

    Auto-Assign-Delivery-Boy1

    After that go to a shipping method and edit the same.

    Auto-Assign-Delivery-Boy2

    Now, go to the Additional Settings section and check the option that says – “Auto assign order to the nearest delivery boy”.

    The distance will be calculated as the net distance between the nearest delivery boy and the customer’s location coordinates.

    After that, save the shipping method.

    Auto-Assign-Delivery-Boy3

    Admin End – Delivery Boy App Workflow

    The admin can log in to the application to quickly manage the orders and delivery boys. Hence, from here the admin can view the orders and assign the new orders to a delivery boy.

    The admin can enter the username and password here in the application to sign in the application. Here, the username and password will be the same as used in the back-end admin panel.

    mockup-4

    Dashboard

    Post login the admin could see the statics of the sales and orders in the form of a graph. Thus, the admin can even view the Open, Processing, and Complete orders.

    • Open Orders- This section will have the orders that have the status as pending. This specifies those orders which are yet to be delivered.
    • Processing Orders-This section will have those orders which are in the process of delivery.
    • Complete Orders- This section will have those orders that are completely processed and delivered to the customer.

    mockup-1-1

    mockup-2-1

    The admin can even view the map where the delivery boy’s location is visible. Here, the current location of the log-in delivery boy is visible.

    mockup-6

    However, the last location of the logged-out delivery boy could be seen.

    Delivery Boy

    The admin even registers the delivery boy using the application. Here, the admin will be able to register the delivery boys by clicking the add option.

    mockup-3-1

    The admin can add the details of a new delivery boy by tapping the + icon in the bottom right-hand corner and entering the details of the delivery boy –

    mockup-4-1

    mockup-5

    • Uploading an image.
    • Name.
    • Contact Number.
    • Email Address and Password with which the delivery boy could log in to the application.
    • Choose the vehicle type.
    • Registered vehicle Number.
    • Residential address.
    • Status of delivery Boy.

    Lastly, tap the submit button to save the details of the new delivery boy.

    The admin can even click on details of the existing delivery boy to edit it.

    For the same tap on the respective delivery boy. This brings up the delivery boy’s order details, now tap the I icon on the top right hand corner.

    mockup-3-1

    mockup-7

    This brings up the delivery boy’s details. Tap the edit button to edit the details of the delivery boy. The admin can even delete the delivery boy’s details from here.

    mockup-8

    mockup-9

    Apart from that, the admin for the respective delivery boy can view the details of – All, delivered, and undelivered order lists.

    mockup-10

    mockup-11

    The undelivered order list is also visible to the admin if any for the delivery boy.

    mockup-12

    Also, the admin can sort and filter the delivery boy orders.

    mockup-19-1

    mockup-18-1

    Orders

    This section will contain the list of orders as placed in the CS-Cart Mobikul Mobile app(customer-centric app).

    The admin can assign the pending orders from this section to various delivery boys.

    mockup-13

    Order Details

    The admin can click on the order which is having Open status. The admin can assign the order to the delivery boy.

    Here, the admin can see the complete details of the order right from the Payment address and shipping Address to the Payment Method and Shipping Method.

    mockup-14

    It will also have the list of products that the customer has purchased and the amount total of the order.

    Now, the admin chooses the available delivery boy to assign the order. So, for this, the admin needs to click on Choose Delivery Boy. This will open a list of delivery boys registered in the app.

    mockup-14

    mockup-15

    After assigning the delivery boy you can see the assigned delivery boy to the order.

    mockup-16

    Chat

    The admin can chat with the delivery boys as required and can discuss any issues that they are having relating to orders or any other concerns.

    mockup-21

    mockup-22

    mockup-23

    Language

    Here, the admin can choose the language for the CS-Cart delivery boy app as required and the language of the app would be changed as selected.

    mockup-17

    mockup-18

    mockup-19

    mockup-20

    Delivery Boy’s – Delivery Boy App Workflow

    Login

    The registered delivery boy can log in to the application to view the orders assigned.

    Here, the delivery boy can use the username and password entered by the admin while registration of the customer.

    mockup-24

    Dashboard

    The delivery boy will be able to see a homepage just like the admin. Wherein the graph statistics sales and orders are visible.

    In addition, the delivery boy will even see the Open, Processing, and Completed orders. However, the delivery boys will see those orders which are assigned to them.

    mockup-25

    mockup-26

    Account Settings

    This section will display the account details as entered by the admin. Hence, it contains the details as

    • Delivery Boy display image.
    • Registered vehicle number of the delivery boy.
    • Mail ID of the delivery boy.
    • Vehicle type with which the delivery boy uses.
    • The contact number of the delivery boy.

    mockup-27

    Orders

    The list of orders is assigned to the delivery boy. Here, all the delivery boy orders are visible with different status types.
    These are the newly assigned orders, orders that are in the processing state, and the orders that the delivery boy has delivered to the customers.

    The delivery boy can accept the order or decline it as required.

    mockup-4-2

    mockup-3-2

    Order Pickup

    So, the delivery boy can open the accepted order, check the details, and select the option – Picked Up.

    mockup-5-1

    mockup-6-1

    Delivered/Not Delivered

    The delivery boy here can select among options as delivered or not delivered as per the requirement.

    Once the delivery boy clicks on the Delivered button the cash transaction will prompt a pop-up indicating the amount to be paid. Wherein the admin can click on Pay Button to registred the received payment.

    mockup-7-1

    Once the payment is done, the delivery boy will receive a pop-up for the OTP. Thus, the delivery boy will enter the encrypted password to validate the delivery.

    mockup-8-1

    mockup-9-1

    Finally, on entering the valid OTP the delivery boy will receive a confirmation message stating a successful delivery.

    mockup-10-1

    mockup-11-1

    Chat

    The delivery boy as required can discuss any issues that they are having relating to orders or any other concerns with the admin.

    mockup-12-1

    mockup-13-1

    Multiple Language Support

    The app supports multiple languages LTR and RTl and the delivery boy can choose as required.

    mockup-14-1

    mockup-15-1

    mockup-16-1

    mockup-17-1

    Support

    Thank you for reading this documentation. Further, if you have any issues, please create a support ticket – https://webkul.uvdesk.com/en/customer/create-ticket/ or write an email to [email protected].

    Please explore our cs-cart Development Services and Quality cs-cart add-ons

    Current Product Version - 1.0.0

    Supported Framework Version - CS-Cart- 4.3.x, 4.4.x, 4.5.x, 4.6.x, 4.7.x, 4.8.x, 4.9.x,4.10.x Android- 4.1 and above iOS- 9 and above

    . . .

    Leave a Comment

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


    Be the first to comment.

    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