Docs / Getting Started / Embed on Your Website / How to Add a Store Locator to Shopify

How to Add a Store Locator to Shopify

How to add a store locator, product locator, or dealer finder to your Shopify store in minutes. Step-by-step guide. Works with all themes.

Store locator embedded on a Shopify store

Storepoint is a store locator app that makes it easy to add a searchable locator to your Shopify store. Use it as a store locator, dealer finder, "where to buy" product locator, or multi-location map to help customers find your locations.

Create Your Locator Map See Examples


Step 1: Set Up Your Locator

  1. Sign up and configure your account, or log in to your Storepoint dashboard
  2. Add your locations — enter them in the dashboard, import a spreadsheet, or sync from Google Sheets
  3. Go to Embed in the sidebar and copy your embed snippet

Open Storepoint Dashboard

Step 2: Add It to Your Shopify Store

First, create or open the page where you want your locator:

  1. In your Shopify admin, go to Online Store > Pages
  2. Edit the page where you want your locator, or create a new page (like "Find a Store" or "Where to Buy")

Then add the embed code using one of these methods:

This works with Online Store 2.0 themes like Dawn, Craft, Sense, and most modern themes.

  1. Go to Online Store > Themes
  2. Click Customize on your current theme
  3. In the top dropdown, select Pages then choose your locator page
  4. Click Add section in the left sidebar
  5. Search for and select Custom Liquid (sometimes called "Custom HTML")
  6. Paste your Storepoint embed code into the Liquid code field
  7. Click Save
Can't find Custom Liquid?

If your theme doesn't have a Custom Liquid section, use Option B below.

Option B: Page Content Editor

This works with all Shopify themes.

  1. In Online Store > Pages, edit your locator page
  2. In the content editor, click the Show HTML button (looks like <> or says "HTML")
  3. Paste your Storepoint embed code
  4. Click Save
Important

Make sure you switch to HTML view before pasting. If you paste into the visual editor, the code won't work correctly.

Step 3: Publish and Test

  1. Visit your store to see your new locator page
  2. Test searching for a location to confirm everything works

Adding to Your Navigation

To help customers find your locator:

  1. Go to Online Store > Navigation
  2. Click on your main menu
  3. Click Add menu item
  4. Enter a name like "Find a Store" or "Where to Buy"
  5. In the Link field, click Pages and select your locator page
  6. Click Add then Save menu

Need Help?

Run into any issues? Contact us with a link to your page and we'll help get it sorted.

Make It Your Own

Now that your locator is live, explore what else you can do:

Still have questions?

We're happy to help anytime.

Get in Touch

Ready to get started?

Create your store locator in minutes.