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.

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.

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.

<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>

<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:-

<div style="width: 100%;" {% if customer %}class="wk-buyer-restrict" data-customerId ={{ customer.id }} data-productId ={{ product.id }} {% endif%} ></div>

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:-

{% 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 %}

{% 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:-

{% include 'wk-restrict-buyer' %}

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.

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.

Shipping Methods in the App

Please have a look at the Shipping Methods supported in the Multi-vendor Marketplace app:-

USPS

USPS Shipping feature came up with the Stamps.com Integration. Thus, you can now use USPS Shipping within the Multivendor Marketplace App for Shopify to let the sellers/vendors ship the products with USPS and can also generate the ‘shipping label’ from their account on the app. Explore

2. 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

3. UPS

UPS feature app is here to manage product shipping, track the packages & print shipping labels through the United Parcel Service (UPS). Explore

4. FedEx

With this shipping method, you can enable shipment through FedEx and allow US sellers to automatically generate shipping labels. Explore

5. 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

6. 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

7. Vamaship

Using the Vamaship shipping method, the merchants can enable shipment through Vamaship. Moreover, they can automatically generate shipping labels for orders. Explore

8. 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

9. 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

10. 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.

Know More

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”.

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

Multivendor Marketplace App for Shopify- SHIPPING