WordPress Pop Up! Plugin

One of the most effective ways to advertise your mailing list, special offer or simply to show ads is via javascript ‘pop over’ on your site. And that’s exactly what this easy-to-use and guaranteed-to-work plugin does.

Video Overview

Here is just a taste of what it can do:

Display fancy pop up(s) (powered as a popover!) to visitors network wide, per site or on specific URLs
Hassle-free interface. Creating your new pop over is as simple as adding a new post to your WordPress blog.
Extensive options for customizing who sees your pop overs including logged out users, visitors who have never commented, search engine visitors.
Includes optional hide a pop over forever.
Ability to set the amount of time that passes between when the user hits your site and when the pop up displays
Compatible with any WordPress theme. Customize the style and layout of your pop over to fit with your existing site design.
Works perfectly with WordPress, Multisite and BuddyPress.
Use this plugin on any WordPress project you like.
Control your Pop Up display by viewer’s Geographic Location! (Choose between an external API or a local geo database for location information.)

Here’s a look at an example of the plugin in action. Style your popovers to be as graphically sophisticated as you like.

PopUp_V2

And of course it even contains a link allowing users to click it and never see the popover again… just to take care of the complainers! Not that we’ve ever had a single complaint!

Like I said, we use it and now so can you!

Once installed, it’s really simple, just activate it and go to Pop Over > Create New to get started.

Then paste in your ad code… whether its javascript or, like us, an image. And select it’s size, borders, background color, position and even font color.

Then, set the display rules, namely: Show the Pop Over if one of the following checked rules is true:

Visitor is not logged in.
Visitor has never commented here before.
Visitor came from a search engine.
Visitor did not come from an internal page.
Visitor referrer matches
And the visitor has seen the pop over less than X times
Visitor is in a specific country
Visitor is arriving from a specific link

And you’re good to go!

Plus all the support you expect from a WPMU DEV plugin.

As usual, we’re constantly refining this project and adding new features all the time.

So become a WPMU DEV member, check it out, and let us know what you’d like to see included in a future release of Pop Ups.

For help with installing plugins please see our Plugin installation guide

On regular WordPress installs – visit Plugins and Activate the plugin.
For WordPress Multisite installs – Activate it site-by-site (say if you wanted to make it a Pro Sites premium plugin), or visit Network Admin -> Plugins and Network Activate the plugin.

Getting Started

Once activated it adds a new Pop Over menu item to your dashboard. Click on Pop overs > Settings to select your preferred loading method.

popup-settings

Creating a Pop Over

1. Click on Pop overs > Create New to open up the Pop Over Editor.

popup-new

2. Creating a new pop over can be as simple as giving your pop up a title and entering your content for the popup window. Or you could use your favorite graphics software to create an awesome image ad, and use that in your popover.

popup-create

3. Now you just need to set conditions for when you want the popup to display by simply drag and dropping which conditions you want to set for this particular pop up.

You’ve got lots of conditions to choose from, but choose wisely.
Try not to use too many or you may set a condition that cancels itself, causing the pop up to not display when you want it to.

popup-conditions1

popup-conditions2

4. Next you can tweak your pop up to fit your preference for appearance using the large panel below your conditions .

Here you can adjust the size, background, color, even add a handy box for removing the Never see this message again link in the pop up!
You can also set the amount of time that passes between when the user hits your site and when the pop up displays using the ‘Popover Appearance Delays’ field.

popup-appearance

5. Click Add and Activate to finish creating your pop over. Presto! You’re ready to use your new Pop Up!

Here’s our pop up in action!

popup-display

Editing a Pop Over

Editing a pop over is as simple as:

1. Click on Pop over > Pop Over.

2. Hover your mouse over the title of the pop over you want to edit to bring up the action menus.

3. Now just click Edit to open your pop over in Edit mode and make the necessary changes.

Using Add-ons

This plugin contains some optional addons that you can enable:

Use Local Geo Database switches the geo checking from using an external API to using a local database.
Test Head Footer tests for the existence and functionality of wp_head and wp_footer in the active theme.

popup-addons

To enable the “Use Local Geo Database” addon (if you are having difficulty with the default method), you must first add the required table to your database.

1. Go to https://github.com/shrkey/countrylookupfromip and download the zip file by clicking the “Zip” button at the top of the page. Then unzip that file on your computer. Inside the folder, you will find a file called countrylookupip.sql.

popup-country-addon

2. Import countrylookupip.sql to your database. In phpmyadmin, be sure you are in the root of your database. Click the “Import” tab, then the “Browse” button and browse to the countrylookupip.sql file you just unzipped. Leave all other settings as they are, and click the “Go” button at the bottom.

popup-database-import

3. Once the new table has been added to your database, you can enable the Use Local Geo Database add-on.

IMPORTANT: Always make a backup of your database before performing operations like this, just to be safe.

Test Head Footer is an add-on used to check the existence and functionality of wp_head and wp_footer in the active theme. These two functions are key elements in many plugins, including this one, and need to be in place for proper operation.

You can use this add on as a troubleshooter if your Pop Up is not displaying, or as a check before you even get started to ensure everything is in the correct place.

Network Wide

If you want to network activate this plugin and use it so popups are global then pop open your wp-config.php and add the following:

define(‘PO_GLOBAL’, true);

If you don’t define this contant but still network activate the plugin, then the control of popovers will be on a per site basis.

Other Constants

The url that we are using to return the country – it should only return the country code for the passed IP address:

define(‘PO_REMOTE_IP_URL’, ‘http://api.hostip.info/country.php?ip=%ip%’);

If there is a problem with the API, then you can set a default country to use for popover showing. Set this to false if you’d rather have the popover not show in such circumstances

define(‘PO_DEFAULT_COUNTRY’, ‘US’);