Tutorials, News & Customer Case Studies

It’s Nearly Here: MapifyPro 3.0

by Josh Sears on August 14th, 2017 under Press, Updates

Way back we released a huge update in the form of Mapifypro 2.0. It introduced a slew of new features, all hand-picked and tested by community members like you. We were pretty proud of it, and in the year since we’ve continued to add a lot of additional features and tweaks.

But seriously, it’s nothing like what we’ve been doing for the imminent Mapifypro 3.0. Not to pat ourselves on the back too much, but this is a pretty Big Deal. So, let’s unpack this a bit and look into what you can expect with this huge update to our flagship software:

The Vision: Over the past 6 months we have been rebuilding MapifyPro from scratch. This is literally a from-the-ground overhaul with all new code, and. most importantly, a proprietary mapping engine (more on that later). Covering this beautifully rewritten code is the icing on the cake: A fully updated design that brings us fully into the realm of cutting edge design. Being the creator of MapifyPro, I am very set on delivering a product that I’m proud of, and being a designer by trade, that meant a fresh coat of paint alongside the equally fresh interactivity.

Above: Josh (me) and the team working on MapifyPro 3.0

New Features: Now that MapifyPro is 4 years old (!) I’ve gotten a lot of great feedback on how to make it truly the best map plugin available for WordPress. This means listening to my customers and implementing the most requested features. With Mapifypro 3.0, our development team has done exactly that: from minor streamlining, to fully-fledged—dare we say game changing—features. Here is a list of the most exciting stuff you’re gonna find:

1. An all new engine: This is big. The bulk of our time and efforts have been spent forgoing the powers at Google Maps and building upon an all new mapping engine. MapifyPro is now completely free of the powers of Google. While this may worry some that are stuck on using Google Maps, rest assured that our maps are EQUALLY as powerful and in some cases go beyond the features capable with Google Maps. Most won’t be able to tell the difference. In truth, Google has gotten a bit out of control. It started last year when they required an API key for every instance of their Google Maps API. This goes for every single Google Maps plugin, and is essentially a tracking software used solely to convert users to their paid programs. This goes against our core philosophy and pursuit of total control over your maps. Well, we’ve finally arrived: No more Google logos, no more terms of use forced upon you, no more location limitations (there are a lot), no more location limits for PrettyRoutes, no more tracking, and NO MORE BROWSER KEYS!

2. An all new design: Yep, this deserves to be repeated. The new Mapifypro just looks awesome. We’ve fully overhauled the mapping interface, popups, and every other aspect of the front end design.

3. Fully Revised Admin: As features have been added, the admin of previous versions had admittedly become cumbersome. With MapifyPro 3.0, we’ve fully revamped the admin to make organizing your maps as simple and intuitive as possible. It’s cleaner, re-organized, and has all of the features, old and new, laid out to promote ease of use.

4. Use My Location: You can now highlight your location on the front-end map. Useful for too many things to list here, and easily our most-requested feature. Simply tap the “Use my location” icon, and your visitors can see their exact location directly on the map.

5. Power over text: You can now change any label in the map to whatever you need without messing with code. All buttons, dropdown labels, and other text featured throughout your maps can be whatever you need with a simple tweak.

6. New Tooltips: This is a fun one: You can now add a default thumbnail to your tooltips, and align the image to be on top or to the left of the tooltip text. It adds a great visual element to every location.

7. New Pop-ups: As mentioned, we’ve redesigned everything. This includes a much more sleek design of the pop-ups, and a design that lends itself much better to mobile and tablet devices through optimized touch controls. And dang it they just look good.

8. Fully updated add-ons: With this big of an update, it also meant updating our add-ons. We’ll create separate articles for each, but let’s just say that they’re all equally impressive, with their own new features, designs, and updates.

Are you ready to upgrade?

If you’re an existing customer, you may be wondering if you’re safe to upgrade to the new version. This amounts to a pretty definitive “YEP!”. Though we use different tech in 3.0, we have taken crucial steps to ensure that it is a seamless transition. The only items that you’ll need to pay mind to are the new features. They are set to “off” by default, so if you want to enjoy them in your current maps, you’ll only need to adjust those specific items.

We thought this section would be longer, but honestly that’s it. It’ll be an easy transition. Woo hoo!

So…When will it launch?

Mapifypro 3.0 is in the final testing phase and is set to launch in early September!

My team and I want to pass our thanks along to the customers who helped us in creating this amazing and enormous update. It’s through your constant feedback that MapifyPro now has nearly 10,000 active users!  We couldn’t do it without you.

So, keep an eye on this space and get ready for the big change. It’s going to be incredible.

Safe Travels,

Josh Sears, Owner and Creator of MapifyPro

Filed under: Press, Updates

How to Create a Google Browser Key

by Josh Sears on July 01st, 2017 under Tutorials

Since June of 2016 Google requires an active Browser Key for all instances of their API. Since MapifyPro is built upon this API, we have implemented the ability to enter this key in the MapifyPro Settings tab. It’s super easy, free, and takes about 2 minutes. Check out the video tutorial below to see exactly how it’s done.

Update July 2017: Many users have calimed that adding the following formats to your permitted URLs helps in some cases where the default url does not:

yourname.com/*   …in addition to:    *.yourname.com/*

Video Tutorial:

Filed under: Tutorials

MapifyLite Tutorials

by Josh Sears on October 13th, 2016 under Tutorials

Hey there. We’ve put together a detailed tutorial below for MapifyLite. Don’t have a copy yet? Grab it: It’s free and pretty darn cool!

What You’ll see after Installing MapifyLite

After successfully installing MapifyLite, you’ll notice a new tab has been added to your wp-admin dashboard. Amazingly, it is called “MapifyLite” and includes 3 sub-tabs. In this tutorial we’ll walk you through each below, but here’s how it’ll look:


Step 1: Create a Google Browser Key:

As of July of 2016, Google now requires a Google API key for any use of their API. Generating a key is absolutely free, and takes about 2 minutes. We have setup a FAQ for the process, so check it out here.

After generating your key, you can enter it in the 3rd tab, MapifyLite settings. You’ll know you did it right when you see the map in your map/location settings. If you see the “Oops something went wrong” where the map should appear, you may have incorrectly setup your Google key.

Map Settings:

The first tab is where you’ll create your map. There are quite a few options here, but they’re very straight forward. This is where you’ll want to start after generating your Google Browser Key however, so let’s dig in. Below you’ll find a detailed graphic explaining each feature. You’ll want to go through systematically and set them to your needs:


Using Custom Image Mode Vs. Google Maps mode:

-By default the map settings will be set to display a Google Map, but you can use ANY image you like as long as it is a jpg, png, or svg format. MapifyLite will then render this image so that it behaves just like a Google Map, complete with zoom, pan, and other fun stuff. When using Google Maps, it will display just like in the image above. However, using an image requires you to do the following:

  1. Set the “Mode” to “Image Mode” at the top of the Map Settings.
  2. Upload your image in the “Map Image” option.
  3. Click “Update, Publish, or Save Draft”. This is a crucial step as it then sends your image to our servers for rendering, and then sends it back to you. You will see a progress status for this process, and it typically takes about 2 minutes (depending on your bandwidth of course).
  4. After rendering, you will see the image in the map preview area.

Tips for Image mode: We highly recommend using the largest (in width/height, not file size) image you can find. This will result in a better map that can be zoomed in on the details. However, to do this you’ll want to optimize your image to find a balance of clarity and file size. The beauty of this technology is that it will take a very large file (file size) and render it to quickly display. However the larger the file size, the longer it will take to render, so keep that in mind. We recommend keeping the file under 2mb though it can handle much larger files (but will take longer to render).

Map Locations:

After setting up your map, you can start adding locations! You can add as many locations you need in this tab, and they are setup like pages/posts, so the process will be very familiar to WordPress users.

Locations will be organized as shown:


Location Details:

Each location is setup independently so that they can be as unique as needed. If you’d like to bulk upload every location in a single action, you may be interested in the Bulk Upload feature available with MapifyPro. Below you’ll see the full rundown of every feature available when adding a location to your map:


Publishing Your Map:

Now that you’ve added all locations and setup your map, you can now easily paste it into a page or post on your site. To do so, you’ll want to copy and paste your shortcode. This shortcode is generated automatically and placed at the top of your Map Settings page. It’ll look like this:


Or you can copy and paste this one:

[custom-mapping height="500"]

Note that there is a height parameter in there. This can be changed to any height you need to adjust the height of the map. Further, you can add a width parameter as well. Here is the full code with both:

[custom-mapping height="500" width="500"]

Keep in mind: This shortcode WILL NOT overwrite your theme’s CSS settings. So, if you publish the map on a page that restricts the width to 450px, the map will not force a larger map area based on the shortcode. You’ll have to change the Theme CSS as well if this is the case.

You’re good to go!

That covers the full overview of MapifyLite! If you need more features, feel free to grab yourself an upgrade with MapifyPro as it is by far the most powerful mapping plugin available for WordPress, and features TONS of additional features. Even better, you can seamlessly upgrade without losing a single setting from MapifyLite.

Filed under: Tutorials

Scroll to Top

Join the Other 9925 Happy MapifyPro Users

Get MapifyPro

© 2017 MapifyPro  •  Made with ♥ in Cincinnati, Ohio