Introduction:
Multi-vendor Marketplace app has come with a new simplified way to understand marketplace shipping in the app. This guide will help you to know exactly how shipping works in the app & how the shipping rates will be applied at the checkout. Let’s proceed to explore.
The Multivendor Marketplace Shipping Feature app only supports single delivery profile and single location, i.e., not compatible for multiple locations.
Why Shipping Feature App?
As we know by default, the shipping rates set by the admin on his Shopify store will be shown to the customers on the checkout page for the seller’s product too.
But if you want your sellers to add their own shipping rates to their products then we have a featured app named Shipping.
NOTE:- The Shipping feature is available in the Pro Plan of Multivendor marketplace app. Also, to make this feature work, you need to choose the Shopify store plan which supports the “Real-Time Carrier-Calculated Shipping”.
In the Multi-vendor Marketplace app, Shipping will be set in two ways: Country-wise Shipping & Zone wise Shipping.
What to Choose?
If your seller is shipping in different countries with different shipping rates then, you will configure Country-wise shipping.
In case, your seller is shipping in different countries with the same shipping rate then, you will choose Zone wise shipping as the same shipping will be applied for all the countries added in a zone.
Quick Steps
Firstly, you need to configure shipping methods for sellers by setting up the Shipping type as Country wise shipping or Zone wise shipping.
The shipping methods that you have activated & the shipping type that you set on your marketplace will be visible to your sellers on their respective panels.
Now, the sellers will set the country-wise/zone wise shipping rates on the basis on Price or Weight of the product.
Country wise shipping
- Sellers will create the shipping ranges
- Add countries
- Set the state wise shipping rates based on the price or weight of the products.
Zone wise shipping
- Sellers will first create the shipping ranges
- Select the zone (added by the admin).
- Set the zone wise shipping rates based on the price or weight of the products.
Let’s understand the step-by-step process of how to install Shipping feature app & how it works on marketplaces in both the cases; Country wise & Zone wise Shipping.
Workflow
STEP 1: Shipping Feature App Installation.
In order to get the app, You need to first visit the Feature App section of the multi-vendor app and search for the Shipping feature app. Now, click the Enable button and activate Shipping.
That is how you can enable the shipping feature in the multi-vendor marketplace app.
STEP 2: Configure Shipping: Admin End
As soon as you enable the Shipping feature, a new sub-menu gets added in the Configuration menu i.e Shipping Configuration.
Shipping Configuration
From this section, you can view the list of all the shipping methods that you have activated on your marketplace.
Here, you can view the Marketplace shipping in the list once you enable the Shipping feature app. Clicking the edit button in the action menu, you can set the Shipping type whether Country wise or Zone wise shipping. Also, you can change the label of the shipping method the way you want to show it to your customers.
Set Shipping As Default: Admin End
You can set the marketplace shipping as a default option for any of your sellers from Seller Listing menu of the app.
It is necessary for the sellers to choose a shipping method. Then only shipping rates will be visible to the customers on front end.
If the sellers don’t want to set the shipping method separately for each product then, they can simply set the “Shipping as default” and shipping method will be added automatically to each product of that seller.
Multi-vendor Admin Panel>>Go to Sellers>>Seller-listing>>Select a seller>>Click Edit>>Click “Set As Default” from Action menu of Shipping Methods.
The same way sellers can also set shipping method as default option from their respective seller panels.
Global Shipping Configuration
Clicking the Global Shipping Configuration button, you can configure the shipping availability & shipping calculator in case you want your customers to calculate shipping rates on the products added to their carts.
In case of Zone-wise shipping, admin can select if he/she wants his sellers to add Range Details or simply set a Fixed Shipping cost for the selected zone.
You can anytime enable/disable any of the Shipping methods from the list. Also, You can view the seller details who are using these Shipping Couriers.
Clicking the View button, admin can configure the Shipping type as Country-wise or Zone-wise shipping for his sellers that will reflect at seller side.
Once You click the View Sellers button in the Action menu, You will be reaching to the Shipping details section. You can view the complete shipping details & get the option to edit shipping type, label, status if requires.
Additionally, you can view the list of all the sellers who are using your marketplace shipping to set their own shipping rates.
In case you want your sellers to add zone wise shipping rates, you can configure Zone wise shipping as well.
As soon as You select the Zone-wise shipping, you will get the option to add shipping zones in the app.
You as an admin can add shipping zones & assign countries to it from configuration menu that will reflect at seller side.
Admin Panel>>Configuration menu>>Shipping Zone>>click Add Shipping zone>>Enter Zone name>>Select countries>>Save.
Later on, you can edit the zones as well if required.
You can click the Edit button in the Action menu & edit the zones.
These zones will be visible to your sellers on their respective seller panels to which they can set zone wise shipping rates.
Now, let’s see how sellers will add their own shipping rates.
Seller Panel: Shipping Configuration
Shipping methods configured by the admin will get listed like this on the seller side. From here, the seller will proceed to add shipping rates on their own.
From the Action menu, the seller can enable/disable the shipping methods as per his/her requirements.
Clicking the view button, Seller can view the shipping details & proceed to add shipping ranges & add countries/zone to add shipping rates.
Set Shipping as Default: Seller Panel
Similar to admin, sellers can also set the marketplace shipping as default option from their respective seller panels of the Multi-vendor app.
It is necessary for the sellers to choose a shipping method. Then only shipping rates will be visible to the customers on front end.
If a seller don’t want to set the shipping method separately for each of his products then, he can simply set the “Shipping as default” as set the shipping rates. Thus, the marketplace shipping method will be automatically added to each product of that seller.
Multi-vendor Seller Panel>>Go to Configuration>>Shipping Configuration>>Click (…)Action>>Click “Set As Default” from Action menu of Shipping Methods.
That is how sellers can set marketplace shipping as default shipping method from their respective seller panels of the multi-vendor app.
Now, let’s see how the seller can set shipping rates separately for country wise or zone wise.
COUNTRY WISE SHIPPING
If your seller is shipping is different countries with different shipping rates then, he/she has to set country wise shipping.
In the Shipping Configuration menu of the seller panel, the seller will have the marketplace shipping option in the listing.
In front of that shipping method, the seller needs to click the view button in the Action menu.
Clicking the view button, the seller will see the list of added countries. There, the seller will get the option to manage shipping ranges & add more countries.
The seller can manage each country’s shipping rates from the Action menu just by clicking the view button. He/she can anytime disable/delete any country from the list.
How to Manage Shipping Range?
Sellers first need to add Shipping ranges and then proceed to add countries to set different shipping rates for each country for all the states.
Seller adding Shipping ranges
Seller will click the Add New Range button to set a shipping range to enter zone-wise shipping rates. These rates will be applied whether on the product’s price or product’s weight.
A Seller can add up to 8 shipping ranges for a Shipping method.
Shipping Range is set based on the Price of the product. Similar to this, Seller can set up to 8 ranges for a shipping method. Also, the seller can edit/delete the ranges.
The seller can view the shipping range details from here:
Once done, the seller will proceed to select countries & set different shipping rates for each country & their states based on price or weight of the product.
All the countries to which shipping rate is set will be listed in this section (as attached in the screenshot). The seller can proceed to manage shipping ranges from there & add new countries also.
This way, a seller can set different shipping rates for different countries based on Price or weight of the product.
ZONE WISE SHIPPING
Once the admin configures Zone-wise shipping from his end, the seller will get the option to add zone-wise shipping rates.
Clicking the Edit button, the seller will get the option to add ranges & add zone-wise shipping rates.
Seller adding Shipping Ranges
Seller will click the Add New Range button to set a shipping range to enter zone-wise shipping rates. These rates will be applied whether on the product’s price or product’s weight.
A Seller can add up to 8 shipping ranges for a Shipping method.
Here, the shipping range is set on the basis of Product Price. Similar to this, Seller can set up to 8 ranges for a shipping method. Also, the seller can edit/delete the ranges.
The seller can view the shipping range details from here:
Now, as the sellers have added the Shipping rages, they can now proceed to add zone-wise shipping rates simply by clicking here:
Seller adding Shipping Rates
Case 1: When Range Details Tab is Enabled from Admin End. In this case, sellers can simply add zone-wise shipping rates.
Case 2: When Range Details Tab is Disabled from Admin End.
If the Range Details Tab is disabled from admin end, Seller can directly set a Fixed Shipping cost for the respective zone.
You can view the details, edit/delete zones later if required.
That is how sellers can add zone-wise shipping rates.
Allow Delivery Days for Zone wise Shipping
You can now allow sellers to configure delivery days for zone-wise shipping. Thus, the customers can view the details when the products get delivered to their respective zones.
For that, you first need to enable the tab from the Shipping Configuration menu of the admin panel. Now, visit “Global Shipping Configuration” and enable the option.
Now, enable the tab:
Enabling this option will allow sellers to configure delivery days for the added zones from their respective seller panels.
Seller Panel Configurations:-
The seller will manage the shipping from the “Shipping Configuration” menu of the seller panel. To configure the delivery days, the seller needs to click the view button of the zone-wise shipping menu.
Now, the seller will get redirected to the “Shipping Method Details” section to manage Zone-wise shipping rates.
Clicking the Edit button (Action menu), the seller will get the option to configure delivery days. The no of days you enter here will let customers know when the products will be delivered to their shipping zones.
The delivery days details will be shown to the customers on the product page. To show the details on the product page, you need to add this code to the product template.liquid file.
After adding the codes, this is how it appears on the product page of your store:
Free Shipping
In case you want your sellers to provide free shipping over a certain amount then they can set up the shipping ranges on the basis of price as below:
You can set the shipping ranges as 0-$100, $101-200, $201-300, and in the last shipping range, you can put any higher number like $301 to $5000000.
Then, sellers can put up the rates on these shipping ranges for states/countries
like 0-100$ shipping rate is $10.
101-200$ shipping rate is $20.
201-300$ shipping rate is $15.
$301 to $5000000 shipping rate is zero($0)
This way, if any seller product falls under $301 to $500000000 range then no shipping rates will be applied on that seller’s products.
This is how, FREE Shipping is set on products.
Restrict Buyers in Zone-wise Shipping
You can now disable the “Add to Cart” & “Buy Now” button for any product of a seller who configured Zone-wise shipping rates. Thus, it’s the simplest way to restrict buyers from purchasing an item if the seller is not available at the buyer’s location.
PURPOSE
If a seller is not selling products on the buyer’s location then you can restrict the buyer to purchase the product. As soon as the customer login to his account, You can ask him to select an address (added by the customer) to let him check if the seller is available to ship at that location or not.
Note:- Marketplace shipping features must be selected for the product.
For this, the admin needs to visit the Shipping Configuration under the Configuration menu. Now, go to the Global Shipping Configuration menu & enable the “Restrict Buyer” option.
To get it working for the buyers on the front end, you need to visit the “Instruction for Marketplace” under the Configuration menu & add the codes.
You can display the model box, copy the following code & add it to the product.liquid template.
|
1 |
<div id="wk-modal" class="wk-modal" style="display: none;"><div class="wk-modal-content"><div class="wk-modal-header"><span id="wk-modal-header-span">Notification</span><span id="wk-close" class="wk-close">×</span></div><div class="wk-modal-body"><div class="wk-redirect-buyer"></div><div class="wk-buyer-address wk-hide"><div><h4>{{ wk_modal_select_address_header | default: "Select Prefered location for Shipping" }}</h4><select class="wk-selectbox">{% for address in customer.addresses %}<option value="{{ address.id }}"{% if address.id == customer.default_address.id %}selected{% endif %}>{{ address.address1 }},{{ address.address2 }},{{ address.city }},{{ address.province }},<strong>{{ address.country }}, {{ address.zip }}</strong></option>{% endfor %}</select></div><div><button type="button" class="btn button-primary" id="wk-address-submit">{{ wk_save_address_btn | default: "SAVE" }}</button></div></div></div></div></div> |
To hide Add to Cart & Buy Now, get the code:-
|
1 |
<div style="width: 100%;" {% if customer %}class="wk-buyer-restrict" data-customerId ={{ customer.id }} data-productId ={{ product.id }} {% endif%} ></div> |
To notify users, paste that code into the product.liquid or product-template.liquid template:-
|
1 |
{% if customer %}<div class="wk-buyer-notice wk-text-danger"></div><div style="display:none; width: 100%;"><button style="width: 100%;border-radius: 3px;" type="button" class="btn button-primary wk-select-address">{{ wk_select_address_btn | default: "SELECT SHIP ADDRESS" }}</button></div>{% endif %} |
Include file in product.liquid or product-template.liquid template:-
|
1 |
{% include 'wk-restrict-buyer' %} |
Front End
Note:- It is mandatory for customers to have an account on the admin’s Shopify store.
If no customer address is added to the store, the customer will be asked to enter a new address first.
Visiting the product page, the customer will see the option to view the shipping address.
Now, the customer can select the shipping address.
If the seller is not available to ship at the buyer’s location then, a message appears on the product page like this:-
You can configure the labels in “wk-restrict-buyer-liquid” file under snippets.
Shipping Label Generation
Using the Marketplace shipping feature app, you can allow your sellers to generate shipping labels of the fulfilled orders. As soon as the orders get fulfilled, the seller will get an option to generate a shipping label from the order detail section of their respective seller panels.
Multi-vendor Seller Panel>>Orders>>Order Listing>>Select an order & click View button>>Click “Generate shipping label” in Action menu.
Clicking this button, the seller needs to select the fulfillment method as “Marketplace Fulfillment” and click the Generate button.
SHIPPING LABEL GENERATED
This way, the sellers can easily generate the shipping labels from their seller panel.
Configure Shipping Label from Invoice Template
You can configure the shipping labels from your admin panel from the Invoice templates menu of the app.
Log in to multi-vendor admin panel>>Go to Orders>>Click Invoice Templates>>Select the option>>Click the Edit button and configure the template.
Now, scroll down and click the Edit button to configure Shipping Label:
This way, you can edit the template of the marketplace shipping label.
Shipping Methods in the App
Please have a look at the Shipping Methods supported in the Multi-vendor Marketplace app:
1. Canada Post
Canada Post features app helps the Canadian sellers to ship their products worldwide and sellers can also generate “shipping label” from their account in Multivendor Marketplace App. Explore
2. UPS
UPS feature app is here to manage product shipping, track the packages & print shipping labels through the United Parcel Service (UPS). Explore
3. FedEx
With this shipping method, you can enable shipment through FedEx and allow US sellers to automatically generate shipping labels. Explore
4. AirSpeed
We came up with a new feature app named “AirSpeed Shipping” to manage fulfillment on a priority basis. This feature app comes with an option to Notify the Courier about the prepared order to be shipped to the customers. Explore
5. Ecom Express
Ecom Express Shipping for the order fulfillment service!
This feature will help both the admin and the seller to manage the fulfillment in the best possible way. Once the customer places an order, the seller can directly fulfill it from the backend with the help of the Ecom Express Shipping feature. Explore
6. Vamaship
Using the Vamaship shipping method, the merchants can enable shipment through Vamaship. Moreover, they can automatically generate shipping labels for orders. Explore
7. Blue Dart
Blue Dart, an Indian Logistic Company is now integrated with the very popular Multi-vendor Marketplace App for Shopify.
So, you can now allow sellers to fulfill orders via Blue Dart fulfillment & courier delivery services. Additionally, allow sellers to generate shipping labels for fulfilled orders. Explore
8. Australia Post
Presenting Australia Post Feature app using which admin can allow the sellers to deliver their shipment via Australia Post shipment method and can also Generate Shipping Labels from the app. Explore
9. Shipstation
ShipStation feature will allow you to ship your goods via multiple carrier shipping methods. Moreover, you can automatically generate shipping labels. Thus, designed to streamline the fulfillment process.
10. Envia
We came up with one more shipping feature app i.e Envia Shipping using which the merchants can enable shipment through Envia. Moreover, he can allow sellers to automatically generate shipping labels.
Explore
11. PostNL
You can now allow sellers to manage the order fulfillment via PostNL and automatically generate shipping labels of the orders. Know More about this Shipping add-on.
12. PostCode
You can provide your customers shipping rates based on postcode ranges by enabling the free Shipping Add-on within the Multivendor Marketplace App for Shopify. Know More
13. J&T Express
The admin can allow sellers to manage the order fulfillment via J&T Express and automatically generate shipping labels of the orders. Explore
NOTE
“All the above Shipping feature apps are available only in the Multivendor PRO ($45/month) Plan + You need to enable the “Shipping” Feature App which is FREE of cost.”
Please Note:- To make this feature work, you need to choose the Shopify store plan which supports the “Real-Time Carrier-Calculated Shipping”.
So that was all about the Shipping Feature of the Multi-vendor Marketplace app.
Please Visit Multivendor Marketplace for Shopify Blog for details of the app.
Demo
You can refer below link to check the demo of Shipping Calculator Feature:-
https://multivendor-shipping-calculator.myshopify.com/pages/demo-details
Support
For any kind of technical assistance, just raise a ticket at http://webkul.uvdesk.com/and for any doubt contact us at shopify@webkul.com
Be the first to comment.