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

How to Add a Store Locator to Shopify

Learn how to add a store locator or product locator to your Shopify store. Follow our simple step-by-step tutorial for quick and easy integration.

Want to add a store locator or product locator to your Shopify store? You're in the right place. 🎯

New to Storepoint?

Learn more about our store locator app for Shopify and see what's included.

What is Storepoint?

Storepoint is a store locator app that makes it easy to add a beautiful, searchable locator to your Shopify store. Use it as a store locator, dealer locator, or product locator to help customers find where to buy your products.

Here's what makes it great:

  • Easy to customize. Match your Shopify store's branding in minutes.
  • Powerful search. Customers can search by address, zip code, or use automatic geolocation.
  • Filters and categories. Help shoppers find retailers that carry specific products or brands.
  • Simple location management. Add locations via the dashboard, import from a spreadsheet, or sync from Google Sheets.
  • Works beautifully on mobile. Fully responsive out of the box.

Start Your Free Trial See Examples

Ready to get started? The whole process takes just a few minutes. ✨


Step 1: Get Your Embed Code

  1. Log in to your Storepoint dashboard
  2. Click Embed in the left sidebar
  3. Copy your embed code snippet

Get Embed Code

Pro Tip

Preview your locator in the dashboard first to make sure everything looks right before embedding.

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

That's it! 🙌


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. We're happy to assist!

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.