Methods to Add Google Maps Store Locator in WordPress (Free Option)

Do you desire to add a Google Maps store locator to your WordPress website?

A store locator is a map pointing to your online business location. In the event you run a neighborhood business, it’ll help your users to seek out you on the map, get driving directions, and share your location.

In this text, we’ll show you the way to easily add a Google Maps store locator in WordPress.

Why Add Google Maps Store Locator in WordPress?

A variety of WordPress users run small business web sites that serve a selected town or region. This includes businesses like restaurants, real estate agents, plumbers, maintenance service providers, small stores, salons, and more.

Adding a Google Maps store locator to your site will help your users to seek out you. They may have the opportunity to get driving directions to your store and share the situation with their friends.

It could actually also help improve your site’s search engine visibility and attract more website visitors.

Let’s take a have a look at the way to add a Google Maps store locator in your WordPress site. We’ll show you each free and paid methods with their pros and cons, then you definitely can select the one which most accurately fits your needs.

Method 1: Adding a Easy Store Locator to WordPress (Free)

This method is free and straightforward since it doesn’t require the additional effort of making a Google Maps API key. It’s really useful for users who need to add a straightforward map of their store location.

First, you’ll want to visit the Google Maps website in your computer. Next, enter your store’s address within the search field and Google Maps will show it on the map with a pinned marker.

Search for Your Store Location in Google Maps

Make sure that that the marker is placed in the right location. You possibly can select a zoom level by clicking the zoom buttons in the underside right corner.

Once you’re satisfied with how the map looks, you’ll want to click on the share button from the left column. It will bring up a popup where you’ll want to switch to the ‘Embed a Map’ tab.

Select Google Map's Embed a Map Option

You’ll now see your searched location on the map with HTML code. It is best to click the ‘Copy HTML’ link to get the embed code.

Now head over to the admin area of your WordPress website and edit the post or page where you desire to display the shop locator map.

Normally, users add a store locator map on their contact form page with their business phone number and open hours.

On the post edit screen, you’ll want to add a ‘Custom HTML’ block.

Add a Custom HTML Block to Your Page

It is best to paste the code you copied from Google Maps into the text area of the ‘Custom HTML’ block.

You possibly can now preview the page to see Google Maps embedded into your page. It’ll show your store location marked on the map with links to get directions there or to save lots of the situation.

Preview of Embedded Google Map

This method works for quickly embedding Google maps, however it doesn’t offer you maximum search engine marketing advantages. In other words, it won’t make it easier to to rank higher and get more traffic from search engines like google or Google map searches.

In the event you’re a small business, restaurant, or online store in a number of physical locations, then we recommend using the subsequent solution to enhance your local search engine marketing rankings.

Method 2: Adding a Store Locator With Local search engine marketing (Advisable)

Nearly 46% of all searches on Google have local intent. All in One search engine marketing (AIOSEO) is the best WordPress search engine marketing plugin in the marketplace and helps you bring more free traffic from search engines like google to your website.

With AIOSEO, you may enter your store locations, contact details, and business hours usingschema markup in order that information is displayed on search engine results pages.

For instance, if you search Google for ‘Mcdonald’s locations in Florida,’ you can be shown a featured snippet with the various destinations and a map with pinned locations.

Multiple location map preview on Google

It will help improve your website’s search engine marketing rankings and increase your click rate in search. 

Note: You’ll need not less than the AIOSEO Plus plan to access the Local search engine marketing feature needed for this tutorial.

First, you’ll want to install and activate the AIOSEO for WordPress plugin. For more details, see our step-by-step guide on the way to install a WordPress plugin.

Upon activation, the plugin will run a setup wizard. In the event you need assistance configuring the plugin, then please take a have a look at our guide on the way to arrange AIOSEO for WordPress.

AIOSEO setup wizard

Once the setup process is complete, you’ll need to move over to All in One search engine marketing » Local search engine marketing in your WordPress dashboard.

You possibly can click the ‘Activate Local SEO’ button to start configuring the local settings.

Activate Local SEO in AIOSEO

Next, you’ll want to click the ‘Maps’ tab at the highest Local search engine marketing page.

On the Maps page, it is best to see the ‘API Key’ field.

Paste Your Google Maps API Key

You possibly can obtain an API key for Google Maps by going to the Google Maps Platform and logging in along with your Google account.

After that, it is best to click the ‘Get Started’ button.

Welcome to Google Maps Platform

Google Cloud resources are organized by project. In the event you don’t have already got a project, then one can be created for you mechanically.

Note that you have to to enable billing for the project as a way to use the Google Maps API. Nevertheless, it’s unlikely you’ll ever pay anything.

Map embed requests are free with unlimited usage as detailed in Google’s documentation, and also you’re also given $200 of monthly credit every month.

It’s essential click the ‘Create Billing Account’ button.

Enable Billing for Your Project

You’ll now see the Account Information page. It is best to select your country from the drop-down menu and conform to the terms of service.

Once you’re ready, click the ‘Continue’ button.

Agree to Google Maps Terms of Service

Now you’ll want to select an existing payments profile or create a recent one.

The profile can be either for a person or a business and can include the name of the person or business, a payment method, and an address.

Start Your Free Trial

When you’ve entered that information, you’ll want to click the ‘Start My Free Trial’ button.

Don’t worry concerning the ‘Free Trial’ wording. Map embed requests remain free even when the free trial has ended, and your bank card won’t ever be charged until you manually upgrade to a paid account.

You could even be asked to fill in a 30-second survey of your online business to be certain that you’re given essentially the most relevant information.

You May Be Asked to Fill In a 30 Second Survey

Once you click the ‘Submit’ button, your Google Maps API key can be displayed. You will have to enter this key into the plugin settings for Methods 2 and three.

Then, you may click the ‘Copy to Clipboard’ icon at the tip of the ‘Your API Key’ field. When you’ve done that, just dismiss the popup by clicking the ‘Go to Google Maps Platform’ button.

Copy Your API Key

Restricting Your Google Maps API Key

We recommend that you just restrict the important thing in order that it could possibly’t be utilized by others.

After you create your API key, Google will show a ‘Protect your API key’ popup where you may restrict your key so it only works on your personal website.

Within the ‘Select restriction type’ drop down, you’ll want to select ‘HTTP referrers (web sites).’ Then in the subsequent field, it is best to type your website domain name into the ‘New item’ field using the pattern *example.com/*.

Protect Your API Key

It is best to see a message saying, ‘Successfully restricted your API key.’ Now the important thing will only work for Google Maps embedded in your specific website.

Back in your website, it is best to enter your API key in the sphere. Next, you may scroll all the way down to edit the map settings.

AIOSEO enables you to display Google Maps using a Gutenberg (WordPress editor) block, shortcode, widget, or PHP code. It also enables you to select different map styles and add a custom marker to your map.

Edit map settings

For this tutorial, be certain that the ‘Gutenberg Block’ setting is chosen. Don’t forget to click the ‘Save Changes’ button if you’re done.

Now you may create your store locator map. The way you do that is dependent upon whether your online business has only one store or multiple locations.

Adding a Map for a Single Location

If your online business operates out of a single physical location, then the map will use the knowledge you provide on All in One search engine marketing’s ‘Locations Settings’ page.

Go ahead now and switch to the ‘Locations’ tab of the All in One search engine marketing » Local search engine marketing page.

Since you’ve a single physical location, it is best to be certain that that the ‘Multiple Locations’ option is about to ‘No’.

Set Multiple Locations to No

Next, it is best to scroll all the way down to the ‘Business Info’ section and fill in as much details about your online business as possible.

This is significant because the knowledge could also be displayed when someone searches for your online business using Google search or Google Maps.

Business Info Will Be Displayed in Google Searches

After that, scroll all the way down to the ‘Maps’ section to pin your exact location.

Simply enter your address within the ‘Enter a query’ field. A pin can be added at that location, and you may move the pin by dragging it to a recent location if mandatory.

Enter Your Store Location as a Query in the Map Section

Once you’re finished, you’ll want to scroll to the highest or bottom of the page and click on the ‘Save Changes’ button to store your settings.

Now you may add your store locator map to any WordPress post or page. To begin, simply edit or add a recent post or page in your website.

When you’re within the block editor, click the ‘+’ button at the highest and add the ‘AIOSEO Local – Map’ block anywhere on the page. Make sure that you click the ‘Update’ or ‘Publish’ button if you’re finished.

Add an AIOSEO Local Map Block to Your Page

Congratulations, you’ve successfully added a Google Maps store locator to your site.

Adding Maps for Multiple Locations

So as to add a map for a distinct location, you’ll want to navigate to the Locations tab of the All in One search engine marketing » Local search engine marketing page. Once there, you’ll want to click the ‘Yes’ option for Multiple Locations, after which click the ‘Save Changes’ button at the highest of the screen.

Set Multiple Locations to Yes

When you save your changes, you’ll notice that a recent Locations custom post type has been added to the admin sidebar. That is where you’ll enter your online business locations.

Go ahead and navigate to Locations » All Locations after which click the ‘Add New’ button.

Add a new location

It will take you to the Locations editor. You will have so as to add a title for the situation you’re adding, akin to the name of the shop or the town.

Now it is best to scroll all the way down to the ‘AIOSEO Local Business’ section of the page, under the post content.

Make sure that you enter as much information as possible because it might be displayed when someone searches for your online business in Google search or Google Maps.

Fill In the Business Info Section

After that, it is best to find the ‘Maps’ section and enter your address within the ‘Enter a query’ field.

A pin can be displayed at that location.

Add multiple map locations

After entering your location on the map and adding location information, go ahead and click on the ‘Publish’ button.

You possibly can now repeat this step and add your other business locations.

When you’ve finished, you may add a store locator map to your website for every location by utilizing the ‘AIOSEO Local – Map’ block within the WordPress editor.

Add an AIOSEO Local Map Block to Your Page

Now you have to to decide on which location to display on the map.

To do this, have a look at the block settings pane on the best of the screen, and select the shop you want to display from the ‘Location’ drop-down menu.

Choose a Store Location From the Drop Down Menu on the Settings Pane

Simply add additional local map blocks for every other locations. Don’t forget to click the ‘Publish’ or ‘Update’ button at the highest of the page to display the maps in your website.

Method 3: Displaying Multiple Store Locations on a Single Map

The primary two methods allow you to add store locator maps with a single location. If you’ve multiple locations, then you’ll want to add a separate map for every one.

Alternatively, you should utilize our third method to display multiple locations on a single map.

The very first thing you’ll want to do is install and activate the Locatoraid Store Locator plugin. For more details, see our step-by-step guide on the way to install a WordPress plugin.

On activation, you’ll want to visit Locatoraid » Configuration and arrange the plugin.

Within the ‘Google Maps’ tab, you’ll have to paste a Google Maps API key. You possibly can follow the strategy above in Method 2 to create one.

Then you’ll want to click the ‘Save’ icon to store the important thing. It is best to notice that Google Maps is in a position to load accurately within the ‘Map Style Preview’ window.

Paste Your Google Maps API Key

Next, you may visit the ‘Configuration’ tab and select whether to display miles or kilometers on the map.

You can too check the opposite options, akin to the address format, the small print you want to to display on the map, and which users can use the plugin.

Configure Your Map Including the Units You Wish to Use

Once you’re completely satisfied with the plugin’s settings, be certain that you click the ‘Save’ button to store your settings.

Now you’re able to add your store locations. It is best to navigate to Locatoraid » Locations. Once there, you’ll want to click the ‘Add New’ button.

Click the Add New Button on the Locations Page

It will take you to the ‘Add New Location’ page. Here you may type the shop name, location, and other details.

Once you finish, it is best to click the ‘Add New Location’ button at the underside of the page.

Fill In Your Store's Address and Other Information

You can be taken to the ‘Edit Location’ page where you may see the shop location on a map.

If all the pieces looks good, then it is best to click the ‘< Location’ button at the highest of the screen to return to the Locatoraid » Locations page in your dashboard.

Confirm That the Map Is Correct Then Click the Locations Button

You possibly can add more locations by clicking the ‘Add Location’ button and repeating these steps.

Once all your store locations have been created, you may add the map to your website.

Simply add or edit a page and click on the blue ‘+ Add Block’ icon. It is best to drag a Shortcode block onto the page after which enter the shortcode [locatoraid] into the sphere.

Add a Shortcode Block to Your Page

This default shortcode will work well for many web sites. Nevertheless, you may customize the map by utilizing a distinct shortcode. Visit the Locatoraid » Publish page to learn more.

Now you may publish or update the page and visit your website to see your store locator map.

Your whole store locations can be displayed on the identical map. In case your users type their address or click the ‘Locate Me’ link, then they will find the closest stores and get directions.

Preview of Locatoraid Map With Multiple Locations

We hope this tutorial helped you learn the way to add a Google Maps store locator in WordPress. You could also need to learn the way to create a free business email address or try our list of the most effective AI chatbots to your website.

In the event you liked this text, then please subscribe to our YouTube Channel for WordPress video tutorials. You can too find us on Twitter and Facebook.

Leave a Reply

Your email address will not be published.