Beginner's Guide for WordPress - Start your WordPress Blog in minutes.
Choosing the Best
WordPress Hosting
How to Easily
Install WordPress
WordPress Plugins
View all Guides

How to Add Google Maps in WordPress

Last updated on by
Special WordPress Hosting offer for WPBeginner Readers
How to Add Google Maps in WordPress

You can add all kind of content into your WordPress site. At WPBeginner we have shown you how to add audio files, videos, PDF and Spreadsheets in WordPress. Adding content from external sources allows you to create rich content that are useful and highly interactive. In this article, we will show you how to add Google Maps in WordPress.

Manually Adding a Google Map in WordPress

Go to Google Maps website, and simply type in the address of the location you want to show or search for a location. Once you have found the location, click on the link button in the right hand panel. This will show you the embed code. Copy the iframe code or you can also click on the “Customize and preview the embedded map” to further customize the appearance of the map on your site.

Manually embed a Google Map in WordPress

Go to your WordPress website and paste the code in a post, page, or a template. That’s all, save your post/page and see Google map live in action on your site.

Adding Google Maps in WordPress Using a Plugin

The first method is good, if you only want to embed a Google map to just one location on your WordPress site. But if maps play an important role on your site’s main content and you need to frequently add maps in your posts, then we would recommend using a plugin.

First thing you need to do is install and activate MapPress Easy Google Maps plugin. Edit a post/page where you want to add the map. Scroll down to MapPress section on your post edit screen and click on New Map button.

Adding Google Maps into WordPress Posts using a Plugin

This will open MapPress editor where you can enter an address or click on My Location link to allow plugin to automatically detect your location. Provide a title to your map and choose the map size. Once you are satisfied with the map, click on the save button and then click on Insert into Post button to add the map into your post. Update or publish your post and see the preview.

With MapPress you can add multiple maps to a post or page. Even though it works out of the box but it also adds a plugin settings menu in your WordPress admin sidebar. Clicking on it you can change plugin settings, such as map type, border, alignment, controls, etc.

MapPress settings page

Adding Google Maps in a Widget and a Lightbox

Another easier way to add Google maps to your WordPress site is by installing Google Maps Widget plugin. After activating the plugin, go to Appearance » Widgets and drag and drop Google Maps Widget to your sidebar.

Google Maps Widget Settings

Enter the address you want to show on the map in Widget settings. You can also choose the map size, pin color, zoom level, etc. Click on the lightbox tab to configure the lightbox settings. Lastly click on the Save button to save your widget settings. Go to your site to see the widget in action.

Google Maps Widget with Lightbox popup

We hope this article helped you add Google Maps in your WordPress site. For questions and feedback, please leave a comment below.

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi. Page maintained by Syed Balkhi.

WPBeginner's Video Icon
Our HD-Quality tutorial videos for WordPress Beginners will teach you how to use WordPress to create and manage your own website in about an hour. Get started now »


  1. Kathy says:

    Thank you! This is what I was looking for! Perfect for my travel post on my blog! The video is great and very helpful!

  2. divi says:

    Great Work Bro!!!!

  3. Andy Kramer says:

    I would love to do this but when I go into google maps and type the address there is absolutely no gear so I can’t even get a link to copy for WordPress. Any ideas or suggestions?

    • Karen says:

      I am having the exact problem. There is no flower on Google Maps anymore! So how does this work?

  4. Mari says:

    I can’t find the code.. There’s no “flower icon” nor other links on the bottom right of the map. Is it because the place I’m trying to add doesn’t have a street address, it’s just coordinates?
    Thanks in advance.

  5. Andy Meuleman says:

    A great lesson, easy to follow and implement.

    Much thanks, Andy

  6. Karthik says:

    Is there any way to get this Map as a background to a page with full length say width 100% n height 100% something like that??

  7. Bigg Tobias Inspired says:

    So, I loved the map tutorial but what if I want to place it in a certain area of the page… Or side bar? Can anyone help?

  8. Carla Spacher says:

    Thanks so much! Why would anyone bother with a plugin that may ultimately slow down their site when you have provided such easy instructions to grab the code from Google Maps?

    By the way, if anyone is having trouble finding the code. Once you see the map, go to the bottom right-hand corner and click on the flower icon and click on “Share and embed map”. Then click on “Embed map” and enter into your WP page/or post.

  9. WRC says:

    Thank you. Very helpful post.

  10. Rory says:

    Hi, I was wondering if it is possible to have Google Maps to show the location of Groups (Buddypress)?
    Thanks for your help.

  11. aamir says:

    hello sir,

    i want to use plugin which provide exact location. can you suggest me? i use map press, leaflet market, wp google map etc. plugin but still no luck. all this plugin show some far location from my exact location. i want exact location where my shop is located. please help me. or is there any way to develop custom map & put in wordpress site? please provide step by step procedure.

    Thanks & Regards,

  12. Trang Tran says:

    Thanks for taking the time to write this article. It’s very helpful. Is it possible to add a Google Map that is linked with Google Places?

  13. Guilherme says:

    Very nice. But when we use coordinates, the lightbox map don´t work right. It just shows some place in USA. How can I fix this?


  14. Bongo says:

    Powerful stuff man. Thanks

  15. Erwin says:

    Nice straight forward instructions. I posted a nice trick on how to get rid of the info bubble on the other day ( Might be helpful.

  16. Christopher Rose says:

    Thanks for all the informative WP articles you’re posting.

    Is it possible to add a Google Map to a site that

    1. automatically adds the location of all site visitors or commenters to a map
    2. allow all customers to be added, probably manually, although an automatic option would be good too. I have a small ecommerce site that has customers all over the world and thought it would be fun to show where we have sent stuff to.

  17. Widdershins says:

    That is so cool! … thanks :D

    • zakaria says:

      Thank you very much!

      I have already founded (MapPress Easy Google Maps) and it is nice plugin.
      And of course, your attention is very nice support. THANKS!!!
      One more thing, please.
      I would like to use these maps in tabs but only tab’s (shortcode) plugin I have found so far which shows maps is (Jshortcode). (I mean it shows in second or third tab. The others aren’t showing in second or third tabs.) It is nice plugin too but has very colorful tabs.
      May be you would be so kind to advice some other plugins to solve this problem.

      Thanks advance
      Best regards

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 comment policy, and all links are nofollow. Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.