How to Add a Store Locator to Shopify (No API Keys, No Slow Load Times)

If you sell through physical retail, authorized dealers, or stockists, your store locator page is one of the highest-intent pages on your Shopify site. Someone searching for a shop near them is ready to buy today. Yet the locator is usually the last thing a merchant sets up, and it shows.

I have built Shopify storefronts as both a merchant and a developer for other merchants, and I created Dropby: Store Locator. I have watched locator setups eat an entire afternoon over a single Google Maps API key, then load so slowly on mobile that shoppers bounce before the map paints. This guide shows you how to add a store locator to Shopify the practical way: no API keys, no theme code, and load times that keep your Core Web Vitals intact.

Why your store locator earns more than it costs

About 76% of people who run a local search on a phone visit a related business within 24 hours, and 28% of those visits end in a purchase (Think with Google). A working locator turns "where can I try this on?" into foot traffic. A broken one quietly forwards that shopper to the next brand on the results page.

There is a second payoff that merchants overlook: the locator is a first-party data source. Every postcode search tells you which cities are asking for your products before you have a presence there. That is foot traffic attribution you simply cannot get from a static map image.

The two ways to add a store locator to Shopify

There are really only two routes: embed a map yourself, or install a dedicated locator app. They are not close in outcome.

Option 1: Embed a Google Map by hand

Shopify lets you paste a Google Maps embed into a page's HTML editor. For a single shop, that is fine. For a network of locations it breaks down fast: no search by postcode, no "near me" sorting, no opening hours, and updating an address means editing raw HTML. Move past a basic embed and you will also need a Google Cloud project with billing switched on.

Option 2: Install a dedicated store locator app

A purpose-built app handles search, sorting, hours, and mobile layout for you. The catch is that many apps reintroduce the exact friction you were trying to avoid: a Google Maps API key, heavy JavaScript bundles, and an iframe that will not inherit your fonts. The steps below use Dropby, which skips the API key and renders natively in your theme, but they map to most quality locator apps. If you want to see how the leading options stack up, I compared them head to head in this honest 2026 roundup.

How to add a store locator to Shopify, step by step

Step 1: Install the app, with no API key required

From your Shopify admin, open the App Store, search for your locator app, and click Add app. With Dropby there is no Google Cloud project, no billing setup, and no API key to paste. You go straight from install to adding locations, which is the part that actually moves the needle.

Step 2: Add your locations and bulk import with CSV

Add a few stores by hand to learn the fields, then bulk import the rest. Export your locations from a spreadsheet as a CSV (name, address, hours, phone) and upload them in one pass. Dropby supports up to 5,000 locations and round-trips through CSV import and export, so a seasonal update or a dealer-list refresh takes minutes instead of an afternoon of copy and paste.

Step 3: Place the locator on a page

Create a page called "Find a Store" or "Stockists" under Online Store > Pages, then drop the locator in through your theme editor's app block, with no embed code pasted into the HTML editor. Add the page to your main navigation so shoppers and search engines can reach it. A dedicated, crawlable locator URL is the foundation of localized SEO.

Step 4: Customize markers, hours, and languages

Match the map to your brand. Dropby lets you restyle markers and the surrounding UI with your own CSS, set regular opening times plus special hours for holidays, and serve the interface in multiple languages for international selling. Opening hours shown on the locator also reinforce the local business signals search engines look for.

Step 5: Publish and check it on a phone

Most locator traffic is mobile, so test there first. Confirm the map paints quickly, pins are easy to tap, and the directions link opens the native maps app. Because Dropby renders inside your theme instead of a slow iframe, the locator inherits your fonts and does not drag down your Largest Contentful Paint.

The two mistakes that quietly kill locator performance

Two issues account for most of the locator complaints I hear from merchants. First, API key friction: a full day lost in Google Cloud, then overage charges once a campaign drives traffic past the free tier. Second, load speed: heavy apps ship large JavaScript bundles and synchronously load map tiles inside an iframe, which tanks mobile performance on the one page where speed converts. Choosing an app with no API key and native, theme-level rendering removes both problems at once.

Turn the locator into a foot-traffic engine

Once locations are live, the locator becomes a measurement tool. Search-by-postcode data shows demand by region, and click-throughs to directions are a strong proxy for intent to visit. Dropby surfaces this as heatmaps and KPI widgets, and the analytics are GDPR-compliant, so you can read demand without collecting personal data you would rather not hold.