Multi-Vendor Marketplace for Shopify is here with another feature app called Hyperlocal Marketplace.
Defining Hyperlocal Marketplace:
In a hyperlocal marketplace, the merchant can restrict their service area to a particular geographical region. Since the hyperlocal ecosystem is based on the ‘near me’ concept, this makes the delivery of services/goods in a very short span of time.
The hyperlocal marketplace uses the geographical location detector for detecting the current location of the customer. It further scans the nearest registered service providers (vendors). Therefore, making the services a faster solution in terms of delivery! Know More.
Configuration: Admin Panel
Hyperlocal Global Selling
The admin can choose whether he wants his sellers to sell their products without location restriction or not.
For this, enable the following tab under Hyperlocal Configuration:
Once enabled, the sellers will get this option under their account configuration. Sellers can enable this and sell globally. Note that those sellers who have opted this options doesn’t need to enter their location or delivery radius.
Important Point: The global sellers will appear on every search result on the storefront. Moreover, they will be listed after the sellers with defined locations.
Redirect to Seller Listing Page
The admin can choose whether he wants his customers to redirect to the seller listing page after searching results for their location or to the by-default home search result page.
Code-Pasting: Admin Panel
A seller can have multiple locations. The admin can add multiple locations for the sellers. For that, the admin needs to visit Multivendor Admin Panel > Sellers > Locations > Add Location:
Next, the admin can add location:
Vendor Location Update from Seller Panel:
Similarly, the sellers can also update their service location & Maximum delivery Distance by visiting:
- Multi-Vendor Seller Panel
- From the Dashboard, go to Profile > My Account
On this page, under the heading LOCATION, the seller can change the status of the location as Enable, Delete, Disable.
Likewise, to modify the address, click on View On Map. A pop-up will open where you can change the Address, Lattitude & Longitudes + Maximum Delivery Distance.
(Maximum Delivery Distance limit is 200 km)
This was all regarding the backend settings.
Frontend: Hyperlocal Marketplace
Hyperlocal with Multiple Shipping
In case you are using the Multiple Shipping feature then you will have the following two options while adding shipping methods:
- Radius Restriction: To restrict the radius for the shipping method.
- Datepicker: If you want your customer to add a date on the product page.
When you restrict the radius & enable the datepicker:
If you disable the date picker, it will not display. Also, in case you didn’t restrict the radius, it will show global shipping methods:
Search Bar Compatibility with Hyperlocal Feature using Multiple Shipping
By default, when a customer lands on your website & enters his/her location, filtered sellers will be listed based on the geolocation. But if you want to restrict the customer’s Shopify search for products based on the same radius, you can use this feature.
To make the Shopify search bar compatible with hyperlocal, you need to use the Multiple Shipping feature. Further, under Hyperlocal Configuration, enable this option:
Note: You need to add a code which you will get under Instructions for Marketplace section:
In case you are using Shopify Online Store 2.0, follow the detailed user guide & follow instructions to add the codes: https://webkul.com/blog/code-instruction-to-online-store-2-0/#hyperlocal-marketplace-codes
Now, when you will add/edit product, you will get the following shipping options to choose from:
- Hyperlocal- Global Shipping: In the case of this, when a search is made, products that are available globally will be listed.
- Hyperlocal- Local Shipping: In this case, when a search is made, products with restricted shipping in regards to the location entered by the customer will be displayed. Only products under that range will be displayed.
This is how the frontend product search bar will look like:
This is how the search results will look like: