In this video, you’re gonna learn how to integrate
Maps into your WordPress Pages or Posts using the Google Maps plugin by intergeo. Hi, my name is Robert from ThemeIsle.com and
I welcome you to our channel. With this tool, you can display a Map in your
sidebar as well and I will show you how to do that in the next minutes, so stay tuned. After you install and activate the plugin,
you’ll need an API key from Google, and this is a very easy but mandatory step before moving on. Please find the link in the description box
below this video and then click to create a new project like this. Select the project from the drop-down, if
you have more than one project, and click to enable API. Go to Google Maps JavaScript API link and
then click to enable it. Create credentials then click the blue button
“What credentials do I need?” , your API key will be generated automatically. Copy that API key, click DONE, then go back
to your WordPress dashboard and paste the API key in the specific field. Click Save Changes and then you will be ready to create the first Google Map. Head to the Intergeo Maps link in your Settings
tab of your dashboard then click Create New Map and then Add New. Drag and zoom the map to your location. After that, head to the options in the right
sidebar. Add a Marker to your map with text and link
that represent your business or any info about the location. If you have more than one location just click
the Add Marker button as many times as needed. If you want to set specific map position and
a certain level of zooming, just set it up in the preview here, and those settings will
be automatically used on the published map. Set the initial map type from this drop-down
menu and uncheck this box to disable draggable map. Set the zooming range values and disable the
scroll wheel zooming if you wish. Set the Preview Settings as needed then move
to the controls settings where you have access to Zoom, Pan, Scale, MapType, Street View,
Rotate and Overview Map Controls. The Style of you map can be chosen here with
options to set the Container’s, Predefined Map and Custom Map style. Directions, Layers, Adsense Integration and
the Import/Export of custom Markers are available just for the Agency Plan and they are a huge
step forward you can take for your online business. I am a creator so I definitely choose to get
the Agency Plan because of these big custom advantages. After you are done with all the settings here,
click Create the map and then copy the shortcode below this preview. To insert this map into a Page or Post, just
click to create one or edit existing pages and posts. Paste this shortcode into the text editor
of the contact page for example then click update and you are all set. This is how it looks live! In order to do that, head to Appearance/Widgets
and drag a Text widget to your sidebar in the desired position. Set a title for that widget and paste the
shortcode into the text field. Click the blue save button below and then
visit the blog page or any of your posts to see the sidebar map.

WP Google Maps: How To Add Maps With Intergeo WordPress Plugin

8 thoughts on “WP Google Maps: How To Add Maps With Intergeo WordPress Plugin

  • August 24, 2017 at 4:04 pm
    Permalink

    Hello everyone! Thanks for your honest interactions here! If you have any questions about what I mentioned in this video please leave a comment below.

    Reply
  • September 22, 2017 at 5:59 am
    Permalink

    Congratulations! This tutorial is very simple to understand. I loved it!

    Reply
  • September 30, 2017 at 11:02 pm
    Permalink

    the bar menu's titles are hidding, how can I get them back visibles again? thanks for your help

    Reply
  • March 8, 2018 at 1:40 pm
    Permalink

    5+ Must Have Plugins for WordPress: https://youtu.be/c7Af8HwkyPI

    Reply
  • July 11, 2018 at 5:18 pm
    Permalink

    Thank you for plugin explore. I want to add, that you should protect your API key in case someone would take it and use. Just put Restrictions and allow only your site (http – web site section) to use it.

    Reply
  • August 5, 2018 at 4:16 pm
    Permalink

    hi, i have tried your procedure, but still i am getting error like "This page can't load Google Maps correctly". Please suggest some solutions… Thanks

    Reply
  • November 22, 2018 at 10:04 am
    Permalink

    Did anyone else have to pay for the google maps platform for the map to work?

    Reply
  • May 15, 2019 at 8:19 pm
    Permalink

    Nice plugin, works nice! Thanks

    Reply

Leave a Reply

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