how to create a WordPress popup form

How to Easily Create a WordPress Popup Form (2 Ways)

Do you want to create a popup form for your WordPress site?

Using popup forms is an excellent strategy for grabbing the attention of your visitors and collecting more leads.

If you have the right tools, you can easily create custom popup forms in WordPress without

In this article, we’ll show you how to easily create a WordPress popup form for your website without having to write any code.

Create Your WordPress Popup Form Now

Why Use a WordPress Popup Form?

It’s a smart idea for small business owners to put contact forms not just on your Contact Us page, but in a WordPress popup as well. That’s because you can give your readers a quick way to reach you without navigating away from the page that they’re on.

WPForms is the best WordPress Form Builder plugin. Get it for free!

Plus, you can also use a WordPress popup contact form for:

  • Feedback — Gather feedback by asking for comments or even creating a survey.
  • Subscription — Build your email newsletter list by making it easy to subscribe with the click of a link.
  • Appointments — Enable users to schedule a call or appointment.

So now that you know why you want to use a WordPress popup form, let’s jump into exactly how to make one!

How to Create a WordPress Popup Form

There are a few ways you can create a popup form for your WordPress site. We’ll show you two different but easy ways.

In the first method, we’ll use a SaaS platform (OptinMonster), which integrates perfectly with WordPress to create popup forms.

The second method involves plugins that are purely native to WordPress, so you can perform all the steps without having to leave your main WordPress dashboard.

It’s entirely up to you which method you want to use. We’ve tested both methods, and they work flawlessly for popup form creation.

Method#1: Creating a Popup Form With OptinMonster + WPForms

In this method, we’ll use OptinMonster to create a popup form campaign and then use WPForms to customize the fields within the popup form.

Let’s jump into it.

Install OptinMonster

OptinMonster is a SaaS service offering conversion optimization tools. Although a SaaS service, OptinMonster integrates smoothly with WordPress sites via its plugin.

In fact, you can download the OptinMonster plugin for free and build up to 3 campaigns with a total limit of 300 campaign impressions per month without signing up for the paid license.

This is perfect for setting up your first WordPress popup window.


If you don’t know how to install a WordPress plugin, here are the instructions for adding OptinMonster to your WordPress site.

Later on, you’d probably like to remove the limitations of the free version. Thankfully, you can upgrade to OptinMonster paid license starting at just $9/month.

optinmonster pricing

When you’ve set up OptinMonster for your WordPress site, it’s time to move on to the next step.

Install WPForms

It’s possible to create a simple popup form with OptinMonster alone. However, we recommend using WPForms with OptinMonster because this combination opens up a whole new range of customization options for your popup forms.

To get started, purchase a WPForms license that works for you. We recommend WPForms Pro if you’d like to create survey forms and unlock a host of advanced functionalities.

The WPForms pricing page

After purchasing a license, go ahead and install WPForms on your site.

Create a Form Using WPForms

Once WPForms is activated, you can immediately start creating forms from your WordPress dashboard.

To start, go to WPForms » Add New.

Add new form in WPForms

You should now see the form setup screen where you can name your form and choose a template for it.

For this example, we’ll use the Simple Contact Form template. Press the Use Template button under it to continue.

Simple contact form template

WPForms will quickly load your selected template and take you to the form builder screen. The Simple Contact Form template includes the Name, Email, and Paragraph Text fields.

simple contact form loaded

It’s a good idea to keep your popup form as short and simple as possible to maximize conversions. But you can edit this template and change fields if you’d like.

When you’re happy with how your form looks, go ahead and press Save.

save your popup form

Great job! Your form is now ready. But in order to display it as a popup on your site, we’re going to need some help from OptinMonster as we show in the steps below.

Create a Popup Form Campaign Using OptinMonster

After saving your form, go back to your WordPress dashboard. Then, click on OptinMonster » Campaigns from your WordPress sidebar menu.

optinmonster campaigns

Here, click on the Create Your First Campaign button.

optinmonster first campaign

OptinMonster offers lots of different campaign types. Select Popup as your campaign type.

popup campaign type

After that, scroll down and choose a template from the available options. Simply hover your cursor over a template and press the Use Template button.

Basic template

OptinMonster will prompt you to give a name to your campaign. Enter a name and press the Start Building button to proceed.

start building

Now, you’ll find yourself on the OptinMonster campaign builder screen, with your selected template loaded.

basic popup template

As you can see, this template is great for capturing name and email information from your customers. If this is what you’d like, you can publish this popup campaign as is without adding the WPForms block.

But if you’d like to include more advanced fields such as a rating field to quickly gather user feedback or simply a text box that can accept comments from users, then WPForms can help you with that.

In the previous step, we used WPForms to create a simple contact form that includes a text box field in addition to the name and email fields. Now, we can simply recall that form to the OptinMonster popup form campaign.

Let’s first edit the popup header to include useful directions for visitors seeing the popup form. Just click on the header text, and type in any message you want.

edit popup header text

Since we want to include a form we created separately with WPForms here, we’re going to delete the pre-existing optin fields from this popup campaign. You can delete any element from your campaign by hovering your cursor over it and clicking on the Trash icon.

delete optin field

Now, we can drag and drop the WPForms block right under the campaign header.

wpforms block for OM

Click on the WPForms block after you’ve added it to the campaign. This will open settings where you can select any form created with WPForms to embed in your campaign.

Click the Form Selection dropdown on the left-hand pane of the campaign builder, which will open a list of all the forms you’ve previously created with WPForms. Select a form that you’d like to embed in the popup campaign.

select the form

Awesome! We’re almost done creating a WordPress popup form using the first method.

Preview and Publish Your WordPress Popup Form

Because OptinMonster uses shortcodes to embed forms made with WPForms, you can’t immediately see a live preview of your form within the popup form campaign.

But you can preview it right before you publish it. To do that, click on the Publish button on the navigation bar at the top.

publish om popup form

On this screen, there’s a preview button. Clicking the Preview button will take you to your site’s frontend where the form will pop up on your screen, just like it would for your visitors.

preview campaign

Now OptinMonster will trigger your WordPress popup form on page load. Here’s how it looks in our example:

OM popup preview

The preview gives you an opportunity to double-check everything before you’re ready to publish the campaign.

Once you’re happy with how the popup form looks, go ahead and press the Publish button under Publish Status.

Publish popup form

Great! Your campaign is now live. The popup form will now appear for all users visiting your site.

If you want, you can also change the display rules for your WordPress popup form.

Go back to OptinMonster » Campaigns. Find the campaign you just created and hover your cursor over it. Then, click on the Output Settings option.

OM output settings

Here, you can change the visibility of the campaign and set it to be visible only to visitors, logged-in users, or both.

You can also exclude this campaign from selected pages or include it to display only on a few specific pages. It’s entirely up to you to decide which pages your popup form should display on.

advanced visibility settings om

After changing display rules to your liking, make sure to press the green Save Changes button on the right.

And that’s all you need to do to create a WordPress popup form campaign using OptinMonster and WPForms!

Let’s move on to the next method for achieving the same result.

Method#2: Creating a Popup Form With Popup Maker + WPForms

In the previous method, we used a SaaS service integrated with WordPress to create a popup form campaign. It’s an easy method that should work for all kinds of users.

However, if you’d prefer a solution where you can build a popup form completely from your WordPress dashboard, then the next method is for you.

For this method, we’ll be using two plugins that are completey native to WordPress: Popup Maker and WPForms.

Here’s a video guide walking you through this method on how to add a popup form in WordPress:

For step-by-step written instructions, you can continue reading below:

Install the Needed Popup Form Plugins

To get started, you’ll need to install and activate 2 plugins.

First, you’ll need Popup Maker. Wondering is popup maker free? Yes, you can use the free version for this tutorial and with WPForms.

Click on the blue download button and check out how to install a plugin in WordPress.

popup maker

Next, you’ll also need the WPForms plugin. Here’s an easy guide on how to install the WPForms plugin.

Create a Simple Contact Form

Next, you’ll want to create the form that you want to put into your WordPress popup form. If you’ve already created a contact form, you can skip this step.

To create your form, go to WPForms » Add New and select a template. For this example, we’ll use a simple contact form. It’s a good idea to keep things simple with WordPress popup forms, so you can maximize your form conversion rates.

select a contact form template

Once the form loads, it will have everything you need to get started including:

  • First Name
  • Last Name
  • Email
  • Comment

You can drag and drop any additional fields you want from the left side to the preview window. You can also remove a field by clicking on it and selecting the red trash icon that appears on the right.

how to delete a form field

Once you’re done with creating your form, you need to click on the save button to store your changes. Your contact form is now ready to go!

And now that we have a form ready, let’s move on to the next step and create a popup in WordPress.

Create a Popup Using Popup Maker

Great, your plugins are installed and activated. Next, we’ll go into the Popup Maker plugin to create your popup. This free WordPress plugin lets you make popups from scratch, easily.

Head to your WordPress dashboard and go to Popup Maker » Add Popup, and you’ll see the popup editing screen appear.

add a new popup in popup maker

On this screen, you’ll want to enter a name for your popup. Plus, you can also enter an optional display title as we did in this example. Your visitors will be able to see this optional display title.

name your popup form

And now it’s time to insert your form into your popup. Click on the Add Form button to select your form.

add form

An Insert Form screen will appear. Here, you can pick the form you want to insert into this popup by selecting it from the dropdown menu.

select form

Once the form is selected, click on the blue Add Form button to add it to your popup.

add contact form to wordpress popup

You’ll see a unique shortcode appear which tells that popup which form to use.

wpforms shortcode for form in wordpress popup form

Great job. Let’s customize a few of the popup settings by scrolling down and starting with Triggers.

Triggers tell your popup when to open. Click on the blue Add New Trigger button.

add new trigger to wordpress popup form

On the trigger option window that appears, open the dropdown and select Time Delay/Auto Open. This will trigger the popup to open after your website visitors have been on the page for a set amount of time.

You can set the time for anything you’d like, but we suggest starting with 5 seconds (5,000 milliseconds). When you’re ready, click the Add button to continue.

save popup time delay settings

By default, this popup will show on every page of your WordPress website and to everyone on all devices. You can adjust these settings to target specific people, devices, places (like a post or page), and more under Targeting. In fact, for more advanced settings, check out the Popup Maker documentation.

Next, let’s spruce up the look of your popup by clicking on Display under the popup settings.

change wordpress popup form display settings

From the Popup Theme dropdown, select a theme for your popup.

You can choose whichever Popup Theme you like. For this example, we’re picking the popular Light Box style.

wordpress popup form theme dropdown

Now, adjust any other settings you’d like and when you’re ready, let’s go ahead and publish your form.

Publish the Popup Form Using Popup Maker

Scroll up on the page to the top and click on the Publish button to make your WordPress popup form live.

publish wordpress popup form

And there you have it! You can now preview your WordPress popup form to make sure it looks exactly like you want it to, and adjust the settings accordingly.

popup maker example when finished in lightbox

To make more contact form popups, you can repeat this process and customize the settings and display rules to appear on different posts or pages, etc. Or you can get creative and make a popup WordPress survey.

Head back to the edit page to keep an eye on the Analytics if you want to know how many people have viewed your WordPress popup form.

how to view how many people have viewed your wordpress popup form

Also, if you’ve set up Google Analytics on your website, you can track Popup Maker through custom event tracking.

And don’t forget, you can set up your WordPress popup form to connect directly with your email marketing service to make it even easier to organize and automatically reach out to your new contacts.

Alright, you’re all set. We hope this article helped you to learn how to create a WordPress contact form popup in WordPress.

Next, Make User Submitted Forms

Want to let guest users submit posts on your site from the frontend? WPForms is the best plugin for that! See our guide on allowing user submitted posts on WordPress for details.

There’s a lot more that you can do with WPForms. For instance, you can create a cool WordPress date picker form as shown in the guide.

Create Your WordPress Popup Form Now

Ready to build your form? Get started today with the easiest WordPress form builder plugin. WPForms Pro includes lots of free templates and offers a 14-day money-back guarantee.

If this article helped you out, please follow us on Facebook and Twitter for more free WordPress tutorials and guides.

Using WordPress and want to get WPForms for free?

Enter the URL to your WordPress website to install.


  1. Thanks for this post! It showed me exactly what I was looking for 🙂

    Best regards
    Marcus at Illeris
    [link removed]

      1. Hi.. can we change the color of the submit button? And, after press submit, how do we reply with a popup Thank You message? Thanks

      2. Hey Des – We’d be happy to help! When you get a chance, please drop us a line in support so we can assist. If you have a WPForms license, you have access to our email support, so please submit a support ticket. Otherwise, we provide limited complimentary support in the WPForms Lite support forum.

        Thanks 🙂

  2. Hello, I have a question. I can’t figure out how to make the popup appear when someone is pressing a button. For example i I put a “More info” button and I want a contact form to popup. How do I do that ?


  3. Is the popup form impacted by Chrome’s Default Popup Blockers? we’ve noticed recently ALL of the browsers have adopted this standard.

    1. Hi Peter – Great question! I checked with our developers for insight on this, and it sounds like Chrome’s blocker is mainly intended for popups that open in new tabs/windows. Fortunately, our team hasn’t seen this impact the types of popups that plugins like Popup Maker create.

      That being said, it’s always a good idea to test things out! In case it helps, we have a form testing checklist here that should help guide on what to look for (in addition to just making sure your popup appears as intended).

      I hope this helps 🙂

      1. Hello there, can you tell me if I can make a ‘subscribe to download’ popup with popup maker?

      2. Hi Marina! It sounds like you’re looking to create a Lead Magnet Opt-in form within a popup. You can find details on how to create a Lead Magnet form in this article. Then you’ll just need to embed that form into the popup as described in this Popup Form article 🙂

        I hope this helps to clarify 🙂 If you have any further questions about this, please contact us if you have an active subscription. If you do not, don’t hesitate to drop us some questions in our support forums.

  4. Hello. I wanted to add the popup I just created with this article when a person wants to leave a specific page of my website but don´t see the option. Can you help me?

    1. Hi Kevin!
      I would recommend contacting the Popup Maker plugin support team and check with them if they have this functionality with their plugin.
      I hope this helps.
      Have a good one 🙂

  5. Popup Maker is blacklisted by many DNS-based advertising filters. It will not work on any LAN with even the most cursory advertising protection. For example, AdGuard lists it as a known bad-actor in the main DNS blacklist. I cannot even open the homepage from my home or office.

    1. Hi Zane!
      We are not aware of the third-party plugins functionality and any restrictions that other services/companies put on them. This question is better to forward to the Popup Maker support team.
      I believe the services like AdGuard actually blocks out any popups rather than some certain popup plugins.
      I apologize for any confusion!
      Have a good one 🙂

  6. Hello,
    Thank you for this guide, it was super helpful. However, now that I have my subscriber popup form set up…I’m unsure of where to find my list of email addresses. The subscriber field under the Popup Maker plugin is empty. Also, now that I have my list of email addresses, where do I go to send them customized newsletters all at once?
    Thank you!

    1. Hi Madison!
      When somebody submits the form on your site you should have the data saved under WPForms > Entries (if you are using our paid WPForms plugin). Also, you use our MailChimp addon (or other Email Marketing addons) with our Plus license level or higher.
      This way you can pass the contacts from your form to MailChimp and create your email campaign with all the customized and automated emails there.
      I hope this helps.
      Have a good one 🙂

  7. Hi, the popup I’ve created looks good but it comes up on every page – even the page the popup form leads you to!

    How do I set the popup to just come up once for each user?

    1. Hey Richard – You can change the targeting settings for pop up to show it on your required pages. They also have some other options like, setting up cookies and some other relevant triggers in their paid version. Here is the documentation you can refer to. You can also contact their support for more features like this.

      I hope this helps!

  8. Hi there! I am making a pop-up and all is going well except for one thing – the sizing. I tried every way possible with adjusting the padding, but there is just too much blank space from each side of the text. It takes up too much space. And when I choose a smaller size, it is squeezed super ugly but the padding still takes up too much space. I’d like the text to use up the whole space of the box, from top to bottom and each side. Can you please assist?

    1. He Juhi – I am sorry for any confusion. WPForms is a WordPress plugin and you don’t beed any HTML/CSS for this, just adding the form shortcode on your site is fine. Here is a great article to get you started.

      I hope this helps!

    1. Hey Kristie – I apologize, but I’m not sure I understand your question. When you get a chance, could you please share more details, or possibly an example of what you’re looking to do? I would be able to assist better with some more info.

      Thanks 🙂

  9. I want to add a currency converter widget code on a popup in wordpress, I used popup maker, and a widget code, but popup is showing nothing, though when I used widget on sidebar then its showing there. Please help me to sort it out. Thanks

    1. Hey Joseph – Sorry for the trouble you are facing. It might be some conflict with that currency widget plugin and pop up maker plugin. I would suggest contacting their support for more info on this. I am not sure which currency plugin you are using, but here is pop up maker support option, you can create a ticket there.

      I hope this helps!

  10. Hi, how can we link our email id to the pop info box, so that whenever someone enters some info we can directly get it mailed on our email?

    1. Hey Vaishali- Great question!

      First, you’ll need a create a form that has an email field in it. Then you can embed the form on any Popup plugin that allows you to use a shortcode should work with the WPForms shortcode such as Popup Maker

      If you’d like a more general tutorial, I’d recommend this article by WPBeginner.

      I hope this helps! If you have any questions, please feel free to get in touch with our team.

      Thanks, and have a good one 🙂

  11. Hi,
    In one of my form I have added a checkbox with 1 choice : “I accept the TERMS and CONDITIONS”. I did put a link behind the “TERMS and CONDITIONS”.
    The text color of “I accept the ” is gray but due to the link “Terms & Conditions” is not light gray. My background is light gray as well so now I almost cannot see see “Terms & conditions” anymore.
    How can I force the color of the link text ?
    Thank you

    1. Hey Nico – Thanks for reaching out! That can be done with inline CSS and we’d be happy to help! When you get the chance, could please reach out to our Support team for further help.

      Have a good one 🙂

  12. I used to use WPforms and popup maker together on most of my client websites. However in the last few weeks this hasn’t been possible on new projects. For some reason now Popup Maker (and some other plugins) cause a critical error within the WordPress customizer window when WPforms is installed. It works fine when WPforms is deactivated. This means I can’t use the plugins together as I have to use the customizer window to enter custom CSS for the website. The problem seems to be with WPforms because as I said, everything works fine together when WPforms is deactivated and there are no plugin compatibility issues.

    1. Hey Adrian- I am sorry to hear that you ran into this odd issue.

      We’d be happy to help! When you get a chance, please drop us a line in support so we can assist.
      If you have a WPForms license, you have access to our email support, so please submit a support ticket. That way we can discuss more details and investigate this further.

      Thanks 🙂

  13. We are using WPForms to present contact forms to our users so they can reach out to specific people within the organization by clicking on their contact link. The url contains parameters that are passed to the form to pre-populate some of the fields.

    How would we accomplish the same thing while having the forms opened as a popup? I can’t find any examples of passing parameters to forms when they are opened as popups.

    1. Hey Dana- Thanks for reaching out:)

      Even if a form is embedded on a popup, all you need to do add the field id of the respective fields in the URL in the Redirecting URL. Here is a dev doc that will give you more clarity on auto-populating the data from one form to another.

      If you have more questions, could you please contact us in support with some extra details about what you’d like to be able to do?

      Thanks 🙂

  14. Nikhil, the dev doc link you provided describes the process of passing data from one form to another, but what about passing data into a single form from a hylperlink?Popup maker doesn’t seem to have the ability to accept parameters when it is called. For instance when I try to do something like this, it doesn’t work:
    Take the Survey
    Is there another way to get popup maker to accept parameters when being launched from clicking a link?

  15. I added a pop up form and set it to target on a specific page yet it’s not showing up. How can I resolve it?

    1. Hi Marisol! If the popup that you’ve created is not opening or displaying under the triggers that you have set, I would recommend that you reach out to the support team of the plugin/theme that you selected for creating the Popup. They would be better placed to resolve the issue with their software not triggering as intended.

      I apologize that I wasn’t able to give you a resolution here, but I hope that this helps. If you require further assistance in the matter, please reach out to us.

      If you have a WPForms license, you have access to our email support, so please submit a support ticket.
      Otherwise, we provide limited complimentary support in the WPForms Lite support forum.

  16. How can I add or link that popup (that at the same times wraps a contact form) to a button, so when someone clicks said button the popup appears?

    1. Hi Jorge! If you’re creating a popup form according to the instructions in this article, but want to change the trigger type (such as clicking on a button), please refer to Popup Maker documentation for details about that.

      If you have any further questions, please submit a support ticket if you have an active WPForms license.
      If you don’t have an active license, we provide limited complimentary support in the WPForms Lite support forum.


  17. Would this work as a popup login screen? Like if you require people to Log In to access your site? Like Could I embed the login form instead of contact form and have them log in to front end of the site? (no admin panel or anything)

    1. Hi Jenn, you can choose to embed whatever kind of form into a popup, including a login form to allow your users to log in to your site via popup.

      I hope this helps to clarify 🙂 If you have any further questions about this, please contact us if you have an active subscription. If you do not, don’t hesitate to drop us some questions in our support forums.

  18. Hii,
    I want to use this popup for onclick on button, then how can i get a link of this popup for my button.

    please reply as soon as possible.

  19. Popup Maker was a terrible plugin to install and use and seems to be blacklisted in many areas. Are there any alternatives you recommend?

    1. Hi Christopher, I apologize for the experience. While do recommend the Popup Maker plugin and we don’t have another recommendation at the moment, we are always happy to take close look at this issue further.

      In order to make sure we answer your question as thoroughly as possible, could you please contact our team with some additional details about what you’re looking to do?

      If you have a WPForms license, you have access to our email support, so please submit a support ticket


    1. Hey Tan -I am not sure if I understood your question fully. However, if you are looking to embed the form with the Block Editor, here is our guide on the same.

      Having said that, in order to make sure we answer your question as thoroughly as possible, could you please contact our team with some additional details about what you’re looking to do?

      If you have a WPForms license, you have access to our email support, so please submit a support ticket. Otherwise, we provide limited complimentary support in the WPForms Lite support forum.


Add a Comment

We're glad you have chosen to leave a comment. Please keep in mind that all comments are moderated according to our privacy policy, and all links are nofollow. Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.

This form is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.