Skip to content

Store locator

How to add a store locator to Shopify without touching your theme

If you sell in physical shops as well as online, the question "where can I buy this near me?" arrives every week. Here is how to answer it on your storefront without a single Liquid edit.

Jayesh KhagramFounder, DiGiMAA20 August 20266 min read

Why theme edits are the wrong starting point

The old way to add a locator was to paste a snippet into a template. That works until you change theme, update it, or hand the store to someone else — then the snippet is orphaned code nobody dares delete. Online Store 2.0 themes removed the need for that.

  • Theme app blocks are placed in the theme editor and removed the same way.
  • Nothing is written into your theme files, so a theme update cannot break the locator.
  • Uninstalling the app removes the block cleanly instead of leaving dead markup.

Get your location data in order first

The setup is fast; the data is what takes time. Assemble one spreadsheet before you install anything, with one row per place a customer can actually buy from you.

  1. Name, full address, city, state, country code and postal code.
  2. Phone and email for that location, if a customer may contact it directly.
  3. Opening hours, written the way you would say them out loud.
  4. A tag per location type — flagship, stockist, pickup — so shoppers can filter.
  5. Latitude and longitude for anything with a vague address (industrial estates, markets, malls).

Include stockists you do not own. Shoppers care about where they can buy the product today, not who owns the shelf.

The setup, end to end

  1. Install a locator app that ships as a theme app block — this is the detail that decides everything else.
  2. Import your spreadsheet as CSV and fix any rows the geocoder could not place.
  3. Create a dedicated page, e.g. /pages/store-locator, so the page can be linked from navigation and indexed.
  4. In Online Store → Themes → Customize, open that page and add the locator block.
  5. Set the map height and default zoom to fit your geography, then decide whether search or the list loads first.
  6. Add the page to your main menu and to the footer.

Decide on the map provider consciously. An interactive map needs a Google Maps API key, restricted to your own domain. If you would rather not manage a key, a searchable address list with directions links answers the same question at a lower cost.

Make the page findable, not just present

  • Give the page a plain title — "Store locator" beats anything clever.
  • Link it from the header, the footer, and the shipping/FAQ page where pickup is mentioned.
  • Add LocalBusiness structured data for locations you own.
  • If most of your shops are in one city, name that city in the page copy — that is what people search.

Check these before you call it done

  • Open the page on a phone on mobile data, not just desktop.
  • Search a postcode you know, and a misspelled place name.
  • Tap a directions link and confirm it opens the right map pin.
  • Ask someone unfamiliar with the store to find the nearest branch without help.

If each of those passes, the locator is doing its job: turning a repeated question into a page you never have to answer by hand again.

Related apps

If you would rather not build this by hand, these are the DiGiMAA apps that cover it.

Related reading