Multivendor Marketplace App for Shopify- SHIPPING

However, first, you need to configure shipping methods for sellers by selecting 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.

Accordingly, the sellers will set the country-wise/zone-wise shipping rates on the basis of the 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

• First, Sellers will create the shipping ranges
• Select the zone (added by the admin).
• Then Set the zone-wise shipping rates based on the price or weight of the products.

Let’s understand the step-by-step process to install the Shipping feature app & how it works on marketplaces in both cases; Country-wise & Zone wise Shipping.

STEP 1: Shipping Feature App Installation.

In order to get the app, first, you need to 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 sub-menu gets added to the Configuration menu i.e Shipping Methods.

Shipping Methods

From this section, you can view the list of all the shipping methods that you want to activate on your marketplace.

Here, you can see the Marketplace shipping in the list.
As soon as you enable the Shipping feature app. By Configure Shipping button in the action menu, you can configure the shipping details.

You can anytime enable/disable any of the Shipping methods from the list. Also, You can view the seller details of who are using these Shipping Couriers.

Clicking the Configure Shipping button, you will be redirected to the Global Shipping Configuration section.

From the Global Shipping Configuration section, you can select whether you want to add single shipping or Multiple shipping. Then you need to choose and configure Country-wise or Zone wise, or Postcode shipping.

Country-wise Shipping

SINGLE SHIPPING+COUNTRY WISE SHIPPING

Expected Shipping and Delivery days

Expected shipping and delivery days refer to the estimated time it takes for an item to be shipped from the seller or retailer and delivered to the customer’s designated address. It represents the approximate duration within which you can anticipate receiving your order after it has been shipped. Please note that the actual shipping and delivery times may vary based on factors such as shipping method, distance, customs procedures, and any unforeseen delays.

In case you choose this shipping, you will get an option to add Expected shipping and Delivery days.

To configure the Expected Shipping and Delivery Days, follow these steps:

• Go to the “Configuration” section.
• Select “Instructions for the marketplace” from the options.

• Locate the section labeled “Expected Shipping and Delivery Days.”
• Click on the “Regenerate” button underneath this section.

In order to display the expected shipping and delivery days on the front end, it is necessary to add the relevant section for that specific page through the Shopify backend configuration.

To access the required Shopify backend settings, the admin should follow these steps:

• Go to the Shopify Admin Panel.
• Navigate to Online Store.
• Select Themes.
• Click on Customize button.

• Select Product in the top search box and then select Default Product.

Next, click on the “Add section” and choose the “Marketplace Shipping Days” option to include it on the product page.

Global Configuration on Seller’s End

If shipping and delivery days have not been configured for a particular state in a country, then in such cases, it will be displayed based on the global configuration. However, if a specific configuration has been set for the state within that country, it will be displayed accordingly.

To configure the Global configuration for shipping, go to MVM
Seller Panel, navigate to Configuration >> Shipping Methods >> Click on Global Configuration

On Global Configuration Page, you have to set Shipping days and Delivery days as per your requirement.

After following these above steps, the seller will get an option to add shipping days and delivery days while adding the country for shipping.

To access the details on the front end, customers are required to select their country and state on the product page. By providing this information, they can view the relevant details specific to their location.

The frontend display will resemble the image shown below.

MULTIPLE SHIPPING+COUNTRY WISE SHIPPING

In case you choose Multiple shipping, you will have the option to add multiple shipping methods.

You need to choose whether you want to display the shipping on the cart page or on the checkout page.

Know About Multiple Shipping

Zone-wise Shipping

For zone-wise shipping, you need to configure the zone from the Global Shipping Configuration section.

SINGLE SHIPPING+ZONE WISE SHIPPING

MULTIPLE SHIPPING+ZONE WISE SHIPPING

You can change the label of the shipping method also.

Similar to admin, sellers can also set the marketplace shipping as the 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 the Action menu of Shipping Methods.

That is how sellers can set marketplace shipping as the default shipping method from their respective seller panels of the multi-vendor app. 

If your seller is shipping in different countries with different shipping rates then, he/she has to set country-wise shipping.

For this, first, you need to enable the Marketplace Shipping as Country-wise from the Admin Panel>>Configurations>>Shipping Methods menu.

Check the below video of country-wise shipping:

CASE 1: COUNTRY-WISE SHIPPING+SINGLE SHIPPING

SELLER END

Go to Configuration >> 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 on the view button, the seller will see the list of added countries. From here, 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?

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

The seller will click the Add New Range button to set a shipping rate for zone-wise shipping. These rates can be applied to the product’s price or the product’s weight.

Moreover, the Seller can add upto 8 shipping ranges for a Shipping method.

The shipping Range is now set on the price of the product. Also, the seller can edit/delete the ranges.

If the seller selects range as a weight basis then there is an option to give a flat rate shipping to the customer.

This condition works as per the seller’s total products, not the whole cart amount.

For example:

if a customer buys products from two sellers, seller A and seller B and both the seller sets different condition amounts.

Seller A set the max price for the flat rate is 1000$ and the shipping rate is 10$.

And, Seller B set the max price for the flat rate is 800$ and the shipping rate is 8$.

Note: IF the condition is met for one seller then it will work as per the condition for that seller but if not then work as marketplace shipping rate for the rest of the seller.

To enable this there is a configuration that you need to enable first, Admin Panel > configuration > Market Place Configuration > Flat Rate Shipping.

for example: if shipping ranges is set as as weight It will calculate shipping cost on the weight basis.

But if customer order value is more than the flat shipping condition amount then it shipping cost will be as per the condition amount.

The seller can view the shipping range details from here:

Once done, the seller will proceed accordingly to select countries & set different shipping rates for each country & their states based on the price or weight of the product.

All the countries to which the 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.

In case the admin has selected Multiple Shipping and enabled the Country-wise shipping.

CASE 2: COUNTRY-WISE SHIPPING+MULTIPLE SHIPPING

A new sub-menu gets added to the seller Configuration menu i.e. Marketplace Shipping. From here, you can update the shipping status in case you are using Multiple Shipping.

From here, the seller will view the Shipping Method and Shipping Type selected. Moreover, the seller can update the shipping status.

Know How To Create Multiple Shipping

This way, a seller can set different shipping rates for different countries based on the Price or weight of the product.

Similarly, if the admin has enabled the Zone-wise Shipping from the Configuration>>Shipping Method menu of the admin panel, the seller will configure the zone-wise shipping rates with Single/Multiple shipping methods configured.

Check the below video of the Zone wise shipping:

Case 1: ZONE-WISE SHIPPING+SINGLE SHIPPING

The seller will configure zone-wise shipping from the Shipping Configuration menu in the seller panel. To add the zone-wise shipping rates, Go to Configuration>>Shipping Configuration.

Here, the seller will get the option to add zone-wise shipping rates.

Clicking the View button, the seller will get the option to add ranges & add zone-wise shipping rates.

Seller adding Shipping Ranges

The seller will click the Range Detail to add New Range & 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.

And the 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.

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

Scenario 1: When Range Details Tab is Enabled from Admin End. In this case, sellers can simply add zone-wise shipping rates.

and Scenario 2: And 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.

Case 2: ZONE-WISE SHIPPING+MULTIPLE SHIPPING

In case you have enabled multiple shipping method, the process of setting zone-wise shipping rates will remain the same for the sellers.

To manage the shipping status, the seller needs to Go to the seller panel Configuration>>Marketplace Shipping sub-menu.

That is how sellers can add zone-wise shipping rates.

You can now disable the “Add to Cart” & “Buy Now” buttons for any product that has configured Zone-wise shipping rates.

PURPOSE
However, If a seller is not selling products at 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 Configuration >> 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 Configuration menu >>”Instruction for Marketplace” & add the codes.

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

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

if you want 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 %}

Include file in product.liquid or product-template.liquid template:-

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

Front End

Note :
It is mandatory for customers to have an account on the admin’s Shopify store.

If the customer’s address is not added to the store, the customer will be asked to enter a new address first.

By visiting the product page, the customer will see the option to view the shipping address.

Now, the customer can select the shipping address.

Moreover, If the seller is not available to ship at the buyer’s location then, a message will appear on the product page like this:-

You can configure the labels in the “wk-restrict-buyer-liquid” file under snippets.

Please have a look at the supported shipping methods in the Multi-vendor Marketplace app:

1. Canada Post

Canada Post features app that helps Canadian sellers to ship their products worldwide and sellers can also generate a “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. (currently, this add-on is unavailable). Know More

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.

Know More

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 for the orders. Know More about this Shipping add-on.

12. PostCode

By usingthis, 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 for the orders. Explore

14. Swiss Post

Using the Swiss Post Shipping Feature app, you can allow sellers to manage order fulfillment via the Swiss Post postal service & generate shipping labels. Explore

15. Easy Post

With the Easy Post Shipping Feature app, you can allow sellers to manage order fulfillment via Easy Post. Explore

16. Delhivery

Merchants can allow vendors to ship their goods via Delhivery and then print the shipping label via the Delhivery feature app. 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 pro 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.

From the Global Shipping Configuration section, you can select whether you want to add single shipping or Multiple shipping. Then you need to choose and configure Country-wise or Zone wise, or Postcode shipping.

You can refer to below link to check the demo of the Shipping Calculator Feature:-

https://multivendor-shipping-calculator.myshopify.com/pages/demo-details

For any kind of technical assistance, just raise a ticket at http://webkul.uvdesk.com/and accordingly, for any doubt contact us at [email protected]