Multivendor Marketplace for Shopify- Delivery Boy App Integration –

Dipesh Singh
Published: July 5, 2022

Multivendor Marketplace App has come up with a new feature app called “delivery boy ” which is now integrated with the “Delivery boy app by Webkul“.

This feature app helps both admin and sellers to add agents as delivery boys, assign orders to them, and track orders assigned for deliveries.
The agents will manage the deliveries via the Android/iOS mobile app.

Additional Features of this App

  • Add delivery agents to manage deliveries for the orders received on your Shopify store.
  • Agents can easily access the orders received and manage deliveries via the Android/iOS mobile app.
  • You will have a complete order history to check past deliveries.
  • Cancel order directly from the app.
  • Also, commission rules for delivery agents: Define how much your agents earn per order delivered.

Let’s understand the workflow.

Installation

feature

Now once you have clicked on the “Enable” button you will be first asked to install and configure the “Delivery boy App by Webkul” app.

And as soon as you agree with this condition you will get the Delivery boy App installed on your store.

DELIVERY BOY CONFIGURATION

After the delivery boy integration app is enabled, go to “Delivery boy configuration” to enable the sellers to add their warehouses.

Go to configuration >> Delivery boy configuration

delivery-boy-ss1-

Now, enable the “Allow sellers to add their warehouse details” and paste your google map access token and select a distance unit from the dropdown.

Note:- This Google map access is important for enabling delivery boy integration featured app.

delivery-boy-ss2

Now, the seller will add the warehouse from their respective seller panel
Profile >> My Account >> Scroll down and click on the “ADD WAREHOUSE” button.

Even the admin can add the warehouse location from his admin panel
Seller >> seller listing >> click Edit from three dots action >> scroll down & click on “ADD WAREHOUSE” button.

delivery-boy-ss3.1

In warehouse detail, the seller needs to fill in his warehouse address, latitude, longitude, and proximity distance.

delivery-boy-4.2

After the seller has added the warehouse location then, the seller’s warehouse will be automatically listed in the warehouse section of the delivery boy app by webkul.

delivery-boy-ss5

Warehouse Details

You can set a proximity distance for the agents to pick up the order from the Warehouse address. This way, you can assign an order to the agent who is available in the radius configured. You can manage this from the Warehouse Details section in the app.

Warehouse Address: You need to mention the Warehouse address i.e. the physical store location from where the delivery boy needs to pick up the order.
This also includes the latitude and longitude of your warehouse address.

Email – If you want you can add your contact email address.

Proximity Distance: Configure a distance and assign orders to the agents only within this specified radius.

Measurement Unit:- Select unit for distance i.e. miles and kilometers.

ss5.1
warehouse-2nd-part

Even, you can make any warehouse as default from the warehouse list so that by default,any ordered item will come in that warehouse only.
Click on action in front of that warehouse and click “make default” button

default-ware

Email Notifications

In the app, you can manage notification settings. Visit the Click Settings>> Notifications Settings

notify

After selecting the activity from the dropdown, click the Configure Notification settings button to configure the email notification which includes several fields i.e.Name, Subject, message, status, and Target (it includes dropdown of merchant and customer)

afterclicking-configure-notification-

Even, you can use shortcodes to customize the email notification like you can add customer name by customer.name shortcode, add agent name by add agent.name shortcode, etc.

short

Let’s proceed to add agents to the app.

Add Delivery Agents

You can easily add the delivery agents to the app for managing your store deliveries. For this, you need to visit the “Delivery Agents” section of the app and click the “Add Agent” button to configure the agent’s account details.

ss8

You need to add details of your agents such as First Name, Last Name, Email ID, Mobile Number, Address, latitude, and longitude. Soon after you save the details, your delivery agent will receive an email (to the registered email ID) asking to reset the password.

clicking-add-agent-button-

Manage Delivery Boy Vehicle Details

You need to select the vehicle type for your delivery agent either Bike or Cycle. Now, enter the vehicle number using which the order is to be delivered by the agent.

vehicle

Even, the admin can track the live location of their all agent. Just go to Delivery Agents and click on Track All Agent’s live location button.

track1
track2

Order Listing

In the app, whenever a customer orders a product then you can see that order on the order listing page. Just click on order in your delivery boy app, you will see the order listing page and have the option to accept/reject the orders from the listing and view the order detail also.

accept-order

How to Assign Orders to the Delivery Agents?

As soon as a customer places an order, you will get it listed in the app as well. In the Orders section of the app, you can check the orders received with the “Pending Approval” state.
Firstly, click the Accept Order button to accept the order and proceed further.

accept-order-1

Now, to assign an order to the delivery agent, you need to click on the “View Details” button to assign the ordered item to the delivery agent and to see the order detail.

delivery-1
view-detail-page

In the order detail page, you have two options, either assign an ordered item to a particular delivery agent or assign all ordered line items to one delivery agent.

To assign an ordered item to a particular delivery agent – First tick on that ordered item and click on “Assign delivery agent” and Even you can change the warehouse location also for that particular ordered item.

delivery-2

Now, click on the “Assign order” button to assign the order to a delivery agent.

delivery-3

In a similar way, you can assign all ordered inline items to one delivery agent – Tick the item checkbox which will select all ordered items, and click on “Assign order”

delivery-5
delivery-3-1

Delivery agent order mangement

After assigning the order, the delivery agent can accept or reject the order, pick up the order, deliver the order and see other detail from his mobile app.

screenshot_2022_07_01_12_03_50_924_com.shopifydeliveryboy.android
screenshot_2022_07_01_12_04_02_915_com.shopifydeliveryboy.android
screenshot_2022_07_01_12_04_15_844_com.shopifydeliveryboy.android

Product delivered

When the product is delivered by the delivery agent then the admin can mark the delivery agent as paid in the Order section.
For this, go to the delivered Order section >> click “view detail” button >> Go to Delivery agent section and click mark commission as paid from option.

view-detail-for-delivered-order
mask-as-paid

Even, this paid/ unpaid status will be shown in the delivery agent list.

paidunpaid

Membership Plans

The Delivery Boy app comes with two distinctive plans i.e. BASIC, PRO & Elite.

Basic plan charges $5/month:- You can add up to 2 delivery agents to manage orders in your store.

Pro plan charges $15/month:- You can add 10 delivery agents to manage orders in your store.

Elite plan charges $30/month :- You can add 30 delivery agents to manage order in your store.

Also, you can allow delivery agents to manage unlimited orders using any of the two plans.

tr5

How to Install the Mobile App?

In the Mobile App section, we provide QR codes to scan and install the Delivery Boy Mobile app for the agents. The mobile app is available for Android as well as iOS devices. All the necessary instructions are provided in the app.

download-11

Once you scan and open the app, the below screen appears:-

download-13

In the Unique App ID field, you need to enter the code provided in the app (Refer to the below screenshot):-

download-10

Additionally, you can create a demo for your shop on your mobile phone using the unique code provided in the app.

Now, you can use the app.

This is all about how to allow delivery agents to manage the order process using the app on your Shopify store. Let’s understand the delivery agent’s interface i.e. Delivery Boy Mobile App.

Delivery Boy Mobile App

So, after installing the mobile app, the agents need to login to the app using the credentials through which they are added to the merchant’s store.

Login

As soon as the agent login to the mobile app, he/she gets redirected to the app dashboard from where the can track ongoing sales.

Mobile App Dashboard:

dashboard

Track the Orders:

orders

The side panel view to check the order details and manage account settings.

mobile_mock_4

Account Settings:
The agents can check their details from the “Delivery Boy Details” section of the mobile app.

mobile_mock_6-1
mobile_mock_5

Adding payment method – To add the payment method, the delivery agent will click on the Account setting.

payment-1

Now click on the Edit button in the payment detail section

payment-2

Enter the payment method detail and click SAVE button

payment-3

Android Mobile Link: https://deliveryboy.webkul.com/images/mobikul/android.png

iOS Mobile Linkhttps://deliveryboy.webkul.com/images/mobikul/ios.png

Instruction
For installation in your device you can use either of the two options:

Open the URL in the iOS device and install it by clicking on the install option. OR
Open the URL in a web browser of your system, scan the QR code from an iOS device and wait for a minimum 30 seconds for a prompt. After clicking on the prompt, you can install the app on your iOS device.

After installation: Go to iPhone settings → General → Device Management → Select WEBKUL SOFTWARE PRIVATE LIMITED → Click TRUST

GET THE APP NOW!

Demo

Check the Demo: https://delivery-boy-demo.myshopify.com/pages/demo

Need Help?

If you need any kind of support, just raise a ticket at https://webkul.uvdesk.com/en/. You can also contact [email protected] to get proper assistance.

Thank You for reading this Blog!

Source: webkul.com