WordPress Google Maps

Google Maps is an online tool to see the map on Google Maps website or application. So if you have an online business and if you want to customers can find you easily on the map, this article will help you. You don’t need anything on WordPress. We want to add Google Maps to our website without any plugin.

Search Your Location

The first thing we need to do is find our location on the map. First, open the Google Maps website and then search your business zone. In this tutorial, we want to add one of the branches of MacDonalds on our website.

MacDonalds Branch
MacDonalds Branch

After finding your zone on the map, click on it and then click on the Share button. Now you have a window like this photo.

Google Maps Share
Share Map

Click on the COPY HTML to copy the HTML code. Now you should add this code to your post or page.

Create New Post

Go to the WordPress admin dashboard and click Posts->Add New to create a new post.

WordPress HTML Block
WordPress HTML Block

Click on the plus button to insert a new Gutenberg block on this post. Then search the Custom HTML and click on it to insert on this post.

WordPress Custom HTML Block
WordPress Custom HTML Block

Then paste the HTML code that you copied on Google Maps.

WordPress HTML Block
WordPress HTML Block

At the end publish the post to see the map.

Show Map on Posts
Show Map on Posts

Add Google Maps to Sidebar

You can add maps on the sidebar. if your WordPress theme supports the sidebar widgets you can add maps on the sidebars. To do this you should go to the WordPress admin dashboard and click on the Appearance->Widgets.

WordPress Widgets HTML Block
WordPress Widgets HTML Block

Click on the Custom HTML block and paste the HTML code that is copied on Google Maps. This issue depends on your WordPress theme that your theme is support widgets or not