How to embed Google Maps in WordPress [step-by-step guide] » WPPOOL (2024)

Articles

October 14, 2023

How to embed Google Maps in WordPress [step-by-step guide]

When you’re running a local business, then showing Google Maps on your site can help users easily find your location. It can help improve your site’s search engine visibility so you can attract more website visitors. Adding content like maps, audio, and video to your site is an excellent way to create an interactive experience for your visitors. It’s a helpful way to give users the information they need to find your business locations.

In this article, we will show you how to Embed Google Maps in WordPress.

Table of contents

How to embed Google Maps in WordPress without a plugin

If you simply choose to rapidly embed Google maps in a WordPress publication or page, then you can use the default iFrame method.

Step 1: Find the desired location on Google Maps

Simply go to the Google Maps internet site and find any road tackle in the search area.

How to embed Google Maps in WordPress [step-by-step guide] » WPPOOL (1)

Step 2: Get the HTML code to embed a map

If you want to click on the Share icon, it will exhibit a popup with the alternative to either Send an area hyperlink or Embed a Google Maps in WordPress. You want to pick the Embed a map option.

How to embed Google Maps in WordPress [step-by-step guide] » WPPOOL (2)

Step 3: Insert the HTML code into WordPress

After that in reality reproduce the HTML code for Google maps, and then open the web page of the place you desire to embed the map. Inside theblock editor, you want to add a Custom HTML block.

How to embed Google Maps in WordPress [step-by-step guide] » WPPOOL (3)

Step 4: Publish & preview the map

Now you can simply paste the embed code you copied from Google maps and then update or publish the page to preview the changes.

How to embed Google Maps in WordPress [step-by-step guide] » WPPOOL (4)

This method works for quickly Embed Google Maps in WordPress, but it doesn’t give you maximum SEO benefits.

If you’re a small business, restaurant, oronline storewith both a single or a couple of bodily locations, then we propose the usage of the subsequent answer to maximize your Local website positioning rankings due to the fact it makes use of perfect open design information to assist you to rank greater in Google.

5 best free WordPress map plugins

Adding a WordPress Google Maps plugin to your website can help attract further users to your website. We’ve rounded up the stylish tools on request, grounding our selections on features, ease of use, and customization options.

Let’s take a close look at each plugin. Note that some of these tools will require a Google Maps API key.

1. Map Block for Google Maps

How to embed Google Maps in WordPress [step-by-step guide] » WPPOOL (5)

Map Block for Google Maps is another plugin that you can easily set up a customized map on your site. This plugin adds a Map block to your site. You can then use this element in your posts, pages, sidebars, and other locations.

Key features for Map Block for Google Maps:

  • Insert the Map block anywhere you want on your site.
  • Enter your business address or coordinates.
  • Adjust the height and zoom level of your map.

This plugin is straightforward to use. Once you’ve installed and activated it on your site, all you have to do is navigate to a page, add the Map block, and customize it to suit your needs.

2. WP Google Maps

How to embed Google Maps in WordPress [step-by-step guide] » WPPOOL (6)

WP Google Maps will allow you to add a map to your WordPress site. You can easily customize the Google map, then insert it into any page or post using a shortcode. Also, you can use as many markers as you like, even with the free version.

Key features for WP Google Maps:

  • Create as many map markers as you need.
  • Add polygons to display catchment areas.
  • Show routes to your outlets.
  • Choose from nine different map themes, or create your own.

With the free version, you can use polygons to show users which areas or addresses you serve. These features can be handy if you run a delivery service or a local clinic.

3. MapPress Maps for WordPress

How to embed Google Maps in WordPress [step-by-step guide] » WPPOOL (7)

MapPress Maps for WordPress lets you create unlimited maps using either Gutenberg or the Classic Editor. It also comes with a pop-up map editor for easy customization. Additionally, you can add as many markers as you want.

Key features for MapPress Maps for WordPress:

  • Add unlimited markers.
  • Draw shapes and lines to show catchment areas or routes.
  • Use the MapPress Map block to display your custom map on the page.

4. Easy Google Maps

How to embed Google Maps in WordPress [step-by-step guide] » WPPOOL (8)

With Easy Google Maps, you can create a fully-responsive and customizable map in just a few clicks. This plugin also lets you add an unlimited number of markers and locations. Plus, you can customize your markers with text, images, video, and more.

Key features for Easy Google Maps:

  • Insert your customized maps into pages with shortcodes.
  • Adjust the appearance of your map with a broad range of settings.
  • Display multiple markers and locations.
  • Customize your map markers with photos, text, and more.

If you want to give more information about your outlets, you can add a description to each marker on the map. You can also display a photo of your store or office.

5. The Divi Map Module

How to embed Google Maps in WordPress [step-by-step guide] » WPPOOL (9)

If you’re a Divi user, there’s no need to install a plugin to display Google Maps. Thanks to our Divi Map Module, you can easily embed a customized map anywhere on your page.

Key features for the Divi Map Module:

  • Add unlimited pins to the map.
  • Customize every aspect of your map, including the color scheme, dimensions, and spacing.
  • Make your map more dynamic with animation effects, draggable zoom, and more.

Embed Google Maps in WordPress, the right way

By following the above steps, even a novice site owner can place a basic or responsive Google map onto a website. They’re great for “about” or “contact” pages, and provide visitors with a bit more context about your business, meaning a greater chance of a conversion.

How to embed Google Maps in WordPress [step-by-step guide] » WPPOOL (2024)

FAQs

How to embed Google Maps in WordPress [step-by-step guide] » WPPOOL? ›

Go to Google's map. Select a location. Click on the “Share” button. Select the “Embed a map” tab.

How do I embed Google My Maps into WordPress? ›

Here's how you do it:
  1. Go to Google Maps.
  2. Enter your company name or location in the search bar.
  3. Click on the share button.
  4. Go to the 'Embed a map' tab.
  5. Copy the html code. It starts with '<iframe'.
  6. Go to a page or post in your WordPress installation.
  7. Paste the HTML code in the desired location.

How do I embed a Google map on my website? ›

How to embed a Google Map into a web page
  1. Go to Google maps. In the Search Google Maps text box, type in the address of the location you want to display on your web page.
  2. When the map appears, click on the Share icon.
  3. Select the Embed tab on the Share window.
  4. Click on Copy HTML.

How to add Google Map API key in WordPress? ›

Add API key to Yoast SEO: Local
  1. Copy the API key you created from the Google Maps Platform.
  2. Log in to your WordPress website. ...
  3. Click on 'SEO'. ...
  4. Click on 'Local SEO'. ...
  5. Click on 'API Keys'.
  6. Paste the API key you copied in step 1 into the 'Google Maps API key' field.
  7. Click 'Save Changes'.

How do I embed a Google map list? ›

Go to Google's map. Select a location. Click on the “Share” button. Select the “Embed a map” tab.

Do I need an API key to embed a Google map? ›

You must include an API key with every Maps Embed API request.

How do I create an API key for Google Maps? ›

Go to the Google Maps Platform > Credentials page. On the Credentials page, click Create credentials > API key. The API key created dialog displays your newly created API key. Click Close.

How to use WP Google Maps? ›

Start or stop navigation
  1. On your Android phone or tablet, open the Google Maps app .
  2. Search for a place or tap it on the map.
  3. At the bottom left, tap Directions. ...
  4. Choose your mode of transportation.
  5. If other routes are available, they'll show in gray on the map. ...
  6. To start navigation, tap Start.

Can you embed a Google map with multiple locations? ›

Multiple waypoints can be specified by using the pipe character (|) to separate places (e.g. Berlin,Germany|Paris,France ). You can specify up to 20 waypoints. Defines the method of travel. If no mode is specified the Maps Embed API will show one or more of the most relevant modes for the specified route.

How to create a Google Maps plugin? ›

Initialize your plugin

With the new API key from Google Maps copied to your clipboard, we can start by initializing our plugin, first by creating a variable for the APIkey and then loading the Google Maps Javascript library. Now we need to register the plugin as a hook for the field renderer.

How do I embed a Google form into my WordPress site? ›

How to Add Google Forms to WordPress (2024 Guide)
  1. Table of Contents.
  2. Create and design your form.
  3. In the right-hand corner of the screen, click Send.
  4. Next to Send via, click the symbol <>.
  5. Now, you need to copy the HTML code. Click COPY.
  6. Log into your WordPress dashboard.
  7. Preview or publish your post or page.
Feb 14, 2024

How do I add a GPS to my WordPress site? ›

Installation
  1. Upload the plugin files to the /wp-content/plugins/cf-geoplugin-gps directory, or install the plugin through the WordPress plugins screen directly.
  2. Activate the plugin through the “Plugins” screen in WordPress.
  3. Go to the Geo Controller settings page and configure your settings.
  4. That's it!

Is Google Maps embed free? ›

Costs. All Maps Embed API requests are available at no charge with unlimited usage.

Top Articles
Latest Posts
Article information

Author: Horacio Brakus JD

Last Updated:

Views: 5519

Rating: 4 / 5 (71 voted)

Reviews: 86% of readers found this page helpful

Author information

Name: Horacio Brakus JD

Birthday: 1999-08-21

Address: Apt. 524 43384 Minnie Prairie, South Edda, MA 62804

Phone: +5931039998219

Job: Sales Strategist

Hobby: Sculling, Kitesurfing, Orienteering, Painting, Computer programming, Creative writing, Scuba diving

Introduction: My name is Horacio Brakus JD, I am a lively, splendid, jolly, vivacious, vast, cheerful, agreeable person who loves writing and wants to share my knowledge and understanding with you.