How to Add Google Maps in WordPress

Would you like Google Maps to appear on your WordPress site?

If you own a local business, putting Google Maps on your website can help users find your location quickly. It can also aid in increasing the visibility of your website in search engines, allowing you to attract more visitors.

We’ll show you how to use Google Maps in WordPress in this tutorial.

Integrate Google Maps with WordPress

What’s the Point of Using Google Maps in WordPress?

Did you know that on all platforms, Google Maps is the most used navigational app?

If you have a physical store or office address, including Google Maps on your WordPress website allows users to instantly find your stores, restaurants, or retail outlets. This aids in attracting more clients and increasing revenue.

Not only that but incorporating Google Maps on your WordPress site can help with SEO. According to Google, local searches account for 46% of all searches. Using Google Maps with WordPress can help you enhance your local SEO and visibility in local searches.

There are two ways to incorporate Google maps in WordPress right now, and we’ll show you both.

The second method has the advantage of following all local SEO best practices, so if you utilize it, Google will begin to list your location on Google Maps. It will also show your company’s name, logo, address, phone number, open hours, and other information in local search results.

How to Use Google Maps Without Using a Plugin in WordPress

Use the default iFrame technique if you only want to quickly embed Google maps in a WordPress post or page.

Simply go to Google Maps and type any street address into the search field.

Locate your location on Google Maps and then click Share to Embed.

After that, select the Share icon, which will bring up a popup with the options of sending a location link or embedding a map. The Embed a map option must be selected.

HTML Embed Code for Google Maps

After that, just copy the Google maps HTML code and paste it into the website where you wish to embed the map. A Custom HTML block must be added to the block editor.

In WordPress, go to the Custom HTML block.

Now all you have to do is copy the embed code from Google Maps and update or publish the page to see the changes.

Embed Code for Google Maps in Block Editor

This solution works well for fast embedding Google maps, however, it does not provide the best SEO results.

If you’re a small business, restaurant, or online store with a single or numerous physical locations, we advocate adopting the following solution to improve your Local SEO rankings because it makes use of proper open graph data.

How to Integrate Google Maps with the Local SEO Plugin in WordPress

Using All in One SEO is the best approach to add Google Maps and optimize your site for local SEO (AIOSEO).

It’s the finest WordPress SEO plugin since it allows you to improve your SEO rankings without having to alter code or hire a professional. AIOSEO is used by over 3 million professionals to boost their search engine results.

AIOSEO

We’ll be utilizing the AIOSEO Pro edition for this lesson because it features the Local SEO tool as well as other sophisticated optimization options. You may also get started optimizing your site for search engines with a free edition of AIOSEO.

The AIOSEO plugin must first be installed and activated in WordPress. Please visit our tutorial on how to install a WordPress plugin for more information.

The plugin will launch the setup wizard after activation. To configure the plugin, click the ‘Let’s Get Started’ button. If you need assistance, see our guide on how to set up All in One SEO in WordPress effectively.

AIOSEO's installation wizard

Then, from your WordPress dashboard, navigate to All in One SEO » Local SEO.

Then, to begin configuring the local settings, click the ‘Activate Local SEO’ option.

Turn on local SEO.

You can add a single or more locations in AIOSEO and display them on Google Maps once the Local SEO addon for WordPress is installed. We’ll demonstrate how to incorporate both into your website.

Adding an Individual Location

Go to the ‘Location’ tab under All in One SEO » Local SEO to add your locations, business details, open hours, and more.

Keep the ‘Multiple Locations’ option set to No if you only have one physical store.

Local SEO has a location tab.

Scroll down to the ‘Maps’ area after that to pin your exact location.

Simply type your address into the ‘Enter a query’ box, and Google Maps will show you where you are.

Pin the location of your store.

Don’t forget to click the Save Changes button once you’ve input your location.

Adding Multiple Addresses

If you have many physical locations, you’ll want to enable the ‘Multiple Locations’ setting in Local SEO’s ‘Location’ page.

Multiple locations are enabled.

A new Locations menu will appear in your WordPress admin panel after that.

Navigate to Locations and then click on the ‘Add New’ option.

Add a new destination.

Scroll down to the ‘Map’ area once you’re in the WordPress editor.

In the ‘Input a query’ section, you can enter your address.

Multiple map locations can be added.

After you’ve entered your location on the map and added any other information, click the ‘Publish’ button.

You can now repeat this procedure to add as many locations as you like to your company.

After you’ve completed adding your locations, return to the All in One SEO » Local SEO menu and click the ‘Maps’ button.

A Google Maps API key must be entered here.

Enter the API key for Google Maps.

Let’s look at how to make a Google Maps API key.

How to Make a Google Maps API Key

To begin, go to the Google Maps Platform website and select the “Get Started” option.

Platform Google Maps

You’ll need to create a billing account after signing in using your Google account.

Google Maps Platform is a pay-as-you-go service that gives all users the first $300 of monthly usage for free. That should easily cover a simple map embed like the one we’re making in this article on most websites.

Don’t worry, until you actively upgrade to a paid account, you won’t be charged any costs.

Go ahead and click the ‘Create Billing Account’ button to get started.

Establish a billing account.

Then, from the dropdown box, select your country and the best description of your company.

After you’ve chosen this information, choose the Terms of Service checkbox and then click the ‘Continue’ button.

Fill in your personal information for the billing account.

On the next screen, enter your phone number and click the ‘Send Code’ button to verify your identity.

Enter your phone number

After you’ve verified the code, you’ll need to provide your company name, payment method information, and billing address.

Click the ‘Start my Free Trial’ button once you’ve entered these details.

Fill up the business name and payment information.

After that, you’ll be asked four questions about your company and how you want to use the Google Maps Platform.

Google Maps will inquire about your major reason for using the platform, as well as your industry, use case selection, and organization size.

After you’ve answered these questions, click the ‘Submit’ button.

Answer a few Google Maps questions.

Your Google Maps API key will now appear in a popup window.

This key can be copied and saved in a text file for future use.

Take note of the API key.

You’ll need to return to your WordPress dashboard to enter your Google Maps API key in AIOSEO Local SEO settings now that you’ve created one.

Configuring Google Maps Settings in WordPress

Configuring Google Maps Settings in WordPress From your WordPress dashboard, return to All in One SEO » Local SEO and select the ‘Maps’ tab.

Fill in the ‘API Key’ column with the Google Maps API Key. As soon as you upload the key, AIOSEO will show you a preview of the map.

See a map preview after entering your API key.

After that, scroll down to change the map options.

AIOSEO allows you to use a Gutenberg block, shortcode, widget, or PHP code to display Google Maps. You may also select from a variety of map designs and add a unique marker to your map.

Change the map's settings

When you’re finished, remember to click the ‘Save Changes’ option.

In WordPress, how to show Google Maps

After that, you may incorporate Google Maps into any WordPress post or page. Simply edit or create a new page on your website to get started.

Click the ‘+’ button at the top of the block editor to add the ‘AIOSEO Local – Map’ block anywhere on the page.

Block of local maps

Your Google Map will then be added to the website.

From the choices on your right, AIOSEO also allows you to change the map settings. For example, you can add a custom marker, show labels and icons, and change the map’s width and height.

In WordPress, edit your map.

If you have many locations, you can choose which one to emphasize by selecting from the options in the right-hand menu.

Simply select your favorite location to display on your website from the ‘Location’ dropdown option.

Select the display location.

Go ahead and publish the page after you’re happy with your settings.

You may now watch Google Maps in action on your website.

Examine your map

Google Maps can also be added to your site’s widget section, such as the sidebar or footer.

Go to Appearance » Widgets in your WordPress admin panel to get started. After that, click the ‘+’ button to add the ‘AIOSEO Local – Map’ widget block to the area where you want to show your location.

Widget for maps

The widget settings can then be edited.

Add a title, modify the map’s width and height, choose the place to display if you have numerous locations, and edit the label, for example.

Change the map widget's settings

That’s it!

When you update your website, Google Maps will appear in the widgets area.

Preview of maps in widget area

We hope that this post has shown you how to integrate Google Maps into your WordPress blog.