How to Add Google Maps to WordPress and Elementor

Hi guys! Today in this article I’m going to show you how to add Google Maps to WordPress and Elementor. I’m Emraan from Techxprobd.com. So once you add the map this is how it’s going to look on your website. You can see it here.

Okay, when your visitor’s click View larger map they’ll be able to directly navigate to your location. now by adding Google Maps to your WordPress site. you can make it easy for your visitors to find your location.

Let’s get started.

we are going to do this in just two steps

The first step

• is to add your location to Google Maps.

so to add your location let’s go to maps.google.com and zoom into a location.

now keep your cursor exactly on your location and then click there. and now you’ll get this box.

now just click on this number. you’ll get these options on the side. now to add this location to Google Maps just click add a missing place.

and now you’ll be able to enter the details of your place. so enter your business name. then choose your category. and enter your address here.

now if you want to add more details you can click here.

and he can add those details here

so once you’ve entered all the details, just click send and now we have submitted our location to Google Maps.

After a few hours, your location will be added successfully.

Once it’s added, we can now go to step 2

• which is to add our new location to our website.

so to add the location first, we’ll click done. now to go back to the location we added. let’s click here.

and then go to your contributions

now if you click Edit. you can see the location which we added before. so let’s click on it.

and this is the place which we added now. To add this location to your website just click Share.

and then click embed.

and now you’ll see a preview of the map which can be added to your site. now to add this map to the website you need to enter this code in WordPress. Let’s copy this code by clicking COPY HTML.

now to paste the code let’s go to WordPress and then go to pages. now go to the page where you want to add the map.

and click Edit

now to paste the code just go to Custom HTML and paste it here.

Now if you click preview you can see that. The map has been added to our page.

If you want to change the position. you can just drag here and then place the map very wanted. once you’re done just click update and now if we click view page. you can see that we now have the map on our page.

So this is how we can add Google Maps to your WordPress website.

next, let’s say you have a page that is built using elementor.

so

how to add Google Maps to elementor?

like this

so let’s go to part 2 of this article.

• where we see how you can add your map to an elementor page.

so to add Maps to an elementor page just go to the page where you want to add and then click Edit with Elementor.

now select where you want to add the map. So let’s say you want to add the map bottom the page. just go there and click this plus icon.

now to add the map all you have to do is just drag this element and then drop it in this area.

now enter the name of the location which you have added to the maps.

so I’m going to enter that and you can see that the location has been updated on the map. Now, here you can choose the size of your map.

so I’m going to enter a number which is perfect for my site. You try your best. and you can see there that we have zoomed in to our location. After that click update.

now if we scroll down on our site you can see that the map added to our page.

so that’s it guys this is

How to Add Google Maps to WordPress and Elementor.

now if you want to

learn more about WordPress

you can comment here to learn more about WordPress.

so thanks for being with us. I’ll see you in

the next content.

bye bye

Google Maps to your WordPress website