How to Create a Quick and Easy WordPress Popup Form

Popups have been proven to work. Popups have higher click through rate than other forms of advertising and have been shown to boost subscription rates as high as 86%1, they can return results on a scale of 1000%+ conversion rate for opt-in forms2, and they can improve email subscription rates without driving away viewers3! When used properly, Popups can be an effective form of advertising that will encourage the reader to engage. If your interest is peaked, let’s take a few minutes to discuss how you can create a quick and easy WordPress popup form.

Creating an Easy WordPress Popup Form

There are lots of plugins that you can download to help you create popups for your website. Popup Maker, however, is by far one of the best because of its straightforward menus and many versatile uses. The development teams behind both Ninja Forms and Popup Maker work together to ensure that your WordPress forms and popups integrate seamlessly for an ideal experience not just for your website visitors, but for you!

Step One: Download Popup Maker

From your WordPress dashboard, go to Plugins > Add New, and search for Popup Maker. Once you’ve located the Popup Maker plugin, click install and activate the plugin.

popup maker location in wordpress dashboard

Step Two: Open Popup Maker from the Dashboard

Once you’ve installed Popup Maker you will find a new tab for it in your dashboard. From this tab you can select whether you want to view previously created popups, add new, change you themes, etc. For now, select “Add Popup”

This will open a page where you can name your popup, assign a title, set conditions for the popup, when it will trigger, set the theme, publish, etc. For the time being, let’s just stick with the basics of how to put a popup on your site.

 

Step Three: Add Text and Append Your Form

For this tutorial, I’ll be making a popup that will open on my home page. After you’ve had some time to familiarize yourself with Popup Maker you can create popups requesting registration, informing viewers of upcoming events, etc. For now, let’s put in some placeholder text and link this popup for a previously made contact form.

wordpress popup form generator; add new popup

 

Once you have your popup text the way you want it in the rich text editor, adding any Ninja Form is very simple. With both Popup Maker and Ninja Forms installed side by side, you’ll see an “Add Form” button just above the text editor options:

add form button within popup maker

 

Click Add Form to see a list of all your Ninja Forms:

shortcode selection box for adding a wordpress popup form with ninja forms

Now that we have your WordPress popup form created, let’s set up when/how it will be presented to your guests.

Step Four: Presenting your WordPress Popup Form

The last three actions are to set your conditions, triggers, and cookies. These options determine how and when a popup opens, and can be set at the far right of the dashboard and below the text box:

conditions, triggers, and cookie settings within popup maker

 

To make sure the same popup doesn’t arise everywhere, I’m going to set the condition to only show on the home page:

condition settings

…and the trigger to automatically open when the page loads:

trigger settings

Finally, set a cookie that will tell the popup not to open again after it’s already been presented once. Don’t be that website that spams popups, please 🙂

cookie settings

Step Five: Publish!

Once you have looked over all of your work and you are happy with it, hit “Publish” in the righthand column. You should now have a very basic popup form that opens on your homepage with a simple registration form on page load. Congratulations!

You’ve Hardly Begun to Explore…

I hope that his has been a simple tutorial that has helped you see how easy it can be to add popups to your site with Ninja Forms and Popup Maker! There are a ton more options to explore, but since this is meant as a basic tutorial, we won’t do a deep dive into them. You should definitely take a look, though. Ninja Forms + Popup Maker gives you incredible flexibility in designing a clean, professional, and stylish set of popup form tools to engage and excite your visitors!

Do you have any tips or advice not listed here? Please share them in the comments below and let us know what has worked for you!

  1. https://www.smartbugmedia.com/blog/do-pop-up-ads-actually-work-heres-the-data-you-need
  2. https://www.crazyegg.com/blog/opt-pop-ups/
  3. http://danzarrella.com/my-data-shows-email-popups-work-and-dont-hurt/