Store Locator – Magento 2 Extension

Store Locator – Magento 2 Extension

Installation: Store Locator extension can be installed in Magento store by following methods:

Method 1:

Follow this method to install the Store Locator extension in your Magento store if the Cron task is not set up in your Magento dashboard:
Steps to install the Store Locator extension manually:

  • After the extension is purchased you would receive an email with a link to download the package zip file.
  • Create a directory ‘Vgroup65/StoreLocator’ under the directory ‘/app/code/’.
    a) In case if you do not find the ‘code’ directory under ‘/app/’, then create the ‘code’ directory and then create ‘Vgroup65/StoreLocator’ under ‘code’ directory.
    Now the directory for the Store Locator extension will be ‘/app/code/ Vgroup65/ StoreLocator’.
  • Unzip the package zip file of Store Locator extension under ‘/app/code/Vgroup65/StoreLocator/’directory.
  • Please make sure that you must be logged in as an administrative user on your Magento server using any command line interface application (ex: PuTTy).
  • Open the Magento command line interface and navigate to the Magento root directory by entering ‘cd’ command eg. ‘cd /var/www/html/magento2/’ (you can change path according to your Magento root directory).
  • After navigated to the Magento root directory on command line interface, run following commands:- ‘php bin/magento setup:upgrade’
    – ‘php bin/magento setup:di:compile’
    – ‘php bin/magento setup:static-content:deploy’
  • Go to your Magento store admin dashboard > System > Cache Management.
  • Click ‘Flush Magento Cache’ and check Store Locator in the left navigation menu.

Method 2:

You can use this method if the Cron task is already set up and running on your Magento store. Refer to the below link if the Cron task is not set up on your Magento store.

https://devdocs.magento.com/guides/v2.0/config-guide/cli/config-cli-subcommands-cron.html
Refer below steps to install the Store Locator extension manually:

  • After the extension is purchased you would receive an email with a link to download the package zip file.
  • Create a directory ‘Vgroup65/StoreLocator’ under the directory ‘/app/code/’.
    a) In case if you do not find the ‘code’ directory under ‘/app/’, then create the ‘code’ directory and then create ‘Vgroup65/StoreLocator’ under ‘code’ directory.
    Now the directory for the Store Locator extension will be ‘/app/code/ Vgroup65/ StoreLocator’.
  • Unzip the package zip file of Store Locator extension under ‘/app/code/Vgroup65/StoreLocator/’ directory.
  • From your Magento admin dashboard, go to System > Web Setup Wizard > Component Manager. In case of Magento 2.2.x, go to System > Web Setup Wizard > Module Manager.
  • Locate the ‘vgroup65/storelocator’ under Component Name column and Select ‘Enable’ option from the Action dropdown.
  • Click ‘Next’ on ‘Enable Vgroup65_StoreLocator’ page and complete the process.
  • After enabling the module, go to Magento Dashboard > System > Cache Management.
  • Click ‘Flush Magento Cache’ and check Store Locator in the left navigation menu.

This product is currently out of stock and unavailable.

SKU: vg_storelocator_m2 Category:

Description

The Store Locator extension allows sellers to have their customers locate physical stores/dealers with the help of Google Maps. Upon successful installation of the Store Locator extension, the link to the Store Locator page appears on the top navigation menu of the website. On the Magento back-end, the seller can add multiple physical stores one by one or through CSV file import through the Store Locator extension interface. The Geo-coordinates of the stores are automatically fetched based on the store address.

On the website, the Store Locator extension provides multiple search fields for the customers to search for the stores/dealers near their location. They can also set a distance range limit to search for the stores nearby. For example, if they set the range as 5 miles, all stores within the selected range will appear in the list and on the Google map.

Results will appear on the Google map as Markers as well as a list.  Clicking on the marker will display the details of the store. The Stores that appear as a search result will display the Store name, Address, Contact info, Store Open/Close time and day etc. Upon clicking the ‘Get Directions’ button, the customer would navigate to the store detail page where they can select the mode of travel to the store to estimate the time it would take to reach the store.

Account & Pricing

You must create a separate Google Cloud Account to generate a Google Maps API key.  Additional charges apply to use Google Maps API.

 

Features:

  • Add Multiple Stores
    Multiple physical stores can be added. The store details can be added one by one or by uploading a CSV file.
  • Import/Export Stores
    The extension provides a link to download a sample CSV file which can be updated and uploaded to the Magento store through the extension. The extension also validates the data of the uploaded file and gives the count of valid and invalid rows. The extension also has the feature to export store details as a CSV file.
  • Store List
    As soon as the Store Locator extension is installed, it automatically generates a Store Locator page. When the store details are updated in the extension, these would appear on the frontend. Customers can search the store by Name, Address, Radius and Zip code. When a customer clicks on the location icon, the details of a store will be displayed in a popup.
  • Directions
    On the Store detail page, users can enter their location and find the direction to the store on the Google map.
  • Customization
    The seller can customize Title, Breadcrumbs and Store top navigation which will appear on Store listing and Store description pages.
  • Usability
    Adds Physical Stores, Beauty clinics selling your brand products, retail outlets selling your gourmet products, etc.

 

Examples

Suppose you own a Sports Wear shop and a customer wants to search for your dealers in their vicinity, then they could simply do the following to locate the store:

  • Visit the seller’s store website.
  •  Click on the Store Locator link available on the top navigation menu and navigate to the Store Locator page on your website.
  • Enter Store/Dealer name (if available) in the provided text field.
  • Start typing the name of the location where they would like to visit the store, a fly out will appear to assist in entering the correct address. Customer can select from the options available in the fly out.
  • Customer can also select the radius, for example 50 Miles and click on Search button to get the list of available  Dealer Stores available in the selected radius.

 

How To Use

Store Locator Configuration

  • Log in to Magento admin account
  • Go to System
  • Click Configuration
  • From the left navigation click Store Locator
  • Enter Google Maps API key
  • Click Save

 

Manage Stores

Steps to Add Stores

  • Log in to Magento admin panel
  • Go to Store Locator
  • Click on Manage Stores
  • Click Add New
  • Enter the required information
  • Click Save

Steps to Edit Store Location

  • Log in to Magento admin panel
  • Go to Store Locator
  • Click on Manage Stores
  • Search for the store
  • Click Edit
  • Make the updates
  • Click Save

 

Import Stores

Steps to Import Stores

  • Log in to Magento admin panel
  • Go to Store Locator
  • Click Import Stores
  • Click on ‘Click to download sample CSV file’
  • Enter the required information in the sample file and save it on your computer
  • Browse for the sample file from the computer
  • Click on Import Store button

Additional information

Platform

Magento

Version

2.0

Edition

Adobe Commerce (cloud), Adobe Commerce (on-prem), Magento Open Source

How To Use

<h3>Store Locator Configuration</h3>
<h4>Steps to create and enable the Google Map API key:</h4>
<ol>
<li>Sign in at Google API key page.</li>
<li>Click ‘Get a Key’ button.</li>
<li>Select or create a New Project and click ‘Enable API’.</li>
<li>Copy the Generated API Key and click ‘Finish’.</li>
<li>Go to the Google API Console.</li>
<li>Select the Project and Click ‘Open’.</li>
<li>Click ‘Enable API’.</li>
<li>Click on following links that appear under Google Map APIs heading: <br/>
– Google Maps JavaScript API<br/>
– Google Maps Roads API<br/>
– Google Maps Geocoding API<br/>
– Google Maps Directions API<br/>
– Google Maps Geolocation API<br/>
</li>
<li>Click ‘Enable’ if APIs are disabled.</li>
<b>Reference:</b> <a href=”https://www.wpgmaps.com/documentation/creating-a-google-maps-api-key/” target=”_blank”>https://www.wpgmaps.com/documentation/creating-a-google-maps-api-key/</a>
</ol>
<h4>Steps to add the Google API key:</h4>
<ol>
<li>Log in to Magento admin account.</li>
<li>Go to Store Locator from left navigation.</li>
<li>Click on ‘Manage Stores’.</li>
<li>Click ‘Configuration’.</li>
<li>Enter Google API key.</li>
<li>Click ‘Save’.</li>
<b>Note: </b>The URL for the Store Locator page would be storelocator/stores/.
</ol>

<h3>Manage Stores</h3>
<h4>Steps to add Stores:</h4>
<ol>
<li>Log in to Magento admin panel.</li>
<li>Go to Store Locator from left navigation.</li>
<li>Click ‘Manage Stores’.</li>
<li>Click ‘Add New Store’.</li>
<li>Enter required information.</li>
<li>Click ‘Save’.</li>
</ol>
<h4>Steps to edit a Store Location:</h4>
<ol>
<li>Log in to Magento admin panel.</li>
<li>Go to Store Locator from left navigation.</li>
<li>Click ‘Manage Store’.</li>
<li>Search the store.</li>
<li>Click ‘Edit’.</li>
<li>Make the updates and Click ‘Save’.</li>
<li>Click ‘Save’.</li></ol>

<h3>Import Stores:</h3>
<h4>Steps to Import Stores:</h4>
<ol>
<li>Log in to Magento admin panel.</li>
<li>Go to Store Locator from left navigation.</li>
<li>Click ‘Manage Stores’.</li>
<li>Click ‘Import’.</li>
<li>Click the ‘Click to download sample csv file’ link.</li>
<li>Enter required information in sample file and save in your computer.</li>
<li>Browse for the updated sample file and click ‘Import Store’ button. </li>
(NOTE: Do not enter the Store ID in csv file while creating a new store.)
</ol>