Register Now

Login

Lost Password

Lost your password? Please enter your email address. You will receive a link and will create a new password via email.


Add question

Login

Register Now

Thank you for registering with WPTricks

How to Add Google Maps in WordPress



How to Make a Website in 10 minutes ➜

Get the best tools for your website ➜

How to add google maps on your WordPress website…

In this tutorial we are going to see, How you can add Google maps to your WordPress website….

So by adding google-maps to your site, you can make it easy for your visitors to find your location.

Now to add google maps to your WordPress website, we have two simple steps..

Steps you need to follow (with timestamp):

Add your location to Google Maps – 00:26
Add your new location to your website – 01:51

We’re going to add Google Maps to our site by following these two simple steps.

So, Let’s get started!

STEP 1: Add your location to Google Maps

First, you need to go to : ‘maps.google.com’

Now, zoom in to google maps and keep your cursor exactly on your location and then click there.

Now you’ll see your address and if you click on that, you’ll see options, on the left side.

Just click ‘add a missing place’ and enter the details of your place.

So enter your business name and your address and then choose the type of business you have.

So once you’ve entered all the details, just click send and now your location will be added to google maps.

So, once you add your location to google maps,

you can go to the next step, Which is to add that location to your website….

STEP 2: Add your new location to your website

To add the location to your WordPress website, you need to copy the embed code of your location from google maps and paste it on your WordPress website ..

So go back to location which you added in the google maps, and click ‘your contributions’. And then click ‘edit’ , you will see the location which you added….

So click on the location, And you can see the place of your business.

Now to add the location to our website,

Just click ‘share’ and then click ‘EMBED’ a map , now you will see the embed code,

Now to copy the code just click copy and go to your WordPress dashboard.

Now select the page which you want to add the google maps, and click ‘edit’

Now paste the embed code exactly on the page where you want to add the map and then click ‘update’

So now your location will be added to google maps..

That’s it ….this is how you can easily add google maps to your WordPress website….

Next let’s see how you can add google Maps to a page built using ELEMENTOR

To add google maps to a page which is built using Elementor,

Go to the page built with Elementor and click ‘edit with Elementor’.

Now select the place where you want to add the map. Just go there and then click this ‘+’ icon.

Now you will see the GOOGLE MAP element on the left side. So just drag and drop it on the place where you want to add.

Now enter the name of the location which you have added to Google Maps., You can also choose the size of your map.

Once you’re done, you will see that the location will be added to your page.

That’s it guys! This is how you can add Google Maps to your
WordPress website.

————-
How to Make a Website in 10 minutes ➜

Get the best tools for your website ➜

Video Gear We Use:

Our Video Editing Tool:

We’re Hiring:

Want your website developed by us? Email us your requirements to contact@websitelearners.com

Follow Us on Instagram:

Or Facebook:

Or Twitter:

For Business inquiries: contact@websitelearners.com

Comments ( 42 )

  1. How to Make a Website in 10 minutes ➜ https://youtu.be/YWA-xbsJrVg

    Get the best tools for your website ➜ https://websitelearners.com/tools/

    Video Gear We Use: https://kit.com/websitelearners/video-gear-we-use

    Our Video Editing Tool: https://bit.ly/2Od546p

    We're Hiring: https://websitelearners.com/careers/

    Want your website developed by us? Email us your requirements to contact@websitelearners.com

    Follow Us on Instagram: https://www.instagram.com/websitelearners/

    Or Facebook: http://fb.me/websitelearners

    Or Twitter: https://twitter.com/websitelearners

    For Business inquiries: contact@websitelearners.com

  2. how do I know when my location has been added?

  3. Hi Shyam, thank you for your help
    Is there a way we can do this using Beaver Editor? Please reply. Thanks.

  4. Brilliant tutorial once again. I was going to insert a screen-print of the map, but this was so easy! Thank you!

  5. Can i put my website to the map without showing exact address?

  6. Your video clearity, voice and teaching method is awesome

  7. For development purposes only error show

  8. Hello
    I want to make a website for workshop purpose can you suggest me best pulgin and theme

  9. can we only copy the html codes of self added places??

  10. But how I delete my location from Google maps??? Pls tell us

  11. thank you brother i get use your video …

  12. How can we embed Google may in Divi ?

  13. but when i click on the directions its not working, is this a dummy map

  14. So I will not have problem with "For development purposes only" watermark? 🙂

  15. Please Sir provide website for Wight base inventory for which plugins use..plse help

  16. This is wonderful, and really helps, BUT … Elementor wants to use MY personal Google Map–with 853 favorites and little "flags." I just want a clean or clear map, with the location of just ONE business on the map. Is that possible?!? (I'm bewildered.)

  17. Please make a video how to list products category wise at WordPress please…..

  18. Buluk buluk buluk….hahhahhaha not long ago that's how East Indian people sounded to me when they were talking…..and then finally got to find out that they were actually speaking English…..this guy not much but some…bulu buluk bulu buluk.

  19. Thank you. You are a great teacher.

  20. Concise, clear and appreciated

  21. what the heck man. use js api.

  22. I want a plugin as ola or uber map… where I can find it for wordpress use

  23. #websitelearners … Plz make a video on how to ad geo sitemap on WordPress site with google webmaster

  24. If only all tutorials were that easy to understand. Thanks

  25. Oh wow thanks so much for this tip. I was struggling with Google maps api and a business licence when all I needed was a simple map for now. Thanks Thanks Thanks!!!! 🙂

  26. Bro which theme should i use for travel agency site ?

  27. Nice and clean explanation ??

  28. Hi thank you for your tutorials, very useful. can you suggest one best WordPress plug in to add Google map with multiple addresses? thanks in advance.

Leave a reply