Multivendor Marketplace App for Shopify- SHIPPING

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 ($60/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 shopify@webkul.com