Blog

WEBFI-WordPress-How to Add Google Maps in WordPress



Looking to add a map to your site but unsure of the best method? We’ve helped users add all types of files onto their sites and embedding content onto your site is another method to create rich content for your site’s visitors. In this video we will show you how to add Google Maps to your WordPress site.

Start by going to the Google Maps website and type in the address you want embedded on your site. With your location selected you will want to click the share link and go to the Embed map tab of the popup. Copy the code and paste it into the text editor on the post or page and publish the changes to have one method to embed the Google Map on your site.

The second method will be to use a plugin called MapPress Easy Google Maps. If you do not know how to install a plugin on your site you would want ot take a look at our article:

http://www.wpbeginner.com/beginners-guide/step-by-step-guide-to-install-a-wordpress-plugin-for-beginners/

For the plugin we are using in this tutorial you can find a direct link to it here:

https://wordpress.org/plugins/mappress-google-maps-for-wordpress/

Get API Key:

https://developers.google.com/maps/documentation/embed/get-api-key

With the plugin installed and activated you will want to go to your MapPress settings to start generating your Google API. It can take some time for the initial project for the API to be created and you can normally tell the status by the icon in the top right of the page. Once the project is created you can leave the key restriction as blank and create the API key.

Copy the API key and add it to MapPress’ settings section and save your changes to be able to use add the Google Maps to your site. In the plugin’s settings you can set the standard display sizes for your maps to use to customize it to your liking. With that set you can go to a post or page where you want the Google Map to be added.

On the bottom of your post or page is a new section for you to title, size, and add any points of interest you like to your Google Map. Save your settings to set the map and you will now be able to click the link to insert the map into your post. A shortcode will be added on the back end and when viewing the post or page there will now be a Google Map embedded there.

Text version of this tutorial
http://www.wpbeginner.com/wp-tutorials/how-to-add-google-maps-in-wordpress/

If you liked this video, then please Like and consider subscribing to our channel for more WordPress videos.

Check us out on Facebook
https://www.facebook.com/wpbeginner

Follow us on Twitter
http://twitter.com/wpbeginner

Checkout our website for more WordPress Tutorials
http://www.wpbeginner.com

source

22 Comments

  • Fit Zeus on February 26, 2018

    Please make a video on how to correct the error"coulnot create directories" on installation any kind of plugin or update…please.

  • archersfriend on February 27, 2018

    That was clear and simple. Thank you.

  • amy wyss on February 27, 2018

    Thank you! Very helpful and you made it very simple. After I create and insert my API key and then save, I get this error:
    Oops! Something went wrong.
    This page didn't load Google Maps correctly. See the JavaScript console for technical details.

    Any thoughts on what I need to do? Thanks in advance.

  • Gavin Phillips on March 4, 2018

    You say at 2:24 "We've provided a link for you… " . Where is that link? I don't see it . Or what is the url ??

  • Muhammad Waqar Ahmed on March 23, 2018

    Greattttt…. love from Pakistan

  • mahmoud saad on April 1, 2018

    cool

  • jide omotola on May 2, 2018

    Thank you. It was helpful

  • Multirotor Go on May 22, 2018

    Google is now charging to get an api Key?

  • Arun Kumar Singh on May 27, 2018

    This folder does not exist. Please create it. (/home2/northw1j/public_html/delhirealestateservices.com/wp-content/uploads/wp-google-maps/)

  • Henry Iwunze on June 21, 2018

    Thank you! Very helpful and you made it very simple

  • Tech Tips on September 17, 2018

    Nice baby

  • steve auxene on October 22, 2018

    this is no longer free…i go there n they start asking for billing information first option still works grt

  • Guerreros KIDA on November 27, 2018

    thank you!

  • Emmanuel Nollo on December 6, 2018

    This is very nice,very easy approach,thanks shangazi(Aunt in Swahili)

  • David H on February 2, 2019

    No longer free but embed functions perfectly in my clearfalcon site

  • Rez on August 21, 2019

    You are awesome.

  • The American on November 26, 2019

    Done…but the map is interactive. I prefer a snapshot or still shot of the map. How is this done? Thanks.

  • Seidu Evelyn on July 9, 2020

    Thanks

  • Katoch Tubes on October 29, 2020

    Thank you for the video. Helpful

  • Diginet infotech on April 5, 2021

    thank you

  • Fatema Bahram on May 3, 2021

    Thank you, it was clear and simple. Loves

  • Kruti Atulbhai on September 28, 2021

    thx for this information

WhatsApp us
Live Chat

Office hours operation Mon-Sun 8:00 am ET – 4:00 pm ET

To start your Premium WP or Cpanel service, use our domain search engine, if the domain you want is available, contact us by Whats app to activate your project.

The easiest, fastest, and most secure way to communicate with us.
loading
Please enter your domain.
Please verify that you are not a robot.

Terms Privacy

 

 

WEBFI NETWORK OFFICE HOURS 

Mon-Sun from 8:00 am /4:00 pm USA-ET

WhatsApp us

Small Business – WordPress – CPanel – Hosting

© Webfinet Affordable Private Small Business Solutions All Rights Reserved 2021 - Powered By WEBFINET.com
error: WEBFINET SECURITY IS ON