How to Add Google Maps in WordPress
Articles Blog

How to Add Google Maps in WordPress

September 1, 2019


Do you need to add a Google Maps to your
WordPress website? Well keep watching, in this video I’ll show you two methods you
can use to add Google Maps to your WordPress website. The first technique is
quite simple and straightforward and we’re simply going to add an embed
link from the Google Maps to our site. To do this let’s open up a new tab and we
need to go to the Google Maps website so go type in maps.Google.com. From here
search for the location that you want to add a map to if this is the one we want
this is the one we’ll use let’s click on the share button and click on the embed
map area. From here you’ll see a bit of code and you also see this drop down
that we can choose small, medium, large, or custom size. For this tutorial I’m going
to pick medium. It’s about the size that I’d like and we just need to right click
and copy that code and let’s head over to our WordPress dashboard. You can add
this into a post or a page I’m going to do a post so I’m going to click on add
new post and we can name it. Down here in the text editor let’s go over to text
tab and we can right click and paste that bit of code. Now you can go back to
your visual and you can see it actually come up in your post.
Once you’re done with it let’s click publish and we can look and see what it
looks like in our, on our website. I’ll open up my site in a new tab and there it is,
quite easy. Now if your site deals with a lot of maps then this might not be the
best way to handle it. To show you the best way to handle multiple maps or
better control over your maps let’s go over to our WordPress dashboard and go
over to Plugins, Add New because I want to show you how to add a plugin that
will make it much easier. We’re looking for Mappress Easy Google Maps. This is
the one we want so let’s click install now and once we’re done installing go
ahead activate it as well. Once you install it
we’ll need to add an API key so let’s go to our mappress settings. In order to
get the Google Maps API key we’ve provided a link for you just click on
that link and it’ll say Google developers console and it’ll bring you
up to this page where you can create a project for it. If you already have a
project that you want to attach it to you can do that but let’s create a
project and click continue. This part might take a few seconds or a few
minutes but you can see the status up here. Once we click continue we can name
this. You can name this something easy to remember and you can leave this set to
none and we’ll click create. Once we create we should be given our API key, we’ll
right click and copy that, head back over to our website and this
is where we can paste that API key and click Save Changes. Once we click Save
Changes the little notification will go away. I’m scrolling down you can see if
you want to change the map sizes 425 by 350 is pretty good for my theme so
I’ll keep that. Now all you have to do to add the map to your site is you can go
to posts, all posts. I’m going to go into my vacation one that we have here and
I’m going to scroll down and I’m going to click new map and add the title and
then under add pio I which means point of interest let’s look for Walt Disney
World. Tthis is the one we want so we’ll click Save
once you save it now you can click insert into post and when I scroll up
you’ll see a shortcode here. I’m going to update the post and now we can look at
it. Great and now you see, now you see it automatically embedded into my site and
when I go back to my post you see if I have more that I want to add I can do
that here. You can change how you want it to look
that’s how I want to save that and we’ll save the map
so now we have map one and map two that we can insert anywhere that we want on our
site and so those are two quick and easy ways that you can add a new map to your
WordPress website. Did you learn something from today’s video? If so
subscribe to our YouTube channel and we’ll send more helpful tips to help you
manage your WordPress website and thanks for watching

Only registered users can comment.

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

  2. 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.

  3. 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 ??

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

Leave a Reply

Your email address will not be published. Required fields are marked *