Complete Tutorial : How to Add Google Maps in WordPress

Whether you run a business, organization, event, or just need to showcase a map for any other reason, it can be helpful to know how to add Google Maps to WordPress.

What’s more, with the right plugin, you can even create customized and interactive maps that better showcase your physical location or other important information.

In this guide, we’ll introduce you to the Intergeo Google Maps plugin, an excellent and beginner-friendly tool. Then we’ll show you how to use it to add Google Maps to WordPress. Let’s take a look!

Introducing the Intergeo Google Maps plugin

The easiest way to add Google Maps to WordPress is to use the right plugin, such as Intergeo. ThemeIsle built this plugin to help users quickly create and customize maps to meet their needs. The powerful UI map builder lets you create as many maps as you’d like, as well as save, edit, and even clone them.

Key Features:

• Customize many elements of your maps, including position, zoom level, and much more.
• Style your maps through color schemes and other options.
• Add multiple locations and markers to your maps.
• Easily organize a library of your maps.
  
  

Price: The base Intergeo Google Maps Plugin is free. There’s also a Pro version, with additional features such as map overlays, customizable routes, and AdSense integration.

How to add Google Maps to WordPress (in 3 steps)

Now, we’ll show you how to create a map for your website. First, you’ll want to install the free version of Intergeo on your WordPress site like you would any other plugin. Then, simply follow the steps below to add Google Maps to WordPress!

Step 1: Add your Google Maps API key to WordPress

Once you’ve installed Intergeo, there will be a new section called Intergeo Maps under the Media tab in your dashboard. When you visit it, you should see an alert prompting you to add your API key, which must be done before you start creating maps:

• To get this key, visit the Google APIs Dashboard. Assuming you already have a Google account, you should be able to access this dashboard without needing to sign up for anything.
• Inside the Google APIs dashboard, select the blue Create Project button near the top of the page:
• Choose Create on the next screen. Then, you’ll be able to pick a name for your project:
• Click on Create once more, and you’ll be taken back to the dashboard. Select Enable APIs and Services near the top of the screen and search the API Library for “Google Maps JavaScript API”. Once you’ve found it, select Enable:
• On the next screen, click on the Create Credentials button in the top-right corner.
• Then on the next page, select What credentials do I need? You’ll be presented with an API key, which you can now copy.
• Return to your WordPress site and select the link in Please add an API Key here. Paste your key into the Maps API Key box:

Don’t forget to save your changes! Now, you’re ready to start building your map.

Step 2: Create a new map

To create your first map, select Add New from the Intergeo Maps section. You’ll immediately be presented with a lot of options:

• The first thing you’ll probably want to do is select the Add Marker button. This lets you determine a location for the map and place a marker. You can give the marker a title, choose a style for it, and enter an address:
• In the text box, you can also add and format text that will display when a user clicks on the marker:
• After that, you can start customizing your map using some of the other options within the map builder. Let’s walk through each tab one by one.
  
  

Positioning & Zooming

To set a certain zoom level and position for your map, you can simply zoom the sample map in and out and drag it wherever you’d like. The way you set it up in the editor is how it will display on your site.

You can also change the type of map, and decide whether you want users to be able to drag and zoom it themselves.

Controls

In the Controls section, you can decide what kind of choices are available to users. This includes whether they can pan the map (pan means to drag the map to change its location) and if they have a street view option.

Styles

In the Styles section, you can tweak what your map looks like. You can change the width and height of the container, as well as add styling. You can also choose from several predefined map styles or even create your own.

If you opt for the premium version of Intergeo, you’ll have access to additional tabs and settings. However, by tweaking the above settings, you should be able to create a map that’s both stylish and useful to your visitors.

Step 3: Place the map on your site

Once your map is tweaked to perfection, don’t forget to save it. Once you do, you’ll see it appear on the main Intergeo Maps page, along with buttons to edit, copy, or delete the map. There will also be a text field:

This field contains a shortcode you can use to insert your map on your site. You can place it on a page or post, or even in your sidebar or footer using a Text widget. Simply copy the shortcode and paste it into an editor:

That’s it! Your map will now display perfectly on the front end of your site:

You can use this method to place the same map in multiple places or even add a variety of maps to your site. That’s all it takes to add Google Maps to WordPress.

Searches related to add google maps in Wordpress

• how to add google map in wordpress without plugin
• how to add google map api in wordpress
• contact form with google map wordpress plugin
• how to use wp google maps
• how do i add a map to my wordpress website
• embed google map wordpress plugin
• advanced google maps plugin for wordpress
• wordpress google maps