How To Add A Map To WordPress

Do you need to provide website visitors and customers with a map to your store or business location? Learn how to add a map to WordPress in this tutorial.

How To Add Maps To WordPressDo you need to provide your website visitors, customers, or clients with directions to your store, office, or business location?

In this step-by-step tutorial, you will learn how to easily create and add maps and driving directions for your site visitors without touching code.

Add Maps To Your WordPress Site

Being able to add maps on your site and share driving directions to your store, office, or business location with your site visitors provides potential customers and clients with a very useful service.

Google Maps offers powerful, user-friendly mapping technology and local business information — including business locations, contact information, and driving directions.

Add A Map To Your WordPress Site

The easiest way to integrate Google mapping technologies with WordPress without touching code is to use a WordPress plugin. There are many plugins available for WordPress that let you add maps to your site.

For this tutorial, we are going to use a free WordPress plugin called MapPress Easy Google Maps to add maps and driving directions for your site visitors.

MapPress Easy Google Maps

MapPress Easy Google Maps mapping plugin for WordPress

(MapPress Easy Google Maps)

Plugin URL

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

Plugin Description

This plugin allows you to create great-looking Google Maps and driving directions and easily add them to your WordPress site.

Some of the many features made available through this plugin include:

  • Map Previews.
  • Specify where to show maps automatically, or disable the automatic display option.
  • Add maps to posts and/or pages and custom types.
  • Add maps into your content using shortcodes.
  • Display directions (inline, Google, or none).
  • Allow visitors to change map types (street, satellite, hybrid).
  • Display street view.
  • Enable zooming with the mouse scroll wheel.
  • Enable keyboard panning and zooming.
  • Specify marker settings.
  • Show traffic buttons.
  • Show tooltips.
  • Add overview maps
  • And much more.

MapPress is available as a free download from WordPress. The Pro version of the plugin provides many additional features, including custom icons, mashup maps, marker lists, map generation from custom fields, and more.

Plugin Installation

From your WP admin area, select Plugins > Add New

Add Maps To WordPress

Go to Install Plugins > Search, type in “mappress” into the search field and click on the Search Plugins button …

How To Add A Map To Your WordPress Site

Click Install Now to install the plugin …

Add Maps To Your WordPress Site

Activate the plugin in the Plugins section …

Add Maps To Your WordPress Site

Activating the MapPress plugin adds a new item to your WP admin menu …

Add Maps To Your WordPress Site

Plugin Configuration

Click on the MapPress menu to configure the plugin settings …

How To Add A Map To Your WordPress Site

This brings you to the MapPress Settings screen …

Add Maps To Your WordPress Site

The MapPress settings area is divided into several sections:

  • Basic Settings
  • Map Controls
  • Map Settings
  • POI (Point Of Interest) Settings
  • Localization
  • Miscellaneous

Each of the sections in the plugin settings area provides a range of configurable options, giving you complete control over the way your maps display on your site.

Important

Note: The MapPress plugin provides users with excellent documentation on how to use this plugin, so in this tutorial we’ll go over an overview only of the plugin’s features …

How To Add A Map To WordPress

Let’s go over each of the plugin settings sections …

Basic Settings

How To Add Maps To Your WordPress Site

The Basic Settings section provides the following options:

  • Post types – Select the post types where you plan to use the MapPress Map Editor. MapPress also supports custom post types, so depending on which applications you have installed on your site, additional post type options may also be displayed in this section. ***
  • Automatic map display – Automatically display maps in each post without adding a shortcode (if a shortcode is present in a post this setting is ignored). You can specify a default position for displaying map(s) on your site (top of post, bottom of post), or turn off automatic display.
  • Directions – Specify where to display directions: ‘Inline’ displays directions inside your content. ‘Google’ opens directions in a new Google Maps window. ‘None’ suppresses the direction links.

When you enable a post type, MapPress displays a configurable map section in the post type’s content edit area, allowing you to create maps for individual items (e.g. posts or pages) and customize the map’s settings for that particular item.

How To Add Maps To WordPress

Map Controls

How To Add Maps To Your WordPress Site

The Map Control section provides a range of map control options for users, including the ability to move around the map dragging your mouse, panning and zooming options, map types (road map, satellite, terrain, hybrid) and the ability to enable or disable control features.

Map Settings

Add Maps To WordPress

The Map Settings section allows you set the default options for features such as map links, map alignment, map border formatting, and whether to automatically open the first POI (Point Of Interest) when displaying a map.

POI (Point Of Interest) Settings

How To Add A Map To WordPress

The POI Settings section controls parameters for displaying points of interest on your maps.

Localization

Add Maps To WordPress

The Localization settings lets you configure map language and country settings (links to reference sites are provided) and modify the directions server.

Miscellaneous

Add Maps To WordPress

The Miscellaneous section allow you to specify settings like default map sizes, enable or disable adaptive display, turn off CSS (Cascading StyleSheets), and specify whether to load maps after all other content has loaded on the page.

MapPress Pro version includes additional features, such as the ability to set a different icon for each marker, add custom icons, use mashups (the ability to combine multiple maps into a larger single map), use geocoding, add widgets, set templates for your marker list, automatically create maps from custom field data, set custom map sizes and more.

Remember to click Save Changes when done to update your settings …

How To Add A Map To Your WordPress Site

Plugin Usage

The MapPress plugin is very easy to use.

Adding A Map

To add maps to posts, pages and other custom types do the following:

Create or edit a new post or page, then scroll down below the content editor area to the MapPress section and click on New Map

How To Add Maps To WordPress

A new blank map will display below your content area …

Add Maps To Your WordPress Site

Practical Tip

If you are in the exact location where you want your map to point to, click on My location and allow your browser to share your location. this will pre-populate the map with your location co-ordinates…

How To Add Maps To Your WordPress Site

Otherwise, simply enter the destination address into the Add POI field , and click the Search icon button to set the address …

How To Add A Map To WordPress

Add your information and configure your map settings …

How To Add A Map To Your WordPress Site

After entering your map details click on Save

Add A Map To WordPress

Your map will be saved with a unique ID number and your Map Title

How To Add Maps To WordPress

You can create multiple maps in the same post or page. Each map will have its own unique ID …

How To Add A Map To WordPress

To add a map into your content, place your cursor where you want your map to display and click on the Insert into post link below your map title …

Add Maps To Your WordPress Site

A shortcode will be placed in your content where your text cursor is located. The basic shortcode format for the MapPress plugin is shown below …

Add Maps To WordPress

Note: The plugin documentation has a number of examples of different ways to customize your maps using shortcodes (see end of tutorial for links to plugin documentation).

You can also manually add the shortcode to your content (must be on a separate line) …

How To Add Maps To Your WordPress Site

Publish your post or page. Your map will display immediately …

Add Maps To WordPress

Editing Your Map

To edit an existing map, go to the post or page containing the map you want to modify, then scroll down to the MapPress section and hover your mouse over the Map Title.

Click on Edit

Add Maps To WordPress

Make the changes you want to your map. For example, you can change your Map Title, specify a new Map Size, add new/multiple POIs to your map, edit your POI descriptions, and more.

You can also edit, zoom or delete each individual POI in your map …

How To Add A Map To Your WordPress Site

Click Save when finished to update your map settings …

How To Add A Map To Your WordPress Site

Your map will be updated with the new changes after your post or page have been republished.

Deleting A Map

To delete a map, go to the post or page containing the map you want to delete, then scroll down to the MapPress section and hover your mouse over the Map Title.

Click Delete

Add A Map To WordPress

Your map will be deleted.

Important Info

As previously mentioned, the plugin developer provides excellent documentation on how to use the MapPress plugin, as well as plugin support …

How To Add A Map To Your WordPress Site

View the MapPress user guide here:

View the plugin FAQs here:

Additional WordPress Map Plugins

WP Google Maps

WD Google Maps

(WD Google Maps)

WD Google Maps is a WordPress maps builder plugin that lets you add unlimited maps to your site, create multiple markers, add store locators, and instantly preview changes you make to your maps before publishing.

The plugin creates fully responsive maps and supports all Google map controls and all map types …

WD Google Maps provides advanced map building features

(WD Google Maps provides advanced map building features)

You can download a free version of the plugin with limited options, or the premium version with advanced features like customizable map settings, custom marker icon builder, ability to draw shapes in rectangles, circles, polygons and polyline, customizable map skins & themes, get directions, and more.

To learn more about the plugin, watch the video below or visit the website here: WD Google Maps

(WD Google Maps)

 

You can also search for more WordPress Map plugins inside your WordPress dashboard (Plugins > Add New), or the WordPress Plugin Repository …

WordPress Plugin Search - Maps

(WordPress Plugin Search – Maps)

Search the WordPress Free Plugin Directory for map plugins below:

Congratulations! Now you know how to add maps to WordPress.

How To Add Maps To Your WordPress Site

(Source: Pixabay)

***

"This is AMAZING! I had learnt about how to use WordPress previously, but this covers absolutely everything and more!! Incredible value! Thank you!" - Monique, Warrior Forum

***

Recommended Video Courses For WordPress Users

Google ToolsGoogle Tools

This video course will help you learn the basics of using Google Tools like Google Analytics and Gmail.

More info: Google Tools

Recommended Video Courses For WordPress Users

Keyword Research ToolsKeyword Research Tools

This video course shows you how to do keyword research using tools like the Google Keyword Planner.

More info: Keyword Research Tools

Recommended Video Courses For WordPress Users

How To Add A WordPress Site To FacebookHow To Add A WordPress Site To Facebook

Learn how to add your WordPress site to Facebook. Learn how to obtain and set up a free SSL (Secure Sockets Layer) certificate for your WordPress site, how to change your site protocol from "http" to "https" (secure site) and how to set up a Facebook app and import your entire WordPress site into Facebook.

More info: How To Add A WordPress Site To Facebook

Recommended Video Courses For WordPress Users

Build An e-Commerce Store With WordPressBuild An e-Commerce Store With WordPress

Learn how to set up an e-commerce store on your WordPress site using e-commerce platforms like WooCommerce and Easy Digital Downloads.

More info: Build An e-Commerce Store With WordPress

Recommended Video Courses For WordPress Users

Sell Online With PayPalSell Online With PayPal

This video course shows you how to set up PayPal on your website to receive payments online, with additional tips on using PayPal payment tools.

More info: Sell Online With PayPal

Recommended Video Courses For WordPress Users

WordPress Traffic & User EngagementWordPress Traffic & User Engagement

Learn how to drive more targeted traffic to your website and discover ways to improve user engagement with your business online.

More info: WordPress Traffic & User Engagement

Recommended Video Courses For WordPress Users

Using S2 MemberUsing S2 Member

Learn how to set up and configure a WordPress membership site using the S2 Member free WordPress membership plugin.

More info: Using S2 Member

Recommended Video Courses For WordPress Users

How To Create Engaging PresentationsHow To Create Engaging Presentations

Learn how to create beautiful and engaging presentations that will help you sell more products and services online.

More info: How To Create Engaging Presentations

Recommended Video Courses For WordPress Users

QR Code MarketingQR Code Marketing

Learn about the benefits of using QR codes in your mobile marketing and useful QR code marketing tactics you can implement to better promote your business.

More info: QR Code Marketing

Recommended Video Courses For WordPress Users

WordPress SEOWordPress SEO

In this WordPress SEO training series you will learn how to optimize your WordPress site and how to craft website pages and blog posts that will help you get better search engine rankings and improve your traffic results.

More info: WordPress SEO

Author: Martin Aranovitch

Martin Aranovitch is the founder of WPCompendium.org and the author of The Small Business Digital Manager. WPCompendium.org provides hundreds of FREE tutorials that show you how to use WordPress to grow your business online with no coding skills required! Get our FREE "101+ WordPress Tips, Tricks & Hacks For Non-Techies" e-course with loads of useful WordPress tips!

Originally published as How To Add A Map To WordPress.