Easy Embedding a Google Map With Multiple Markers To Your Site

Embedding a Google map into WordPress is quick and easy, here is how you can do it.

Including a Google Map with multiple markers on your website can really help you obtain that slight edge over your competition, especially if your business is present in more than one location. However, while useful, embedding a Google Map requires a bit of digging and if you are not really a technical wizard, you may find it too complex.

This is why we have decided to explain it in two different ways so that everyone can do it successfully:


1. Using a GoogleMapsWidget Plugin

The easiest way to embed a Google Map in order to show all the locations which are relevant to your business would be to use this plugin for your WordPress site. So far, over 80,000 people are using it and for a good reason. According to Nick Wilson, who is the head of IT for Edu Geeks Club, GoogleMapsWidget becomes operational as soon you install it:

“This means that you don’t need to alter your website’s code manually or republish it. Also, unlike traditional maps, these maps only require 1 request, which means you get to keep your page speed, as well. In addition to that, it’s not short on options either, since it offers stuff like information bubbles, street view, direction, clustering, and almost everything else you would expect from a Google Map.”


2. Embedding Your Google Map Manually

What you need to do is access Google Maps, provided that you are already logged in, and go to Your Maps. Then, go to Maps tab and click on Create Map. Inside a new window, you will need to name your new map and save it. Take a look at the following screenshot:

You can begin adding locations to the map by clicking on the Add marker button, as indicated by a blue arrow and a magnifying glass. When adding a location manually, you will need to give it a name and save it. A location which is added manually is marked by a red arrow in the image above. If you would like to add an existing location to your map, you can do so by looking it up using the search box. Once the location has been found, just click on Add to map to add it to your Google Map.

You can add multiple locations by opening the map which you have created and then clicking on the Add marker button. From there, as already explained, you can add your locations manually or by using the search box.

Now that you have added the locations, you need to embed your map. First, you will need to make your map public by clicking on Share, and then selecting On-Public on the web, and saving the changes. Then, select the Embed on my site option.

In a new window, you will receive an HTML Fragment which you will need to use on your Create account, by choosing the page to which you want to add the map.

After you have pasted the code, save the changes, and publish an updated version of your website. Your map should now be on your website, and showing all of the locations which you have added. If you are still not sure about how to manage HTML Fragments, you can look it up here.


If you want to make your own map to embed into your website and you are looking for a tool that converts input text into coordinates, you can use a geocode, here is an example: Canada geocode.



Adding a Google Map to your website not only makes it easier for your visitors to find your business, but it also inspires trust, because potential customers can look up the details of your business, such as shopping hours, address, and even your storefront by using street view. Now that you know not just one, but two ways how to do it, start making use of it today. Embedding a google map in WordPress is easy so go ahead and do it!

Digiprove sealThis content has been Digiproved © 2018-2020 Tribulant Software

Earn Money by Referring People

Refer customers to us with your affiliate link and earn commission on sales from your link.

Get Started
  1. vishnu on September 12, 2022

    thank for it woking on our site

  2. Nio on September 22, 2020

    Great tips for GMB optimisation and sharing the plugin. Works well.

    Thanks Steven 🙂

  3. Luis on November 18, 2019

    Hi Steven, many thanks for your help, it has truly helped me embed the maps instead of paying a developer to do it.

    I have a question though, when I embedded, the pre-visualization seems to be focused on a single shop rather than all of them… Tried refreshing the global visualization and embedding the piece og HTML from there but it´s still not working.

    Would you be able help me in this case?

    Million thanks

  4. Bandi on September 26, 2019


  5. mathew webber on May 9, 2019

    Thanks for the tips mate, how about if we have 2 or 3 dental clinics with different addresses but want to rank on same location, can we still use this method.

    Appreciate your help.

  6. Oswaldo on February 5, 2019

    Thank you! Option 2 work great for us.

  7. Bonj on October 23, 2018

    Thank you Steven for this article. You just saved my life!

  8. jningtho on October 5, 2018

    @Pawel, you might want to take a look at the Google Cloud maps API pricing as per usage.

  9. Paweł on August 10, 2018

    Hi Steven!
    Thank you very much for your tutorial. I’ve got a question, though.
    Is “Embedding Your Google Map Manually” free of charge or not? I’m asking because of the new prices for using Google Maps API which Google has introduced lately… I think your solution is free, but I’d like to make sure.

  10. Adam Silva on June 13, 2018

    Thanks Steven,
    Would this be an appropriate tool for adding multiple locations such as a map with restaurants I recommend?
    If not, could/would you recommend another method, please?
    Thank you kindly,


Leave a Reply

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

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Want More Content Like This?

Want More Content Like This?

Join our newsletter to get more content like this via email!

You'll receive a free, monthly email with a summary of very useful articles. No spam, just great content!

You have Successfully Subscribed!

Pin It on Pinterest

%d bloggers like this: