WordPress Popup forms have higher click-through rates than other forms of advertising. They have been shown to boost subscription rates as high as 86%. They can return results on a scale of 1000%+ conversion rate for opt-in forms and improve email subscription rates without driving away viewers.
When used properly, Popups can be an effective form of advertising that will encourage the reader to engage.
In this article, we will walk you through how to create your own WordPress Popup form that you can use to improve your click-through rates and boost your subscriptions all in one swoop.
Let’s get started!
How to create a WordPress Popup form with Popup Maker
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: Add Popup Marker to your WordPress website
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.
After installation, 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 ones, change your 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 Two: Add your WordPress form to Popup Maker
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 to a previously made contact form.
First, put in some placeholder text and link this popup to a previously made contact form. 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:
Click Add Form to see a list of all your Ninja Forms:
Now that we have your popup form created let’s set up when/how it will be presented to your guests.
Step Three: Configure the Popup settings
The last three actions are to set your targeting ( conditions ), triggers, and cookies. Use the options to determine how and when your popup opens.
To make sure the same popup doesn’t arise everywhere, I’m going to set the target to only show on the Home Page:
…and the trigger to automatically open when the page loads:
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 🙂
Once you have looked over all of your work and you are happy with it, hit “Publish” in the right-hand column. You should now have a very basic popup form that opens on your homepage with a simple registration form on page load. Congratulations!
Pow! Creating Popup forms in WordPress is easy with Popup Maker
Now that you know how easy it is to add popups to your site with Ninja Forms and Popup Maker! It’s your turn. There is so much more you can do with Popup Maker, and this article is only the tip of the iceberg. So venture over to WordPress.org to get the Popup Maker plugin and turn your ordinary form into one that’s popping.
For more ideas on how to use popups on your WordPress website, take a look at our blog post, Using a WordPress Popup Plugin to Grow Your Email List: WP Popup Maker, to learn how to create flexible and professional-looking popup forms to engage and excite your visitors!
Find out if popups are really worth it in, Opt-In Pop-Ups: Are They Any Good?
Aimee Paterson says:
Hello!! Thanks for this. I use Ninja Forms Pro and just installed Popup Maker. Could you by chance help provide instructions on how to do this exact same thing, but have the form pop-up when a button on a specific page is clicked? I have worked through some other tutorials and have not had luck setting it up correctly.
Thanks!!
Quay Morgan says:
Aimee,
Hey! That’s something you’d have to work within Popup Maker to achieve; I believe what you’re looking for is a Trigger, and those can be set to clickable parts of a page. I know you can do it, I’m just not sure specifically what the mechanics look like.
Here’s Popup Maker’s documentation to help you out: https://docs.wppopupmaker.com/
And more specifically, this is probably what you’re looking for: https://docs.wppopupmaker.com/article/144-trigger-click-open
Cheers,
Quay
Jana says:
Hello!
I really enjoyed your discussion, but seem to have run into an issue.
Ninja form is not showing up in all the pop-ups on the webpage I shared.
(The same ninja form get’s pulled in every time).
Please go to the exhibition stand availability blocks to see what I mean. Only the EB08 block seems to work correctly. If you compared it to EB07 for example, you will see that the form doesn’t show up.
Is there a restriction on how many times the same ninja form (in this case ninja_form id=25) can be used on a specific page with different popups?
Thank you very much for your time!
Jana
Quay Morgan says:
Jana,
Having the same form on a page multiple times can be problematic, popups aside. You may try duplicating the form and using a unique copy for each popup. If that doesn’t help, please let us know in our support channela nd we’ll work through it with you!
https://ninjaforms.com/contact/
Cheers,
Quay
Eric says:
The “Add Form” button doesn’t appear on my site next to the “Add Media” button.
Ideas?
Curtis Brownlee says:
Hi Eric,
If you would, can you contact our support team at https://ninjaforms.com/contact/ so that they can take a look and help point you in the right direction?
Best Regards,
Curtis
John Roberts says:
@Ninja, Best contact plugin ever. It’s too far good from contact form 7.
Thanks, ninja team
Declan Lawton says:
Hi James McCluskey,
Thanks for the amazing guide. I am going to try it straight away.
Alice says:
Hello,
How can i reset the ninja form after closing the popup?
I have the form in a popup and when it is submitted correctly it shows a message in the popup, but I would like to reset the form when i close the popup to be able to send the form again.
Shaylee Hansen says:
Hello Alice,
Take a peek at Popup Maker’s documentation. In My Popup Only Opens Once it gives you information on how to reset the cookie.