Skip to Main Content

How to add Google Maps on your WordPress blog

Divi: the easiest WordPress theme to use

Divi: The best WordPress theme of all time!

With over 901.000 downloads, Divi is the most popular WordPress theme in the world. It is complete, easy to use and comes with more than 62 free templates. [Recommended]

WordPress can be modified at will. And for good reason, you are free to add the item that suits you. By adding new features and new content, you make your blog richer and more interesting for users.

In this article, we'll talk about something that may be essential for your blog: Google map.

How to manually add Google Map to your WordPress blog

To do so, go to the website of Google Map and grab the address of the location you would like to display on your blog. Once you have found the location, click on the " lien To the left of the page.

By clicking on it, you will have access to the code of the card in question. Copy the code from the iframe, or click on "Customize and preview the embedded map" (Customize and preview the integrated map) to further customize the map that will appear on your blog.

add-google-map-blog-wordpress

Go to your WordPress blog and paste the code retrieved higher in a page, an article and even in your code of your theme, and that's it. Save your changes and navigate to the page to see if the map is displayed correctly.

Easily create your website with Elementor

Elementor allows you to easily create any website design with a professional look. Stop paying expensive for what you can do yourself. [Free]

Add Google Maps to your WordPress blog using a plugin.

Of course the first method is good, but only if you want to display a map in only one location of your blog. But if you want to display different maps on multiple pages of your blog, then you have to use a WordPress plugin.

The first thing to do is to download the plugin MapPress Easy Google Maps. Then activate the plugin and create a page on which you want the map to appear. Scroll down to the "MapPress" section in your article publishing area, and click the button "New Map".

how add-a-card-on-google-blog

Clicking on it will take you to a map editor, where you will enter the address or click on a location to allow the plugin to search for the corresponding map. You can also provide a title to the content, and set the size of the card. When you are happy with your changes, save them.

With the "MapPress" plugin, you can add several maps at the same time on the same page.

When the plugin is installed, it automatically adds links that are available in the left menu of your admin area. By accessing the interface of the plugin, you will be able to make some configurations that will apply to all the cards that will be inserted in your pages.

plugin-wordpress-google-maps

Add a Google map to a Widget.

Another way to add a Google map to your WordPress blog is to install the plugin " Google Maps Widget ". After activation, navigate to the Appearance >> Widgets location and drag the “Google Maps” widget from the list of available widgets.

add-widget-google-map-wordpress

Enter the address of the location you want to appear in the widget via the widget configuration interface. You can configure the size of the map, zoom, etc. Click on the "LightBox Map" tab to configure your widget. Finally, click on "Save" to save your changes. Go to your blog, to see how the card shows up.

[Image: Image_5.png]

Hoping that this tutorial will be useful to you, we are ready to answer all your questions. And if you liked the tutorial, then do not hesitate to share it with your friends and colleagues.

This article features 4 comments

  1. Hello,

    I personally use the first technique, including displaying different maps on different pages, so I'm curious why you prefer installing a plugin to do this.
    Is there a particular advantage that I am not aware of.
    Otherwise, for those who want to limit adding plugins and have already installed Shortcode Ultimate, it understands such a function.

    cordialement,

    Bruno

    1. Hello Bruno,

      I also use the same approach. I have offered several options to make it easier for some readers.

      cordialement,
      Thierry

Leave a comment

Your email address will not be published. Required fields are marked with *

This site uses Akismet to reduce unwanted. Learn more about how your comments data is used.

Back To Top
14 shares
Share13
tweet
Save1