Will a store locator slow down my Shopify store?

Not this way. The widget loads asynchronously on the one page where you paste it. The rest of your shop, including checkout, loads no extra code at all.

Do I need to edit my theme code?

No. The page editor route needs zero theme changes. The Custom Liquid route uses the theme editor UI, which is reversible and update-safe.

Why not just use a Shopify store locator app?

Apps work too, and if you prefer managing everything inside Shopify that is a fair choice. The trade-offs are the monthly app fee, extra permissions and theme weight. A hosted widget keeps the locator independent, which also means it moves with you if you ever leave Shopify. See the Shopify store locator page for the full picture.

Can the locator match my theme?

Yes. Colours, fonts, map style and every label are adjustable, plus full custom CSS if you want pixel control. Or send me your URL and I do the brand match for you, free.

Guides

How to add a store locator to Shopify without an app

You do not need another app subscription to show your stores on a map. A hosted widget does the same job with one line of code on a normal Shopify page.

By Robin, who builds and runs StoreLo · Updated 2026-07-30

Why skip the app store for this

Shopify apps are the right tool for many jobs, but they come with baggage: another monthly fee, another set of permissions on your store data, and scripts that load on every page whether they are needed or not. Some leave leftover code in your theme after you uninstall them.

A store locator does not need any of that. It only has to render on one page, it does not touch orders or customers, and it works the same on Shopify as on any other website. That makes it a perfect fit for a hosted widget you embed yourself: you keep your theme clean and your app list short.

Step 1: set up your locator

Create a free StoreLo account and add your locations, by hand or with a CSV import. Set your colours and fonts in the Customize tab so the widget matches your theme, or send me your URL and I match it for you, free on every plan.

Step 2: create a page in Shopify

In your Shopify admin go to Online Store → Pages → Add page. Call it something customers actually search for, like Find a store or Where to buy. Keep the handle short (/pages/find-a-store) and add the page to your main menu under Navigation.

Step 3: paste the embed code

In the page editor, click the <> button (Show HTML) in the toolbar and paste the snippet from your StoreLo dashboard:

<div id="storelowidget" data-locator="YOUR-LOCATOR-ID"></div>
<script src="https://storelowidget.com/widget.js" async></script>

Save, view the page, done. The widget fills the content area, adapts to phones, and loads asynchronously so it never blocks your page render.

Alternative: drop it into the theme

If you would rather have the locator inside a designed template, use a Custom Liquid section instead: Online Store → Customize, open the template, Add section → Custom Liquid, and paste the same snippet there. This works in every Online Store 2.0 theme and survives theme updates, because the section lives in your template settings, not in the theme code.

What this means for speed

The embed is one script tag with the async attribute on one page. It does not run on your home page, product pages or checkout, and it does not register any app proxy or webhook. Your Lighthouse scores elsewhere in the shop stay exactly as they were.