How to Easily Embed Google Maps in WordPress

Would you like to know how to embed Google maps in WordPress?

Embedding a map with your business location makes it easy for your customers to identify where your business is situated. It also helps boost your local SEO. As a result, you can drive more foot traffic from the web.

In this article, we’ll show you how to embed Google Maps in WordPress easily.

Why Should You Add Google Maps to WordPress?

Google Maps is the most popular navigation app on all platforms. This means if you run a brick-and-mortar business, then adding Google Maps to your WordPress website makes it easy for users to locate your business quickly. This helps you attract more customers, leading to increased sales.

That’s not all! Embedding Google Maps into your WordPress site can also help improve your local SEO. According to research, 46% of all searches are local, and embedding Google Maps into your WordPress site helps boost your online and physical visibility.

How to Embed Google Maps in WordPress

Ready to embed Google Maps to your WordPress site and drive more online and offline traffic to your business?

Let’s dive right in!

Step 1. Install All In One SEO (AIOSEO)

The first step to embedding Google Maps in WordPress is to install a powerful SEO plugin like AIOSEO.

aioseo homepae

AIOSEO is the best WordPress SEO plugin on the market. It is trusted by over 3 million savvy website owners and marketers to help them dominate search engine results pages (SERPs) and drive relevant traffic to their sites. This is because the plugin has many powerful SEO features and modules to help you optimize your website for search engines and users.

One of the features many users rave about is the Local SEO module.

This powerful module is designed to help you rank high for local searches. It helps you do that by making it easy to embed Google Maps into your site. And you don’t need technical or coding knowledge to do so.

For step-by-step instructions on how to install AIOSEO, check out our installation guide.

Step 2: Add Your Location(s)

Once you’ve installed and activated AIOSEO, the next step to embedding Google maps is to add your location data. Again, this is super easy, whether you run a single or multiple-location business.

To do that, go to the AIOSEO menu » Local SEO. This will open a page where you can input your location and business information.

The Locations tab enables you to embed Google Maps in WordPress.

One of the first things you’ll have to add is to indicate whether your business is a single or multiple-location business. 

You can add multiple locations by switching a toggle.

If yours is a single-location business, leave the Multiple Locations toggle set to No

You can also choose whether you want your location information to be displayed as a:

  • Gutenberg Block
  • Shortcode
  • Widget
  • PHP code

Check out this guide for detailed instructions on adding your locations to your site’s schema.

Step 3: Generate and Add a Google Maps API Key

With your locations set, you can embed Google Maps into your WordPress site. You must first set up a Cloud Billing account, and then generate a Google Maps API key.  

If you already have a Cloud Billing account, you can create your Google Maps API key by logging into the Google Maps platform using your Google account. Next, click the Get Started button. You will then see a popup with your API key. 

To embed Google Maps in WordPress, you need to get an API key from Google.

Copy this key, paste it into a text file, and keep it safe. Next, click on Go To Google Maps Platform. You’ll then be asked whether you want to protect your API key by restricting it. Click on Maybe Later, then come back and configure your restriction settings.

And that’s it! You’ve successfully created a Google Maps API key. 

Step 4: Configure Your Google Maps Settings

Now you can embed your Google Maps location in WordPress with your Google Maps API key. To do so, go back to AIOSEO » Local SEO and click on the Maps tab. 

Enter the API key in the Maps section of the Local SEO menu.

Paste in the API key you generated from Google Maps. You’ll immediately see a preview of the map once you do that.

Once you paste the API key, you’ll immediately see a preview of the map.

Next, you can scroll down to edit the map setting. Here you can configure your map settings and how you want your map to be displayed. With AIOSEO, you can embed Google Maps using a Gutenberg block, shortcode, widget, or PHP code. 

You can embed Google Maps using a Gutenberg block, shortcode, widget, or PHP code.

You can also choose from different map styles and even add a custom marker to your map.

Once done, click the Save Changes button.

Step 5: Display Google Maps in WordPress

We’ve now reached the step you’ve been waiting for, displaying Google Maps on your site. You can do so on any page or post by simply editing it. 

Displaying Google Maps Using a Gutenberg Block

Once you’ve opened your page in editor mode, click the + button to add a block and select the AIOSEO Local – Map block.

You can display Google Maps as a block by adding an AIOSEO Local - Map.

AIOSEO will then automatically add Google Maps to the page.

Preview of Google Maps embedded in a post.

You can edit your map settings in the right sidebar of your page.

You can edit your map settings in the right sidebar of your page.

For instance, you can show labels and icons, add a custom marker, and edit the map’s width and height. 

Displaying Google Maps Using a Widget

You can also add Google Maps to your site’s widget section, like the sidebar or footer.

To do that, head to your WordPress admin panel » Appearance » Widgets. Next, click the “+” button and add the AIOSEO Local – Map widget block where you’d like to display your location (main sidebar, header, footer, etc.).

You can also embed Google Maps in WordPress by using a widget.

Once you publish or update your page, your Google Maps location will be added to your chosen widget area.

Your Google Maps location will be embedded in your selected widget area when you publish your post.

And that’s it!

You’ve embedded Google Maps into your WordPress site.

We hope this post helped you learn how to embed Google Maps into your WordPress site. You may also want to check out other articles on our blog, like how to start a small business blog or our tutorial on creating jump links in WordPress.

If you found this article helpful, then please subscribe to our YouTube Channel. You’ll find many more helpful tutorials there. You can also follow us on Twitter, LinkedIn, or Facebook to stay in the loop. 

Add a Comment

We're glad you have chosen to leave a comment. Please keep in mind that all comments are moderated according to our privacy policy, and all links are nofollow. Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.