Setting Up Your First Store Locator on Shopify: A Step-by-Step Guide with Storemapify

If you run a brick-and-mortar business alongside your online Shopify store, one of the highest-value things you can add to your storefront is a store locator. Customers searching for a nearby location to pick up an order, try a product in person, or simply find your nearest outlet benefit enormously from a well-designed, interactive map—and so does your conversion rate.

In this step-by-step guide, you’ll learn how to install and configure Storemapify, a Google Maps–powered store locator app built specifically for Shopify merchants.

Why Your Shopify Store Needs a Store Locator

Before diving in, let’s look at why a store locator matters:

Bridges online and offline shopping – Let customers find your physical stores directly from your website.
Builds trust – A visible physical presence reassures customers that your brand is real and accessible.
Reduces support requests – Customers can self-serve directions, hours, and contact details without emailing your team.
Boosts local SEO – Individual store pages with structured address data help search engines surface your locations in local results (available on the Growth plan).

What Is Storemapify?

Storemapify is a Shopify embedded app that adds a fully featured, Google Maps–powered store locator to your Shopify theme via a Theme App Extension block. You manage all your locations from within the Shopify admin—no coding required.

Plans at a Glance

Plan	Locations	Highlights
Free	Up to 5	Interactive map, address search, get-directions link
Starter	Up to 50	+ Geolocation (“find stores near me”), bulk import/export, remove branding
Growth	Unlimited	+ Analytics dashboard, individual store detail pages

You can start for free with up to five locations and upgrade later as your business grows.

What You’ll Need Before You Start

A Shopify store (any plan)
A Google Maps API key with the following APIs enabled:
Maps JavaScript API
Geocoding API
Places API

Getting a Google Maps API key: Visit the Google Cloud Console, create a project, enable the three APIs above, and generate a key under APIs & Services → Credentials. Make sure to restrict the key to your Shopify store’s domain for security.

Step 1: Install Storemapify

Open the Shopify App Store and search for Storemapify, or follow the direct installation link provided by your developer.
Click Add app.
Review the requested permissions and click Install app.

After installation you’ll be redirected to the Storemapify dashboard inside your Shopify admin.

Step 2: Configure Your Map Settings

Before adding locations, configure the global map settings that apply to every map on your store.

In the Storemapify dashboard, click Settings in the navigation menu.
Fill in the Map Configuration section: Setting What It Does Recommended Value Google Maps API key Authenticates your map requests with Google Your API key Default zoom Initial zoom level when the map loads (1 = world, 21 = street) 12 for city-level Default map view Visual style: Roadmap, Satellite, Hybrid, or Terrain Roadmap Distance unit Unit shown next to search-radius results km or miles Map style Custom JSON style (from tools like Snazzy Maps) Leave blank for default Marker color HEX color for location pins on the map Your brand color
Click Save settings.

Pro tip: If you want to give your map a custom look that matches your brand, paste a style JSON from Snazzy Maps into the Map style field.

Step 3: Add Your First Location

Now let’s add a store location.

Click Locations in the navigation menu, then click Add location.
Fill in the location details:

Store name – e.g., “Downtown Flagship Store”
Address line 1 – Street address
City, State/Province, Postal code, Country
Phone number (optional but recommended)
Email (optional)
Website URL (optional)
Description – A short note about this location

Working hours – Set your opening and closing times for each day of the week. Toggle individual days off for days the store is closed, or enable the Open 24/7 option if applicable.
Click Save location.

The location is now stored and will appear on your storefront map once the Theme App Extension block is added (see Step 5).

Adding Multiple Locations at Once (Starter & Growth plans)

If you have many locations, use the Import / Export feature:

Go to Import / Export in the navigation menu.
Download the CSV template.
Fill in one row per location, following the column headers.
Upload the completed CSV and click Import.

All valid rows will be imported as locations in one go.

Step 4: Customize Your Store Locator (Optional)

Storemapify offers additional customization options accessible via the Theme Editor in the next step, but two settings are worth considering now:

Remove App Branding (Starter & Growth plans)

By default, a small “Powered by Storemapify” badge appears on your map. To remove it:

Go to Settings → App branding.
Check Remove app branding.
Click Save settings.

This option is only available on the Starter plan and above.

Step 5: Add the Store Locator Block to Your Shopify Theme

The store locator is delivered as a Theme App Extension block, which means you embed it directly in your theme without editing any code.

From your Shopify admin, go to Online Store → Themes.
Next to your active theme, click Customize.
In the Theme Editor, navigate to the page where you want the store locator to appear (e.g., a dedicated Store Locator page you’ve created, or your Contact page).
Click Add section (or Add block, depending on where you’re placing it).
Under Apps, find Storemapify and click to add it.

Block Settings

Once the block is added, a settings panel appears on the left. You can configure:

Block Setting	Description
Title text	Heading displayed above the map
Map zoom level	Override the global default zoom for this block
Map height	Pixel height of the map (e.g., `500`)
Marker color	Override the global marker color for this block
Preferred marker color	Highlight color for a “preferred” or featured store
Search radius	Default radius for location searches (km or miles)
Results per page	Number of results shown in the list panel
Distance unit	`km` or `miles`

Adjust the settings to your preference, then click Save in the Theme Editor.

Step 6: Preview and Test Your Store Locator

Visit your storefront and navigate to the page where you embedded the block.
You should see an interactive map with your location markers.
Test the search box: enter a city name or postal code and verify that nearby locations are listed with distances.
On Starter and Growth plans, test the “Use my location” button to confirm geolocation works.
Click a marker to see the location’s details popup (name, address, phone, hours, directions link).

If the map is blank or shows an error, double-check that:

Your Google Maps API key is correct and saved in Settings.
The required Google APIs (Maps JavaScript, Geocoding, Places) are enabled in your Google Cloud project.
Your API key is not restricted to a domain that doesn’t include your store’s domain.

Step 7: Create a Dedicated “Store Locator” Page (Recommended)

For the best user experience, give your store locator its own page:

In your Shopify admin, go to Online Store → Pages and click Add page.
Give it a title like “Find a Store” or “Store Locator”.
Leave the content area blank (the block will supply the content).
Click Save.
Return to the Theme Editor, navigate to your new page, and add the Storemapify block as described in Step 5.
Add a link to this page in your navigation menu (Online Store → Navigation) so customers can find it easily.

Step 8: Upgrade When You’re Ready to Grow

As your store network expands, Storemapify’s paid plans unlock additional capabilities:

Starter ($X/month): Manage up to 50 locations, enable geolocation so customers can automatically find the store nearest to them, bulk-import your location database via CSV, and remove the Storemapify branding badge.
Growth ($X/month): Unlimited locations, an analytics dashboard showing which stores are viewed and searched most, and dedicated store detail pages with SEO-friendly URLs (e.g., yourstore.myshopify.com/apps/store-locator/downtown-flagship).

To upgrade, click Pricing in the Storemapify navigation and choose the plan that fits your needs.

Frequently Asked Questions

Q: Do I need to know how to code?
No. Storemapify is entirely managed through the Shopify admin and the built-in Theme Editor. No code editing is required.

Q: Will the store locator slow down my storefront?
The Theme App Extension block loads its assets asynchronously, so it has minimal impact on your page load time. The Google Maps API is loaded only on pages that contain the block.

Q: Can I use a custom map style?
Yes. Paste a custom JSON style string from tools like Snazzy Maps or Map Style Wizard into the Map style field under Settings.

Q: What happens if I uninstall the app?
All your location data and settings will be removed from Storemapify’s servers in accordance with Shopify’s GDPR requirements. The map block will no longer render on your storefront.

Q: Can I show different maps on different pages?
Yes. You can add the Storemapify block to multiple pages, and each instance has its own block-level settings (zoom, height, marker color, etc.) that override the global defaults.

Wrapping Up

Adding a store locator to your Shopify store is a straightforward process with Storemapify:

✅ Install the app from the Shopify App Store
✅ Enter your Google Maps API key in Settings
✅ Add your store locations manually or via CSV import
✅ Embed the Theme App Extension block in your theme
✅ Preview, test, and go live

Whether you have one flagship location or a nationwide retail network, Storemapify gives your customers the map-powered experience they expect—right inside your Shopify storefront.

Have questions or running into an issue? Reach out via the Support link in the Storemapify dashboard, and the team will be happy to help.

Happy selling — and happy mapping!