Hyperlocal Marketplace: Multi-Vendor Marketplace for Shopify

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!

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.

Instruction to get Google Map Access Token:

To get an 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.)

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: For the label: “RESULTS ENDED” PARAGRAPH*, use #COUNT# in place of digit (if any). This will automatically fetch the correct value.

These are all the configurations that need to be done from the 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.

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!

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

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

This was all regarding the backend settings.

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:

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.