Menu Close
    Hire us Request quote Reading list Switch to dark mode
    lockdownWebkulUp

    Hyperlocal Marketplace: Multi-Vendor Marketplace for Shopify

    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.

    Installation

    Enable the following app by visiting:

    • Multi-Vendor Admin Panel
    • From the Dashboard, hover over the three dots on the top-right of the page
    • Click on Feature Apps
    • Search for ‘Hyperlocal Marketplace‘ & click on ‘Enable
    • After accepting the charges, you’ll be good to configure the app!

    Configuration: Admin Panel

    The admin needs to configure the app by visiting:

    • Multi-Vendor Admin Panel
    • From the dashboard, go to Configuration
    • Click on Hyperlocal Configuration from the drop-down menus.

    On the following page, you’ll find these options:

    You can change the following details as per your need:

    • Tagline 1
    • Tagline 2
    • Search Placeholder Text
    • Button Text for ‘Searching Results’

    (Refer to the frontend image given above to get a reference for the following taglines.)

    Furthermore, add the Google Map Access Token. You’ll find instructions for this on the same page.

    Important Note: The API key must be activated before using it on the app.

    Instruction to get Google Map Access Token:

    To get an API key:

    To get step-by-step instructions with images, visit: How to get Google API Key

    1. Go to the Google Cloud Platform Console.
    2. Click the project drop-down and select or create the project for which you want to add an API key.
    3. Click the menu button and select APIs & Services > Credentials.
    4. On the Credentials page, click Create credentials > API key.
      The API key created dialog displays your newly created API key.
    5. Click Close.
      The new API key is listed on the Credentials page under API keys.
      (Remember to restrict the API key before using it in production.)

    Steps to restriction:

    • Visit the Credentials page, click on the created API key.
    • Now, under the heading Application restrictions, select HTTP referrers (websites).
    • Furthermore, under Website restrictions, click on Add an item & add the following referrers:
      • Your ‘myshopify’ domain. Example: https://example.myshopify.com/*
      • Your custom Shopify domain, if any. Example: https://example.com/*
      • Lastly, https://sp-seller.webkul.com/*

    NOTE: It is mandatory to use a wildcard asterisk (*) at the end of each URL as shown in the above example URLs.

    Next, you’ll have the option to upload a Background Banner.

    (Refer to the frontend image given above to get a reference for the following Background Banner.)

    Lastly, you can customize the labels of the ‘Nearby Service’ section page.

    NOTE: The number of sellers available at your location will be replaced by the #COUNT#.

    These are all the configurations that need to be done from the admin panel.

    Code-Pasting: Admin Panel

    For displaying the app’s related widgets on the storefront, the admin needs paste some codes. Find the codes by visiting:

    • Multi-Vendor Admin Panel
    • From the dashboard, go to Configuration
    • Click on Instructions for Marketplace from the drop-down menus.

    On the following page, under the heading HYPERLOCAL MARKETPLACE, you’ll have three different codes that need to be pasted in their individual template files. All the instructions regarding code pasting will be given on the same page.

    . . .
    Subscribe Articles

    Just enter your email below to subscribe and receive weekly updates about the most interesting similar articles.

    You need to accept conditions to receive letters.
    You've Subscribed!

    Share article via

    . . .

    You can also check out the following documentation: Instructions for Hyperlocal Marketplace.

    If you are having trouble while updating the codes, let us know by emailing at shopify@webkul.com or creating a ticket for the same at Webkul UV Desk. We’ll do it for you!

    Vendor Location

    The next important aspect that comes under the Hyperlocal Marketplace concept is the Vendor Location.

    Each vendor needs to update his location as well as the range for his delivery service. Mind that, in Multivendor Marketplace, the admin can also configure/edit the following details from his panel.

    Vendor Location Update from Admin Panel:

    If the admin wants to update the Vendor’s Location, he needs to visit:

    • Multi-Vendor Admin Panel
    • From the Dashboard, go to Sellers > Seller Listing
    • Edit the seller whose location you want to modify by click on the three dots under Action Menu > Edit

    On this page, under the heading LOCATION, the admin can change the status of the location as Enable, Delete, Disable.

    To modify the address, click on View On Map. A pop-up will open where you can change the Address, Lattitude & Longitudes. Moreover, Maximum Delivery Distance can also be updated.

    (Maximum Delivery Distance limit is 200 km)

    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

    As soon as the customer visits the storefront, he will be asked to enter the delivery location. Refer:

    Once the customer clicks on ‘Find Food’, all the sellers delivering in that particular location will be listed like so:

    Further, customers can click on any seller they want which will take them to the seller’s profile. All the products they are selling will be listed there & orders can be placed by adding the products to the cart!

    Clicking on the ‘Direction’ button under the seller profile will give you the distance between your location & the seller’s location. Refer:

    NOTE:

    Your seller profile page will also be filtered according to the location.

    In case the customer doesn’t enter any location or no seller is available at the location entered by the customer:
    The ‘Add to Cart‘ & ‘Buy Now‘ button on the product description page will get automatically disabled.

    Need Help?

    Meanwhile, if you can drop your query/suggestion at support@webkul.com or create your ticket at Webkul UV Desk

    . . .

    Comments (4)

    Add Your Comment

  • Chayenne
    Hi,
    Is it possible to get a store locator like this without the limiting of people. We would work with shops as sellers and we were wondering if we could implement a store locator at the front. We would like to promote local shopping with it.
    • Mansi Rana
      Hi,
      If you are looking to have a store locator on your Shopify storefront then please check out:
      Locate Your Pickup Store App for Shopify
      In case you have some other requirements, drop your query/suggestion at support@webkul.com or create your ticket at Webkul UV Desk.
      Thank you!
      • chayenne
        Thank you!
        • Mansi Rana
          Welcome!
          In case of any issue, do let us know.
  • Back to Top
    css.php
    Hire Us!
    Brief us about your requirements and we'll get back to you.
    Woo! Hooy!
    We have just recieved your project brief and our expert will contact you shortly.
    Send Again
    Close

    Table of Content

    Hide Index