The best way to Add Google Maps Retailer Locator in WordPress

Do you wish to add a Google Maps retailer locator to your WordPress web site?

A retailer locator is a map pointing to your corporation location. Should you run an area enterprise, it’s going to assist your customers to search out you on the map, get driving instructions, and share your location.

On this article, we are going to present you find out how to simply add a Google Maps retailer locator in WordPress.

Why Add Google Maps Retailer Locator in WordPress?

A whole lot of WordPress customers run small enterprise web sites that serve a specific city or area. This consists of companies like eating places, actual property brokers, plumbers, upkeep service suppliers, small shops, salons, and extra.

Including a Google Maps retailer locator to your web site will assist your customers to search out you. They are going to be capable to get driving instructions to your retailer and share the situation with their buddies.

It could actually additionally assist enhance your web site’s search engine visibility and entice extra web site guests.

Let’s check out find out how to add a Google Maps retailer locator in your WordPress web site. We’ll present you each free and paid strategies with their professionals and cons, then you possibly can select the one which most closely fits your wants.

Technique 1: Including a Easy Retailer Locator to WordPress (Free)Technique 2: Including a Retailer Locator With Native search engine optimization (Really helpful)Technique 3: Displaying A number of Retailer Areas on a Single Map

Technique 1: Including a Easy Retailer Locator to WordPress (Free)

This technique is free and simple as a result of it doesn’t require the additional effort of making a Google Maps API key. It’s really helpful for customers who wish to add a easy map of their retailer location.

First, you’ll want to go to the Google Maps web site in your pc. Subsequent, enter your retailer’s deal with within the search subject and Google Maps will present it on the map with a pinned marker.

Be sure that the marker is positioned within the appropriate location. You possibly can choose a zoom stage by clicking the zoom buttons within the backside proper nook.

As soon as you’re glad with how the map seems to be, you’ll want to click on on the share button from the left column. This may carry up a popup the place you’ll want to change to the ‘Embed a Map’ tab.

You’ll now see your searched location on the map with HTML code. You must click on the ‘Copy HTML’ hyperlink to get the embed code.

Now head over to the admin space of your WordPress web site and edit the submit or web page the place you wish to show the shop locator map.

Usually, customers add a retailer locator map on their contact type web page with their enterprise cellphone quantity and open hours.

On the submit edit display, you’ll want to add a ‘Customized HTML’ block.

You must paste the code you copied from Google Maps into the textual content space of the ‘Customized HTML’ block.

Now you can preview the web page to see Google Maps embedded into your web page. It should present your retailer location marked on the map with hyperlinks to get instructions there or to avoid wasting the situation.

This technique works for rapidly embedding Google maps, however it doesn’t provide you with most search engine optimization advantages. In different phrases, it received’t show you how to to rank greater and get extra site visitors from engines like google or Google map searches.

Should you’re a small enterprise, restaurant, or on-line retailer in a number of bodily places, then we suggest utilizing the subsequent resolution to enhance your native search engine optimization rankings.

Technique 2: Including a Retailer Locator With Native search engine optimization (Really helpful)

Practically 46% of all searches on Google have native intent. All in One search engine optimization (AIOSEO) is the finest WordPress search engine optimization plugin in the marketplace and helps you carry extra free site visitors from engines like google to your web site.

With AIOSEO, you possibly can enter your retailer places, contact particulars, and enterprise hours utilizing schema markup in order that data is displayed on search engine outcomes pages.

For instance, if you search Google for ‘Mcdonald’s places in Florida,’ you may be proven a featured snippet with the completely different locations and a map with pinned places.

This may assist enhance your web site’s search engine optimization rankings and enhance your click on charge in search. 

First, you’ll want to set up and activate the AIOSEO for WordPress plugin. For extra particulars, see our step-by-step information on find out how to set up a WordPress plugin.

Upon activation, the plugin will run a setup wizard. Should you need assistance configuring the plugin, then please check out our information on find out how to arrange AIOSEO for WordPress.

As soon as the setup course of is full, you’ll want to move over to All in One search engine optimization » Native search engine optimization in your WordPress dashboard.

You possibly can click on the ‘Activate Native search engine optimization’ button to get began configuring the native settings.

Subsequent, you’ll want to click on the ‘Maps’ tab on the prime Native search engine optimization web page.

On the Maps web page, you need to see the ‘API Key’ subject.

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

After that, you need to click on the ‘Get Began’ button.

Google Cloud assets are organized by undertaking. Should you don’t have already got a undertaking, then one might be created for you mechanically.

Notice that you’ll want to allow billing for the undertaking with the intention to use the Google Maps API. Nevertheless, it’s unlikely you’ll ever pay something.

Map embed requests are free with limitless utilization as detailed in Google’s documentation, and also you’re additionally given $200 of month-to-month credit score every month.

You want to click on the ‘Create Billing Account’ button.

You’ll now see the Account Data web page. You must choose your nation from the drop-down menu and comply with the phrases of service.

While you’re prepared, click on the ‘Proceed’ button.

Now you’ll want to choose an present funds profile or create a brand new one.

The profile might be both for a person or a enterprise and can embody the title of the person or enterprise, a cost technique, and an deal with.

When you’ve entered that data, you’ll want to click on the ‘Begin My Free Trial’ button.

Don’t fear in regards to the ‘Free Trial’ wording. Map embed requests stay free even when the free trial has ended, and your bank card won’t ever be charged till you manually improve to a paid account.

You may additionally be requested to fill in a 30-second survey of your corporation to be sure you are given probably the most related data.

While you click on the ‘Submit’ button, your Google Maps API key might be displayed. You’ll need to enter this key into the plugin settings for Strategies 2 and three.

Then, you possibly can click on the ‘Copy to Clipboard’ icon on the finish of the ‘Your API Key’ subject. When you’ve accomplished that, simply dismiss the popup by clicking the ‘Go to Google Maps Platform’ button.

Proscribing Your Google Maps API Key

We suggest that you just limit the important thing in order that it could’t be utilized by others.

After you create your API key, Google will present a ‘Shield your API key’ popup the place you possibly can limit your key so it solely works by yourself web site.

Within the ‘Choose restriction sort’ drop down, you’ll want to choose ‘HTTP referrers (websites).’ Then within the subsequent subject, you need to sort your web site area title into the ‘New merchandise’ subject utilizing the sample *instance.com/*.

You must see a message saying, ‘Efficiently restricted your API key.’ Now the important thing will solely work for Google Maps embedded in your particular web site.

Again in your web site, you need to enter your API key within the subject. Subsequent, you possibly can scroll right down to edit the map settings.

AIOSEO allows you to show Google Maps utilizing a Gutenberg (WordPress editor) block, shortcode, widget, or PHP code. It additionally allows you to select completely different map kinds and add a customized marker to your map.

For this tutorial, be sure that the ‘Gutenberg Block’ setting is chosen. Don’t neglect to click on the ‘Save Modifications’ button if you’re accomplished.

Now you possibly can create your retailer locator map. The way you do that is determined by whether or not your corporation has only one retailer or a number of places.

Including a Map for a Single Location

If your corporation operates out of a single bodily location, then the map will use the data you present on All in One search engine optimization’s ‘Areas Settings’ web page.

Go forward now and change to the ‘Areas’ tab of the All in One search engine optimization » Native search engine optimization web page.

Since you’ve got a single bodily location, you need to ensure that the ‘A number of Areas’ choice is about to ‘No’.

Subsequent, you need to scroll right down to the ‘Enterprise Data’ part and fill in as a lot details about your corporation as potential.

That is vital as a result of the data could also be displayed when somebody searches for your corporation utilizing Google search or Google Maps.

After that, scroll right down to the ‘Maps’ part to pin your precise location.

Merely enter your deal with within the ‘Enter a question’ subject. A pin might be added at that location, and you’ll transfer the pin by dragging it to a brand new location if needed.

While you’re completed, you’ll want to scroll to the highest or backside of the web page and click on the ‘Save Modifications’ button to retailer your settings.

Now you possibly can add your retailer locator map to any WordPress submit or web page. To start out, merely edit or add a brand new submit or web page in your web site.

When you’re within the block editor, click on the ‘+’ button on the prime and add the ‘AIOSEO Native – Map’ block anyplace on the web page. Be sure you click on the ‘Replace’ or ‘Publish’ button if you’re completed.

Congratulations, you’ve got efficiently added a Google Maps retailer locator to your web site.

Including Maps for A number of Areas

So as to add a map for a special location, you’ll want to navigate to the Areas tab of the All in One search engine optimization » Native search engine optimization web page. As soon as there, you’ll want to click on the ‘Sure’ choice for A number of Areas, after which click on the ‘Save Modifications’ button on the prime of the display.

When you save your adjustments, you’ll discover {that a} new Areas customized submit sort has been added to the admin sidebar. That is the place you’ll enter your corporation places.

Go forward and navigate to Areas » All Areas after which click on the ‘Add New’ button.

This may take you to the Areas editor. You’ll need so as to add a title for the situation you’re including, such because the title of the shop or the city.

Now you need to scroll right down to the ‘AIOSEO Native Enterprise’ part of the web page, beneath the submit content material.

Be sure you enter as a lot data as potential as a result of it could be displayed when somebody searches for your corporation in Google search or Google Maps.

After that, you need to discover the ‘Maps’ part and enter your deal with within the ‘Enter a question’ subject.

A pin might be displayed at that location.

After coming into your location on the map and including location data, go forward and click on the ‘Publish’ button.

Now you can repeat this step and add your different enterprise places.

When you’ve completed, you possibly can add a retailer locator map to your web site for every location through the use of the ‘AIOSEO Native – Map’ block within the WordPress editor.

Now you will want to decide on which location to show on the map.

To try this, take a look at the block settings pane on the correct of the display, and select the shop you want to show from the ‘Location’ drop-down menu.

Merely add further native map blocks for another places. Don’t neglect to click on the ‘Publish’ or ‘Replace’ button on the prime of the web page to show the maps in your web site.

Technique 3: Displaying A number of Retailer Areas on a Single Map

The primary two strategies allow you to add retailer locator maps with a single location. You probably have a number of places, then you’ll want to add a separate map for each.

Alternatively, you should use our third technique to show a number of places on a single map.

The very first thing you’ll want to do is set up and activate the Locatoraid Retailer Locator plugin. For extra particulars, see our step-by-step information on find out how to set up a WordPress plugin.

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

Within the ‘Google Maps’ tab, you’ll want to stick a Google Maps API key. You possibly can observe the tactic above in Technique 2 to create one.

Then you’ll want to click on the ‘Save’ icon to retailer the important thing. You must discover that Google Maps is ready to load accurately within the ‘Map Type Preview’ window.

Subsequent, you possibly can go to the ‘Configuration’ tab and select whether or not to show miles or kilometers on the map.

It’s also possible to verify the opposite choices, such because the deal with format, the small print you wish to show on the map, and which customers can use the plugin.

As soon as you’re pleased with the plugin’s settings, be sure you click on the ‘Save’ button to retailer your settings.

Now you’re prepared so as to add your retailer places. You must navigate to Locatoraid » Areas. As soon as there, you’ll want to click on the ‘Add New’ button.

This may take you to the ‘Add New Location’ web page. Right here you possibly can sort the shop title, location, and different particulars.

While you end, you need to click on the ‘Add New Location’ button on the backside of the web page.

You can be taken to the ‘Edit Location’ web page the place you possibly can see the shop location on a map.

If all the things seems to be good, then you need to click on the ‘< Location’ button on the prime of the display to return to the Locatoraid » Areas web page in your dashboard.

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

As soon as your entire retailer places have been created, you possibly can add the map to your web site.

Merely add or edit a web page and click on the blue ‘+ Add Block’ icon. You must drag a Shortcode block onto the web page after which enter the shortcode [locatoraid] into the sphere.

This default shortcode will work effectively for many web sites. Nevertheless, you possibly can customise the map through the use of a special shortcode. Go to the Locatoraid » Publish web page to be taught extra.

Now you possibly can publish or replace the web page and go to your web site to see your retailer locator map.

All your retailer places might be displayed on the identical map. In case your customers sort their deal with or click on the ‘Find Me’ hyperlink, then they will discover the closest shops and get instructions.

We hope this tutorial helped you learn to add a Google Maps retailer locator in WordPress. You may additionally wish to be taught find out how to create a free enterprise electronic mail deal with or take a look at our listing of the most effective AI chatbots in your web site.

Should you preferred this text, then please subscribe to our YouTube Channel for WordPress video tutorials. It’s also possible to discover us on Twitter and Fb.

The submit The best way to Add Google Maps Retailer Locator in WordPress first appeared on WPBeginner.