How to add Simple Google map in WordPress Contact Page

In this post, we’ll start by showing you how to add google map in WordPress contact page without a plugin. building a website you might be interested in adding a map on contact page. Google Maps helps us every day in navigating our way through roads and finding places in a manner that was unimaginative just a few decades ago.

how to add google map in wordpress contact page

Complete Guide to Embed Google Map on WordPress

Step 1 – Go to Google Maps

Click Google Maps (https://www.google.com/maps) webpage, then you have to type in the address of the location that you want to be displayed when people enter your site.

Complete Guide to Embed Google Map on WordPress

Step 2 – Find Location Address

Find Location address

On the search bar try to find location with address, this will appear on your WordPress contact form.

Step 3 – Get iframe code from Google Map

Once you see the map, go to the bottom left hand corner and click on share icon and click on “Share”. Then click on “Embed a map”. Now copy this code simply click ‘COPY HTML’.

how to add google map in wordpress contact page-iframe

Step 4 – Paste Code

Go to WordPress Website Dashboard Appearance → Pages → Contact (Your contact page name) or create one post, page, or a template. That’s all, save your post/page and see Google map live in action on your site.

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

Other Popular Articles...

Leave a Comment