Shopify Apps

  1. Home
  2. Docs
  3. Shopify Apps
  4. Dealer & Store Locator
  5. How to use Shopify Store Locator App?

How to use Shopify Store Locator App?

Thank you for using our Dealer & Store Locator app.

With our app, you can easily add your physical store locations to the app and make it searchable under the customers’ fingertips.

Step 1: Enable the App & Enter API Key

Please go to Admin => Apps => Dealer & Store Locator app and open the General Config.

When you install our app, it is automatically enabled, and a new Dealer & Store Locator page .../pages/store-locator.

We recommend editing the page to be more user- and search-friendly, by going to Online Stores => Pages => Store Locator.

However, if you want to change the core content of the page, otherwise, it might cause the app to work improperly. Kindly contact us in advance if you want further customization.

Moreover, whenever you change the store theme, please Upgrade Config here.

Step 2: Enter the API Key

You have two options:

  • Create your Google API key and enter the key. Then, you can create unlimited store locators as wished.
  • Subscribe to one of our paid plans to use a pre-created API key and get dedicated support.

Please go to the Pricing Plan page and choose the plan.

Step 3: Add General settings

When a customer enters the Store Locator page for the first time, his/her location will be detected and the map will be zoomed in based on your settings.

Please enter a number.

We suggest some zoomed-in ratios for your references:

  • 1 for world map view
  • 7 for country view
  • 13 for city view
  • 20 for street view

In Distance Unit, choose Miles or Kilometers.

In Zoom Count Location, choose Enable to show the locators in number when the zoomed distance is too small. Here you see:

Under Option Search, choose what you want customers to filter their desired locators.

You can also add working hours to the Store Locator page.

Also, choose to show or hide some additional information as follow:

Step 4: Choose a Layout & Theme

Scrolling down the General Config to select a Layout and Theme that match your website the most.

4.1. Page Template

Choose a template to make it convenient for the customers to search for the locators.

We have built four templates for your references. Let us know at sales@bsscommerce.com if you have ideas for more templates.

4.2. Page Layouts

The layouts will decide the positions of the menu block on the page - you can place it over the map or beside the map.

4.3. Map Styles

We provide the 10 common map styles that will make your store locations visible and searchable. You can take a minute to try all the themes and pick up your customers’ preferences.

Step 5: Add Your Location Stores

Go to the All Store Locations tab, here you can choose to Create a new store

Or Download Sample CSV file and Import Bulk Stores.

5.1. Store general information

  • Store Name: Enter the name of the store
  • Tags: Add some tags that refer to the outstanding features of the store locations. Please enter one tag at a time and enter. These tags are to filter on the Store Locator page.
  • Products: Give a brief of the products in the stores.
  • Description: Tailor a short description of the store as well and upload the image of the store.

5.2. Store contact information

It is the best practice to show contact information such as phone number, email, fax, and website.

5.3. Store location on the map

Enter the location of the store locator and add an eye-catchy marker so that the store will spot on the map.

5.4. Store schedule

Also, specify the opening time and closing time of the store. Our Dealer & Store Locator app allows doing so with several inputs.

5.5. Find your place

Under Coordinate, you can find your place to add the marker to the map.

Step 6: Translation The Store Locator Page

You can display the page in the language of your choice and also customize the text on the page more communicably to “invite” customers to your physical stores.

For example, instead of the traditional “Search” button by “Find Nearest Store.”

Step 7: Check The Store Locator Page

Once you complete all the settings and add all store locators, you can check the storefront display of the page. Simply, click on View Store Locator Page.

Step 8: Check Customers’ Search Records

This feature is available in the Advanced plan and Platinum plan.

Go to the Customer Search Records tab.

Whenever customers enter an address to search, the address will be recorded here. Then, you can figure out where your customers mostly come from.

All settings are done!

If you have any further questions, feel free to contact us at sales@bsscommerce.com.

Was this article helpful to you? Yes No

How can we help?