A Complete, Working Example of Using MapifyPro

Posted OnDec 8, 2014     CategoryPlugins     Comments1 comment

In this section of the guide to the MapifyPro plugin, we will create a new Map, add Map Locations and display the Map for the Company, Square Donuts.

Step 1) Login to the WordPress Dashboard.

Step 2) Install and Activate the MapifyPro plugin. Click here for instructions.

Prior to continuing, please make sure that you have installed and activated the MapifyPro plugin and that it is available in the left-hand sidebar of the Dashboard.

Adding a New Map

Step 3) From the left-hand sidebar of the Dashboard navigate to MapifyPro -> Maps.

Step 4) Click the Add New button.

Step 5) Click here to view how our fields were completed for this Map and complete the fields as shown in the pdf.

Step 6) Once the fields have been completed, click the Publish button to publish the Square Donuts map.

The Main Location field was left blank at this time.
Once we have added in Map Locations, we will come back to this field and set the Main Location.

km-mapify-examole-01a

Add Map Locations

Step 7) From the left-hand sidebar of the Dashboard navigate to MapifyPro -> Map Locations.

Step 8) Click the Add New button.

km-mapify-examole-02a

For this example, we will add Map Locations for the following Square Donut locations:

Main Location
1241 NW 5th St, Richmond, IN 47374
Bloomington Location
531 N Walnut St, Bloomington, IN 47404
Terre Haute Location
925 Wabash Ave, Terre Haute, IN 47807

Step 9) Complete the fields for each new Map Location as shown below:

Step 10) Click the Publish button for each new Map Location added.

Title: Main Location Bloomington Location Terre Haute Location
Map: Map for Square Donuts Map for Square Donuts Map for Square Donuts
Tooltip: 1241 NW 5th St.
Richmond, IN 47374
531 N Walnut St.
Bloomington, IN 47404
925 Wabash Ave.
Terre Haute, IN 47807
Gallery Image: Right mouse click here to to download, save and upload the Square Donuts logo for the Gallery Image.
Share Services: Twitter
Facebook
Google+
Twitter
Facebook
Google+
Twitter
Facebook
Google+
Map Location: 1241 NW 5th St.
Richmond, IN 47374
531 N Walnut St.
Bloomington, IN 47404
925 Wabash Ave.
Terre Haute, IN 47807
Map Filter Tags: 47374 47404 47807

Step 11) From the left-hand sidebar navigate to MapifyPro -> Map Locations to see the the new Map Locations.

km-mapify-examole-03a

Assign Map Filter Tags to Map

Step 12) From the left-hand sidebar of the Dashboard navigate to MapifyPro -> Maps.

Step 13) Mouse over the Map for Square Donuts hyperlink to display a sub-menu.

Step 14) Click the Edit hyperlink.

Step 15) Click the Choose from the most used Location Tags hyperlink to view all the Filter Tags.

Step 16) Click each Filter Tag you want to add to the Map.

For this example, the Filter Tags, 47374, 47404, 47807 were added.

km-mapify-examole-04a

Step 17) Scroll down the page to the Main Location dropdown list and select the Main Location option.

Step 18) Click the Update button.

Get the Square Donut Map Shortcode

Step 19) From the left-hand sidebar of the Dashboard navigate to MapifyPro -> Maps.

Step 20) Highlight and copy the Square Donuts Map shortcode to the clipboard (CTRL+C).

km-mapify-examole-05a

Display the Map

Step 21) From the left-hand sidebar navigate to Pages -> Add New.

Step 22) Enter a Page Title.

Step 23) Paste the Shortcode in the body area (CTRL+V). For this example, we chanaged the width to 600.

Step 24) Click the Publish button.

km-mapify-examole-06a

Step 25) Click the Preview Changes button to view the Map.

km-mapify-examole-07a

This concludes our guide of the MapifyPro plugin.

 

Tags:

1 comment

Comments

Leave a Reply

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

Send this to friend