How to Create Interstitial Ads in WordPress

How to Create Interstitial Ads in WordPress

A website can have many different types of advertisements for revenue generation. We have banner ads, sidebar placements, and footers. However, what if an advertiser asked you to display what is known as a “Interstitial Ad”? These are pop-ups that appear before a page load, usually for a specific duration – though the user can manually close them if they wish. You must have seen these types of advertisements before, but they don’t necessarily have to be ads. The website Forbes.com for example, uses these pop-ups to display “quotes of the day” or other interesting information as well as occasional advertisements. Whatever your reason – whether it’s advertisements or a registration form, or a recent announcement, creating and deploying interstitial ads with WordPress is a cinch with the right plug-in.

The one we’re going to use is called Uji Popup. The interface is almost exactly similar to an earlier plug-in called “Interstitial Ads” which no longer works. This new add-on gives a WordPress user complete control over the kind of advertisements they want showing up before the main content. While the free version works just fine, there are several advanced features only available as a premium purchase.

Creating a Basic Interstitial Ad

After installing the plug-in, look down the left-hand side of the WordPress administration dashboard and locate the “Uji Popup” menu option. Click on “All Popups” and go to “Add New Popup” to arrive at the ad creation page. As shown in the screenshot below, simply type in the name of your new interstitial ad and make sure to enable the checkbox labeled Enable/Disable this popup.

create popup

In the content area below, enter the text or HTML for your advertisement. You can place your regular add code in the “Text” tab if you wish. As long as it is regular HTML that you can place on any other post or page, you should be fine. One thing to keep in mind is that we will most likely be enabling the countdown timer for this pop-up which takes up the first line in the content. So make sure that the first visible content starts at least a few lines down from the top as shown here:

leave space on top

Once the content is created, it’s time to decide on which pages you want to show these advertisements. Do you want each and every page load to have an interstitial ad? Or just the homepage? Or perhaps it’s just a few select posts. Either way when you scroll down, the “Where to show” section allows you to make this choice.

enable on all pages

Unfortunately, the option to show the pop-up depending on a preset cookie is only available in the premium version. This means that if you select the “Show pop-up on entire site” option, a visitor will see the pop-up on each and every page load even if they’re navigating to the next comment section. This can get irritating pretty quickly, and so for this reason I suggest you only enable it on specific posts or pages as and when necessary, or buy the premium version for enhanced functionality.

On the right-hand side of the post, enable the options for displaying the countdown as shown here:

configure wait for each ad

Make sure you enable the option to display the “Close” button, or you will almost certainly anger the vast majority of your users!

The various countdown options are available in the “Popup Options” settings page.

timer configuration

You can also configure the text messages that show up informing the user of the amount of time remaining before the pop-up closes on its own.

wait until close

In this example set up, our interstitial content will look like this:

create popup

enable on all pages

wait until close

popup with wait

leave space on top

timer configuration

configure wait for each ad

If you’re going to make this a regular feature on your site, you should purchase the premium version for $16. This will enable you to show pop-ups on a “per user” basis as well as enable or disable them for tablets and other mobile devices.

Leave a Reply

This Website is Hosted by

Powered by RamNode

Disclosure: We receive a compensation from some of the companies whose products or services are presented on our website.