Reading list Switch to dark mode

    Delivery Boy App for PrestaShop

    Updated 18 May 2023

    Introduction – On-Demand Delivery Boy App for PrestaShop

    On-Demand Delivery Boy App for PrestaShop is the one-stop solution to all order delivery-related issues.

    It saves the store owner from any type of hassle and issues occurring due to mismanagement of orders. Thus, allowing them to earn more profit.

    This app is accessible to both the admin and delivery boys. Henceforth, allowing a quick assignment and management of order deliveries.

    This is a time-saving readymade solution that makes the delivery process secure and safe.

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

    Start your headless eCommerce
    now.
    Read More

    Check the brief working at the admin and the delivery boy within the app –

    3UrVaIyKIOg

    Features of On-Demand 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.
    • Chat system between delivery boy and admin.

    Technological Stack of On-Demand Delivery Boy App

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

    Installation

    • Firstly, go to the module manager in the back office and click on ‘upload a module’.
    • After that, drag and drop the module file or select the file from the system.
    • In this way, the module installation will be successful.
    Click to Install prestashop marketplace product video module
    Drop or upload the file of prestashop marketplace product video module from the system
    prestashop marketplace product video module installed successfully

    Admin Configurations- On-demand Delivery Boy App

    The store owner in the backend of the website can configure the app for push notifications. Henceforth, for this, the navigation that could be followed is Modules > Modules Manager > PrestaShop delivery Boy app(Others section) > Configure.

    admin_configuration-1_Delivery Boy App
    • Google API Key- This key helps in connecting the app with Google account.
    • Google Sender ID- This helps in the sharing of push notification via store owners’ Google account.
    • Topic Name- To whom with the notifications are shared.

    How to Get API Credentials?

    For the push notifications, you need to have Firebase Project Credentials. It is required during module configuration. Please click here and create a new project with your Google account.

    1.  After opening Firebase page. Please create a project by clicking Add project button.

    create firebase project initially

    2. A small pop-up window will appear with the name of Create a project. Here, you have to enter your Project Name and then select your Country/Region and then click Create Project button.

    select the firebase project to move further

    3. After creating your new project, click Settings menu icon. And then select Project Settings option. Please view below screenshot. A new Settings page will open.

    select project settings

    4. After entering the Settings page, go to Cloud Messaging tab. From here you will find your Project Credentials. Copy and save your Server Key and Sender ID as shown in the snapshot below.

    copy the keys for sending the notification over cloud arcitecture

    5. Now, navigate through General->Settings to generate a new service and you will receive the required data for configuring the rest of the module back-end settings.

    general_settings_cdn_using_cedentials_at_backend

    Admin Management Via Delivery Boy App

    Login App

    The application allows the store owner to manage the customer’s orders and assign them to delivery boys for deliveries.The admin can login the app to increase the performance of order delivery. Thus, saving the store owner from an conflicts.

    admin-login-1

    Dashboard

    Post login the store owner can see the statics of the sales and orders in the form of a graph. Additionally, they can also view the Today’s Orders in various states that are Open, Processing, and Complete orders.

    • Open Orders- These orders are those upon which no activities have taken place. Henceforth it signifies that they are not assigned to the delivery boys.
    • Processing Orders- These sets of orders are assigned to delivery boys and will be accomplished soon.
    • Complete Orders- This section will be having those orders that are completely processed and delivered to the customer.
    mockup-1-1

    However, at the end of the dashboard page, the admin can find the map. This map tells the location of the delivery boy.

    The app gives the store an easy navigation to multiple funtionalites.

    admin-sidebar-3

    Delivery Boy

    The admin can register the delivery boys in the application. Thus, allow an easy assignment whenever the order comes in the store.

    mockup-3-1

    To register new Delivery Boy the admin can click on Plus sign and enter details.

    • Name.
    • Contact Number.
    • Email Address and Password with which the delivery boy could log in to the application.
    • Registered Vehicle Number.
    • Address.
    • Status of Delivery Boy.
    • Registered Vehicle Type.
    add-delivery-boy-part1
    add-delivery-boy-part2

    To verify the existing delivery boys details the admin can click on the ‘Name of delivery boy‘.

    mockup-3-1
    mockup-4

    In order, to edit the details the admin needs to click on the edit option. Thus, allowing the admin to change the information about the delivery boy.

    mockup-4-1
    mockup-5-1

    The admin can even delete the delivery boy details from here.

    Order

    This section contains records of all the orders placed from the website or customer-centric app. However, here only those orders reflect which have shipping method as Delivery Boy.

    mockup-6

    Filter and Sort Orders

    The admin can sort out the orders in descending and ascending orders.However, they can even filter out an order on the basis of order id.

    mockup-7
    mockup-8-1

    The store owner can easily click on an order to view the complete details.

    mockup-10

    Order Assignment

    The store owner using the app can quickly assign the orders to the delivery boys. Thus, making the task easier.

    mockup-9-1

    Chat System

    The admin using the app can chat with delivery boys to make the process more efficient. The admin can navigate to the left panel where chat option is visible.

    mockup-11

    Delivery Boy-Front Login

    Thus, the registered delivery boys can login the app using details that admin shares. The delivery boys on the login page enters the Username and Password.

    delivery-boy-login-12

    Dashboard

    The delivery boy will also have a dashboard page similar to the admin. There the delivery boys can view the corresponding sales and orders graph.

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

    mockup-13
    mockup-14

    The delivery boys will also see multiple functionalities of the app in the navigation drawer.

    delivery-boy-sidebar-14

    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.

    Additionally, from this page the delivery boy can make themselves online and offline for delivery.

    mockup-16
    mockup-17

    Orders

    This section contains a list of orders which are assigned to the delivery boy. Here, all the delivery boy orders are visible with different status types.
    That is the newly assigned orders, orders that are in the processing state and the orders that the delivery boy has delivered to the customers.

    mockup-18

    Henceforth, the delivery boy can accept or decline the orders from this section.

    Order Picked

    Once the order is accepted the delivery boys picks up the product. Thus, selecting the Picked Option.

    mockup-19

    Order Delivered/Not Delivered

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

    mockup-20

    Once the delivery boy clicks on the Delivered button the cash transaction will prompt a pop-up with Pay button.

    Wherein the admin can click on Pay Button to registered the received payment.

    mockup-21

    Henceforth, the delivery needs to enter the OTP to validate the order. This OTP is an encrypted password to validate the delivery.

    mockup-22

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

    mockup-23

    Decline Order Delivery

    However, if the delivery boy selects not to deliver the product or selects Decline. The delivery boy here needs to specify the reason behind the action in a pop-up window. This window is visible as soon as the delivery boy declines the order.

    mockup-18
    mockup-24

    Now the orders will be in open state and the admin needs to re-assign the same to another delivery boy.

    Chat System

    The delivery boy can also communicate with the store owner using the app. Thus, giving them a way out of any sort of confusion.

    mockup-25

    Push Notification

    The delivery boy will easily come to know about a new order assignment via notifications. However, these notifications are visible on the device as a popup or under the bell icon in the app.

    mockup-26

    Order Management In On-demand Delivery Boy App

    This standalone app will work once the customer places the order for the product using any app. Herein the customer can place the orders using an e-Commerce app or website.

    Website Orders

    On demand delivery_customer_website_checkout-1

    App Orders

    mockup-27

    Now the admin can assign the placed order to the delivery agent who then processes the transaction.

    mockup-9-2

    Support

    Thank you for reading this documentation. Further, if you have any issues, please create a support ticket or write an email to [email protected].

    Current Product Version - 1.0.0

    Supported Framework Version - PrestaShop, 1.6.x.x​, 1.7.x.x​ Android- 4.1 and above iOS- 9 and above

    . . .
    Discuss on Helpdesk

    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