If you run a store, you probably know that having a website is a must, even if your most profitable activity is offline sales. Online stores are everywhere, and if you want to offer your customers a multi-channel experience, you must invest in one.


E-commerce stores are an excellent way to get online business, but they can also transform online traffic into in-person sales using maps directly on the website. This is also called a Shopify store locator app. 


If you host your store on Shopify, you can use Google’s mapping service to add your location information for your customers. Learn how to add a Google Map to Shopify in just a few minutes by embedding this solution, using API, or incorporating a store locator tool like Storemapper.

Table of Contents

3 Ways to Add Google Maps to Shopify

Adding a Google Map to your e-commerce site on Shopify is as simple as it sounds, and you can do it in three different ways.

Option 1: Using a Store Locator App

A store locator app is a tool that allows you to easily add map interfaces or information to any website. It helps customers find the exact location of a store using their computer or mobile phone.

Shopify Store Locator Storemapper

With a simple internet search, you’ll find many different store locator tools that use Google Maps as their mapping solution. Though they all have pros and cons, Storemapper is the favorite option for stores like Elegance, Silver Lining, and Gera Dovana.


Storemapper is a great store locator solution because it: 


  • is easy to install
  • doesn’t require you to have coding skills
  • allows you to add stores and edit your map whenever you need to
  • has a tremendous analytic and store performance monitor tool
  • can customize your map according to your brand’s style
  • has excellent customer support always available to help
  • has a seven-day free trial for you to test all of its incredible features


Option 2: Using an Embedded Google Map

Embed Google Map to Shopify

Google Maps offers the possibility of embedding a map view to your website, and you can add this solution to your Shopify store. Here is the step-by-step on how to do it:


  1. Go to Google Maps and log in to your Google account.
  2. Search for your physical store location on the map.
  3. Activate the “Share” button. A box with sharing options will open.
  4. Select the option “embed a map”.
  5. Choose the size of your mapping view and copy the code.
  6. Go to your Shopify store and open the HTML of the page you want to add the map.
  7. Paste the code you just copied into the HTML.
  8. Save and reload your page to see if it uploaded correctly.


Option 3: Using a Google Maps API Key


The last option to add a Google Map to your Shopify store is by using an API key from this Google service. Note that this may be a more complex way to add a mapping solution to your site if you don’t have any coding experience.


Google Maps API Shopify

Steps to Get Your API Key


  1. Access Google Maps Platform and select “Get Started”.
  2. Choose the API that works with the free themes map section (Maps, Routes, and Places products).
  3. Select “Continue”.
  4. Create a name for your project or select an existing one.
  5. Agree to the terms and conditions and choose “Next”.
  6. Create a billing account.
  7. Enable your account, then copy your Google Maps API to your clipboard.

Steps to Add the API to Shopify


  1. Go to your Shopify Admin dashboard, select “Online Stores,” and then “Themes”.
  2. Search for your page’s theme and choose “Customize”. 
  3. Select “Add section”. 
  4. Choose “Map” and select one.
  5. Enter all the information for your map.
  6. Paste your Google Maps API key to the according field.
  7. Hit “Save”.

Why Should I Add a Google Map to My Shopify Store?

There are some excellent reasons for you to add a Google Map to your Shopify Store, a few being:


Transforms your online visitors into in-store conversions

Having a map on your store’s website is a game-changer for your foot traffic. Since most consumers start to research a product online, there is a bigger chance that they will find your site, identify your physical store location, and make the trip to shop at your store if they are not interested in buying online. 


Improves your page’s SEO

Search engine optimization, or SEO, is a group of techniques that marketers use to make online pages more visible online. And even though you’re not a digital marketer, your website can benefit from a few simple, easy-to-apply SEO techniques — one of them is to add a map to your e-commerce store.


Google uses ranking factors to make your site visible to users, and one of those factors is the time spent on-site. Having a map on your store can make your visitors spend more time interacting with your pages, which will boost your SEO.


Makes it easier to find your products or services

Google is the most common starting point for any kind of research, so it’s critical to ensure you have a virtual presence there. If your potential customers don’t see your products and services on Google, there is a chance they’ll think your business doesn’t exist. 


Not only will a website make your store more reliable, but a map showing your exact location can be the ultimate proof your clients need to pay you an in-person visit.


Finalizes what was a potential sale


Although many customers start their shopping journey online, most still don’t feel secure enough to complete a purchase within a virtual store. An excellent way to still make these potential sales happen is by offering visitors the possibility to shop in person with the help of a good store locator, like Storemapper


When your potential customers can easily find you through a map, you increase your chances of guaranteeing sales from them.


How to Add a Google Map to Shopify With Storemapper

With Storemapper, it only takes about a minute to add a store locator to your Shopify store. Take a look at this step-by-step guide on how to do it.

  1. Get your Storemapper embed code here or by accessing your user dashboard.

Storemapper for Shopify Google Maps

2. Copy the code to your clipboard.

Shopify Store Locator

3. Log in to your Shopify account.

4. On the admin dashboard, access “Online Store” and then “Pages”. 

5. Create a new page or find an existing one where you want to add the map.

6. Name it “store locator” or “find us”, or some other way to identify the map section.

7. On the page in the editor, select “<>” to access HTML mode.

8. Paste the copied code to the content field.

Adding Google Map to Shopify Store

9. Save page changes, and you’re ready to go.

If you installed the Storemapper solution from the Shopify app store, you don’t need to follow this guide. The embedded mapping solution will be automatically created on your store after you complete the installation!

shopify store locator

Frequently Asked Questions about a Shopify Store Locator

Does Shopify have a store locator?

Yes, Storemapper is an extremely powerful Shopify store locator app that lets you customize your widget to your liking, adding brand-specific colors and presets to match your company and blend in with your website. With powerful analytics, you can see where your customers search, enabling you to plan store expansions and allot for inventory.

How do I add a store locator on Shopify?

With Storemapper, it only takes about a minute to add a store locator to your Shopify store. Take a look at this step-by-step guide on how to do it. First, get your Storemapper embed code here or by accessing your user dashboard. Then, copy the code to your clipboard. Next, log in to your Shopify account. Then, on the admin dashboard, access “Online Store” and then “Pages”. Then, create a new page or find an existing one where you want to add the map. Next, name it “store locator” or “find us” or another way to identify the map section. On the page in the editor, select “<>” to access HTML mode. Then, paste the copied code to the content field. Finally, save page changes, and you’re ready to go.

What is the best store locator app for Shopify?

Storemapper is the #1 store locator app for Shopify. People love its custom widget, efficient uploading with Google Drive Sync, and easy install. No coding is necessary!

What is a store locator widget?

A store locator widget like Storemapper shows customers where your physical stores are located. They are easy to use and highly customizable.

What does a store locator mean?

A store locator is an online tool that helps users find the closest retail stores to their current location. It provides information about a store’s location, opening hours, and other details to help users quickly locate the nearest business. There are different store locators, including those that display stores on a map and those that list contact details for specific retail stores. Some store locators provide information about multiple locations within a particular category, such as grocery stores or clothing stores. Some also allow users to search for specific items.

As you can see, adding a Google map to your Shopify store is quick and easy using Storemapper. You don’t need coding skills to do it, giving your website a more professional and complete design and user experience. How about trying it now?

Start your 7-day free trial today, and enjoy all of Storemapper’s features.