CS-Cart Delivery Boy App
Table of Content
Live Demo
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 –
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 – Add-ons -> Downloaded add-ons -> Webkul Software Pvt. Ltd to configure the settings for – Sort delivery boy by nearest distance.
Here, tap on the Open option to view the available settings for the same.
Now, you can configure the settings for the delivery boy from here as well.
Also, you can disable or uninstall the add-on as required.
Now, tap on the Delivery Boy Link and navigate to the Settings->General section.
To use OTP authentication check the “Enable OTP For Order Delivery” checkbox.
Lastly, for the option – “Sort delivery boy by nearest distance” check the checkbox to make it applicable.
Initial Configuration Settings – CS-Cart Delivery Boy
The admin will find the menu option – Delivery Boy with multiple options.
Let us go through each option one by one:
Manage Delivery Boy:
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.
To add a new delivery boy, tap the + icon on the top right-hand corner, and that brings up the below section.
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.
The admin for each respective delivery boy can view the order-wise rating given by the customers.
Pickup Address Settings:
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.
Vehicle Type:
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).
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.
Here, enter the vehicle type and tap the Create button after that you can see the created vehicle type.
Manage Delivery Boy Orders:
Tapping this option brings up the section where the admin can see the orders assigned to delivery boys along with the order acceptance status.
The admin can view the order with its complete details.
If the admin wants he can also change the assigned delivery boy for the order is required.
Auto Order Assignment – Nearest Delivery Boy
To configure the auto-order assignment to the delivery boy, navigate through Settings ->Shipping methods.
After that go to a shipping method and Select one Shipping method.
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.
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.
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.
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.
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.
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 –
- 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.
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.
Apart from that, the admin for the respective delivery boy can view the details of – All, delivered, and undelivered order lists.
The undelivered order list is also visible to the admin if any for the delivery boy.
Also, the admin can sort and filter the delivery boy orders.
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.
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.
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.
After assigning the delivery boy you can see the assigned delivery boy to the order.
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.
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.
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.
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.
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.
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.
Order Pickup
So, the delivery boy can open the accepted order, check the details, and select the option – Picked Up.
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.
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.
Finally, on entering the valid OTP the delivery boy will receive a confirmation message stating a successful delivery.
Chat
The delivery boy as required can discuss any issues that they are having relating to orders or any other concerns with the admin.
Multiple Language Support
The app supports multiple languages LTR and RTL and the delivery boy can choose as required.
By Default English and Arabic languages are provided with the delivery boy app
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 support@webkul.com.
Please explore our cs-cart Development Services and Quality cs-cart add-ons
