How to Add Google Maps in WordPress – Easiest steps

Having an interactive Google Map on your WordPress website can be a game-changer in this era. It not only enhances your website’s user experience but also provides valuable information to your visitors. Whether you run a local business, a blog with travel tips, or simply want to display your office location, integrating Google Maps is essential. However, doing it the right way is important to ensure smooth functionality and SEO optimization for your website. In this article, we’ll guide you through the process on how to add Google Maps in WordPress site effectively.

what is Google Maps?

Google Maps is a super helpful tool on the internet that helps you find places and figure out how to get to them. It shows you detailed maps of streets, cities, and countries, and you can use them to find directions if you want to drive, walk, bike, or take public transportation somewhere. It even tells you how long it might take to get there and gives you step-by-step instructions.

You can also look at pictures of streets and neighborhoods with something called Street View. Google Maps is great for finding local businesses like restaurants and shops, and it can even tell you about traffic in real time. Plus, you can use it to share your location with friends or family, and you can even save maps to use when you don’t have an internet connection. It’s like a friendly guide that helps you explore the world around you!

Why Add Google Maps to Your WordPress Site?

Adding Google Maps to your WordPress Site can enhance user experience where visitors can easily find your location and it helps them navigate to your business or event location. Displaying your physical address Builds trust and credibility for your audience and also the Google Factors website with location info, which can positively impact your SEO. Adding Google Maps Helps Visitors get Directly to your location with a single click.

Creating a Google Maps API Key

To establish a connection between your WordPress website and Google Maps, you must generate a Google Maps API key. This API key, provided by Google, serves as a special code that enables the integration and utilization of Google Maps features within your websites or other applications.

Go to Google Maps Platform

Click on Create new project

Write Project Name & Location

After that click on create

By clicking on create a new project it will redirect to another page where it will show the Hamburger menu on the left side.

Now, Click on APIs and services

Now, Search Google Maps Platform and Click on APIs And Services

Now click on APIs and services

Fill out all the Verification forms

Now click on proceed to Verification

After Filling out all the Verification forms and payment details, you have to verify your Payment Method. For that, Google will charge you a few bucks. As you are charged at that time you will receive the SMS on your Devices. you have to enter the 6-digit code next to “GOOGLE*YOE” as written in your SMS.

after that click on verify

Now Select the Billing Account

Now fill out all the forms and Submit

Here, you can see your API Key. save it somewhere so we can use it later.

Here we go, Now that you have created a Google Maps API key.

Adding Google Maps with a Plugin

Go to the plugin store and search for a suitable plugin for Google Maps. In this case, I have chosen WP Go Maps. Search the plugin install it and activate it.

Go to Maps

Click on Settings

Paste the API Key

Save it.

Now click on Map

and click Edit

select the map from the given function using the pointer.

After complete click on the save marker.

Copy the Shortcode as shown in it image below.

Paste the Shortcode in the page section where you want to display the map.

this is the final step for this method.

After placing the Shortcode Publish the Page. After that, you can check the page URL for the maps.

Adding Google Maps without a Plugin

Adding Google Maps without any Plugin is way easier than it seems to be.

Go To Google Maps Website

On the Left Side top on the search option search any place you would like to add to your website. in my case, I have searched Dubai Mall.

Now Click on Share

After That Click on Embed a map and Then click on COPY HTML

Go to the page where you would like to add the maps.

Click on the Plus “+” icon on the white space area and search for HTML. you will get the result as Custom HTML. select that option.

Now, Paste the Html code that we have copied before in the Google Map Website.

after that publish the page and open the page URL.

Here we can see the final Result. Google Maps is showing the Dubai Mall as a result.

Conclusion

Adding Google Maps to your WordPress website can greatly benefit your visitors and enhance your online presence. Whether you opt for the Gutenberg block or a plugin, following the right steps will ensure a smooth integration. Remember to customize your map to provide valuable information, and keep an eye on SEO optimization to attract more visitors to your site.

FAQs Question and Answer