How to Add Google Maps in WordPress

239

You can add all kind of content into your WordPress site. At WPBeginner we have shown you how to add audio files, videos, PDF and Spreadsheets in WordPress. Adding content from external sources allows you to create rich content that are useful and highly interactive. In this article, we will show you how to add Google Maps in WordPress.

Subscribe to WPBeginner

Manually Adding a Google Map in WordPress

Go to Google Maps website, and simply type in the address of the location you want to show or search for a location. Once you have found the location, click on the link button in the right hand panel. This will show you the embed code. Copy the iframe code or you can also click on the “Customize and preview the embedded map” to further customize the appearance of the map on your site.

Manually embed a Google Map in WordPress

Go to your WordPress website and paste the code in a post, page, or a template. That’s all, save your post/page and see Google map live in action on your site.

Adding Google Maps in WordPress Using a Plugin

The first method is good, if you only want to embed a Google map to just one location on your WordPress site. But if maps play an important role on your site’s main content and you need to frequently add maps in your posts, then we would recommend using a plugin.

First thing you need to do is install and activate MapPress Easy Google Maps plugin. Edit a post/page where you want to add the map. Scroll down to MapPress section on your post edit screen and click on New Map button.

Adding Google Maps into WordPress Posts using a Plugin

This will open MapPress editor where you can enter an address or click on My Location link to allow plugin to automatically detect your location. Provide a title to your map and choose the map size. Once you are satisfied with the map, click on the save button and then click on Insert into Post button to add the map into your post. Update or publish your post and see the preview.

With MapPress you can add multiple maps to a post or page. Even though it works out of the box but it also adds a plugin settings menu in your WordPress admin sidebar. Clicking on it you can change plugin settings, such as map type, border, alignment, controls, etc.

MapPress settings page

Adding Google Maps in a Widget and a Lightbox

Another easier way to add Google maps to your WordPress site is by installing Google Maps Widget plugin. After activating the plugin, go to Appearance » Widgets and drag and drop Google Maps Widget to your sidebar.

Google Maps Widget Settings

Enter the address you want to show on the map in Widget settings. You can also choose the map size, pin color, zoom level, etc. Click on the lightbox tab to configure the lightbox settings. Lastly click on the Save button to save your widget settings. Go to your site to see the widget in action.

Google Maps Widget with Lightbox popup

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