More and more consumers are using Google to find businesses near them. If you run a brick-and-mortar store, or if you sell your products to retailers, having a Google Map on your WordPress website is a great way to get potential customers to visit your physical store(s), thus generating more business for you. But how exactly can you add a Google Map to WordPress?


In this article, you’re going to learn how you can add a Google Map to your WordPress site, why it’s worth doing, and how you can do it even more effectively with Storemapper. Let’s dive in.

3 Ways to Add a Google Map to WordPress

You can add Google Maps to your website in a variety of ways. Let’s take a look at the top three options available:

Option 1: Use a Store Locator App

Wordpress Store Locator - Storemapper

A store locator app is a widget that displays a map on your site (or mobile app) so that visitors can see where your physical store is located. WordPress store locators use Google Maps (as well as other map APIs) and come with many features like location information, directions, customizable map themes and markers, and a lot more.

A quick search on the internet will pull up a variety of store locator apps. Many brands, like Over Under Clothing, choose Storemapper over the rest for several reasons:

  • It’s easy to install and use
  • It lets you adding and edit stores
  • It doesn’t require any coding knowledge
  • It comes with an analytics tool that lets you monitor store performance
  • It allows you to freely customize how it looks to fit your site’s design
  • It has a responsive support team that can help you with anything you need 

All you need to do to embed your map is create a shortcode to copy and paste onto your site. We’ll go over that in more detail in a bit.


Option 2: Install a WordPress plugin

Plugins are a staple for websites made with WordPress. They allow you to add different features to your website without having to develop them from scratch.

There are many WordPress store locator plugins you can install to embed a map on your site. Any plugin you come across will most likely provide instructions on how to install and use it. Generally, it goes like this:

  1. Install and activate the WordPress plugin.
  2. Generate an API key for your Google Map (Not sure how? Check this page).
  3. From your WordPress dashboard, create a map.
  4. Attach your API key to that map.
  5. Customize your map and add your business location information.
  6. The plugin creates a shortcode you can then embed on any page or post.

For the most part, WordPress plugins look good and aren’t difficult to set up. Storemapper also offers a native WordPress plugin, so you can easily add your map to your site directly from there. Here’s how: 

Option 3: Embed your map without a WordPress plugin

To add a Google Map to your site without using a WordPress plugin, you can use Google My Maps, the official Google map creator.

Here are the steps you have to follow to:

  1. Go to Google My Maps and create a map
  2. Make your map public
  3. Generate an embed code for your map
  4. Add your Google Map API key to the embed code
  5. Add the embed code to the Text tab on your WordPress page editor
  6. Preview the map and save your page

This method works well for displaying a basic Google Map on your site. But if you want to have additional features like driving distance and directions or an unlimited number of locations, then WordPress plugins like Storemapper offer more possibilities. 

You can use any of these three options to add a Google Map that accurately displays the location of your business. That said, a store locator app like Storemapper will let you freely customize your map to match the branding and request the assistance of a dedicated support team whenever needed, all while being affordable.

Why You Should Add a Google Map to WordPress

You might be wondering whether adding a Google Map to your site can make a difference in your business. The answer is yes, it definitely can. Here’s why:

Reason #1: It helps customers find your products

Consumers are using Google Search more than ever to find the products they want. According to Google, searches for “local” + “business(es)” have grown by more than 80% year over year, including searches like “local businesses near me” and “support local businesses”. Most often, they research and compare stores before going on a shopping trip.

By adding a Google Map to your WordPress site, you provide easy directions to your business locations and effectively meet your customers halfway as they search on Google. Google Maps is particularly handy because nearby reference points like parking lots, schools, or restaurants, can guide your customers to your business even easier.

On top of helping visitors find your products, adding a Google Map to your WordPress website provides them with plenty of useful information as well:

  • Business hours
  • Holiday closings
  • Phone number
  • Reviews
  • Etc.

Providing this information upfront reduces the number of steps needed for a person to decide to visit your store. Plus, positive reviews go a long way to present your business as the best option.

Reason #2: It increases your store’s foot traffic

When you make it easy for customers to locate the nearest store to their location, they are much more likely to visit it. And increasing foot traffic simply means more sales for your business – word of mouth will spread naturally, and shoppers may end up buying more than what they came for.

Storemapper uses geolocation to detect the location of a website visitor and ask them if it’s okay to use it. Once they accept, Storemapper instantly determines the nearest store as it loads the map, which encourages the visitor to go there.

Reason #3: It boosts your local SEO

Local SEO has become a major marketing method for brick-and-mortar businesses to gain online visibility. As such, having a Google Map on your site can be an effective part of your local SEO strategy.

A Google Map compels visitors to spend more time on your website since they won’t have to leave your website, open a new tab, and search for directions on Google. They will also interact with your Google Map, zooming in and out, scrolling, and planning the route they’ll take. This additional time spent onsite by each visitor, along with the reduced bounce rate, adds up over time and helps boost your website’s visibility on Google.

Adding a store locator to WordPress may seem tricky, but it’s actually very easy with Storemapper and the upside is limitless. Let’s see how you can do it.

How to Add a Google Map to Your WordPress Site with Storemapper

There are a few ways you can use Storemapper on WordPress, but we are going to go over the most popular option, which is to embed your map.

Step 1: Create a Storemapper account

The first step is to sign up for a 7-day trial if you don’t have a Storemapper account already. The trial is free and you don’t have to enter your credit card information.

Step 2: Add your Google Map API key to your Storemapper account

To display Google Maps on your website, you need a Google Map API key – a unique piece of code provided by Google for identification and billing purposes.

So what you need to do is simply copy your API key. If you don’t have a Google Map API key yet, follow the instructions in this article to generate one.

Next, you just have to log into your Storemapper account and go to ‘Settings’. Click on ‘Map Provider’, then paste your API key in the ‘Google Maps API key’ field and click on ‘Save Changes’.

Add Google Map API Key to WordPress with Storemapper

Step 3: Get your embed code

Go to ‘Installation’ and you will find your store’s embed code – simple as that. Select and copy it or just click on ‘Copy to Clipboard’.

Add Google Map Embed Code to WordPress with Storemapper

Note that you only need to embed the code once – any changes you make later will automatically be displayed on your site.

Step 4: Create a page in your WordPress site

To add a Google Map to your WordPress site with Storemapper, you can either create a new page in WordPress or use an existing one, like your homepage. We recommend creating a new page for map usage optimization reasons.

Head over to your WordPress Admin and create (or choose) a page where your Google Map will be displayed.

Add Google Map Page to WordPress

Step 5: Copy and paste your embed code

Switch the page editor to “Text”, then paste your embed code in the field.

Add Google Map Embed Code to WordPress

Step 6: Save your page and voilà!

All that’s left is to save the page and you’re done! Your Google Map will show up on your WordPress site.

As you can see, the process to add a Google Map to WordPress with Storemapper is quick and straightforward. No coding skills are required – you can do this in minutes.

That’s not all: on top of being able to fully customize your map to fit your site’s branding, you also have access to an exclusive analytics tool. By using it, you can find out which stores attract more customers and at which times. This kind of information is important for your strategic decision-making with data