### [How to Create a WordPress Popup Form (2 Easy Methods)](https://wpforms.com/how-to-create-a-contact-form-popup-in-wordpress/)

**Published:** August 25, 2022
**Author:** Hamza Shahid

**Excerpt:** Are your visitors landing on your pages, scrolling around, and leaving without ever filling out your contact form or signing up for your list?

A WordPress popup form can be the fix for you. Rather than hoping visitors notice a form buried in your sidebar or at the bottom of a page, a popup puts it right in front of them at the right moment.

The top-performing popup forms convert close to 1 in 10 visitors, which is significantly better than most static forms. In this guide, I'll walk you through the steps on how to create a popup form via two different methods!

**Content:**

Are your visitors landing on your pages, scrolling around, and leaving without ever filling out your contact form or signing up for your list?

A WordPress popup form can be the fix for you. Rather than hoping visitors notice a form buried in your sidebar or at the bottom of a page, a popup puts it right in front of them at the right moment.

The top-performing popup forms convert close to 1 in 10 visitors, which is significantly better than most static forms. In this guide, I’ll walk you through the steps on how to create a popup form via two different methods!

- [How to Create a WordPress Popup Form](#how-to-create-a-wordpress-popup-form)
    - [Getting Started: Create Your Form in WPForms](#getting-started-create-your-form-in-wpforms)
    - [Method 1: Make a Popup Form With OptinMonster](#method-1-make-a-popup-form-with-optinmonster)
        - [1. Install OptinMonster](#1-install-optinmonster)
        - [2. Create a Popup Campaign](#2-create-a-popup-campaign)
        - [3. Preview and Publish Your Popup Form](#3-preview-and-publish-your-popup-form)
    - [Method 2: Create a Popup Form With Popup Maker](#method-2-create-a-popup-form-with-popup-maker)
        - [1. Install Popup Maker](#1-install-popup-maker)
        - [2. Create a Popup in Popup Maker](#2-create-a-popup-in-popup-maker)
        - [3. Publish and Test Your Popup](#3-publish-and-test-your-popup)

## How to Create a WordPress Popup Form

Before we jump into the tutorials, let’s quickly cover why popup forms are worth your time and what you’ll need to get started.

### Why Use a WordPress Popup Form?

When a visitor is about to leave your site or has been reading your content for a while, a well-timed popup gives them a reason to stop and engage. Here are some of the most common ways I’ve seen site owners use them:

- **Contact forms:** Let visitors reach out without navigating away from the page they’re on.
- **Email opt-in forms:** Grow your newsletter list by catching visitors before they leave.
- **Lead capture forms:** Collect information from potential customers browsing your [lead capture form](https://wpforms.com/lead-capture-form/) pages.
- **Feedback and surveys:** Ask a quick question while the visitor’s experience is still fresh.
- **Login and registration:** Give returning users quick access without a page redirect.
- **Event registration:** Promote webinars, workshops, or launches with a targeted [single optin or double optin](https://wpforms.com/single-optin-vs-double-optin/) signup.

What matters most is timing and relevance. A popup that fires the instant someone lands on your site feels aggressive. But one that appears after they’ve scrolled through half your article, or right as they’re about to close the tab? That feels helpful.

You can also combine popup forms with WPForms’ [Lead Forms addon](https://wpforms.com/features/lead-forms-addon/) to create high-conversion lead capture layouts, or use [Conversational Forms](https://wpforms.com/features/conversational-forms-addon/) inside your popup for a one-question-at-a-time experience that feels less intrusive.

### Getting Started: Create Your Form

Before creating a popup, you’ll want to create a form in WPForms. This tutorial will work with any version, including WPForms Lite.

Keep in mind that WPForms Lite sends entries via email, but it doesn’t store them in WordPress. I recommend [WPForms Pro](https://wpforms.com/pricing/) if you want to be able to export your form entries to other platforms later.

Check out this post to [see the difference between WPForms Lite and WPForms Pro](https://wpforms.com/wpforms-lite-vs-pro/). Once WPForms is installed and activated, go to **WPForms » Add New** to create a new form.

![Add new form in WPForms](https://wpforms.com/wp-content/uploads/2017/09/add-new-form.png)You’ll see the form setup screen with a library of 2,100+ templates. For a popup form, keep things short and compact. Fewer fields means less friction, especially on mobile screens.

I’ll use the Simple Contact Form template as a starting point, but you could just as easily choose a newsletter signup, feedback form, or any other template that matches your goal.

![Simple contact form template](https://wpforms.com/wp-content/uploads/2022/08/simple-contact-form-template-.png)WPForms loads your template and takes you to the drag-and-drop builder. The Simple Contact Form includes Name, Email, and Paragraph Text fields, which is all we need for now.

![simple contact form loaded](https://wpforms.com/wp-content/uploads/2022/08/simple-contact-form-loaded.png)If you’d rather [embed a form on your website](https://wpforms.com/how-to-embed-a-form-on-your-website/) directly instead of using a popup, WPForms supports that too. But for this guide, we’re going the popup route.

When you’re happy with how your form looks, go ahead and press **Save**. Now, we’re ready to move on to the popup. Let’s start with OptinMonster.

### Method 1: Make a Popup Form With OptinMonster

[OptinMonster](https://optinmonster.com/pricing/) is a popular WordPress popup plugin used on over 1 million sites. It specializes in popups, floating bars, slide-ins, and other lead generation campaigns.

OptinMonster comes with a drag-and-drop campaign builder where you design your popups and set targeting rules. The WordPress plugin then handles displaying those campaigns on your site.

When you install OptinMonster, you get a free account with 3 campaigns and 500 campaign impression credits. That’s enough to set up your first popup form and test it with real traffic.

Paid plans start at $7/month (billed annually) if you need more campaigns, advanced triggers like exit-intent, or features like A/B testing.

#### 1. Install OptinMonster

You can [download the OptinMonster plugin](https://wordpress.org/plugins/optinmonster/) from the WordPress plugin directory and install it on your site.

![optinmonster](https://wpforms.com/wp-content/uploads/2021/08/optinmonster-homepage.png)If you’re not sure how to install a WordPress plugin, follow these instructions for [adding OptinMonster to your WordPress site](https://optinmonster.com/docs/how-to-install-the-optinmonster-wordpress-plugin/).

#### 2. Create a Popup Campaign

Now let’s create your popup campaign. Click on **OptinMonster » Campaigns** from your WordPress sidebar menu.

![optinmonster campaigns](https://wpforms.com/wp-content/uploads/2022/08/optinmonster-campaigns.png)This takes you to the campaign creation page where you’ll be able to define the objectives and other aspects of your popup. Click the **Create Your First Campaign** button.

![optinmonster first campaign](https://wpforms.com/wp-content/uploads/2022/08/optinmonster-first-campaign.png)From the available options, select **Popup** as your campaign type. Scroll down and choose a template. Hover over a template and press **Use Template** to select it.

![popup campaign type](https://wpforms.com/wp-content/uploads/2022/08/popup-campaign-type.png)I like using the Basic campaign for popups since it’s simple to customize and works well as a starting point. It’s flexible enough to suit different form types and signup methods.

![Basic template](https://wpforms.com/wp-content/uploads/2022/08/basic-template.png)OptinMonster will prompt you to name your campaign. Enter a name and press **Start Building**. I just entered “WordPress popup form” for the purpose of this tutorial.

![start building](https://wpforms.com/wp-content/uploads/2022/08/start-building.png)Once you’ve added a name to your campign, you’ll land on the OptinMonster campaign builder with your template loaded.

![basic popup template](https://wpforms.com/wp-content/uploads/2022/08/basic-popup-template.png)The template comes with its own opt-in fields, but we’re going to swap those out for our WPForms form so we can use WPForms’ integrations and entry management.

First, edit the popup header text. Click on it and type a message that tells visitors what the form is for. Next, delete the pre-existing opt-in fields from the template. Hover over each field and click the **Trash** icon to remove it.

![delete optin field](https://wpforms.com/wp-content/uploads/2022/08/delete-optin-field.png)Now drag and drop the WPForms block into the campaign area, right below your header text. OptinMonster has a native WPForms integration, which makes this straightforward.

![wpforms block for OM](https://wpforms.com/wp-content/uploads/2022/08/wpforms-block-for-OM.png)Click on the WPForms block after adding it. In the left-hand settings pane, open the **Form Selection** dropdown and choose the form you created earlier.

![select the form](https://wpforms.com/wp-content/uploads/2022/08/select-the-form.png)Awesome! We’re almost done creating a WordPress popup form using the first method. Now, we just need to publish it!

#### 3. Preview and Publish Your 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.

However, 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](https://wpforms.com/wp-content/uploads/2022/08/publish-om-popup-form.png)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](https://wpforms.com/wp-content/uploads/2022/08/preview-campaign.png)Now, OptinMonster will trigger your WordPress popup form on page load. Here’s how it looks in our example:

![OM popup preview](https://wpforms.com/wp-content/uploads/2022/08/OM-popup-preview.png)The preview allows you 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](https://wpforms.com/wp-content/uploads/2022/08/popup-publish.png)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](https://wpforms.com/wp-content/uploads/2022/08/OM-output-settings.png)Here you can set visibility rules: show it only to logged-in users, only to visitors, or both. You can also include or exclude specific pages.

![advanced visibility settings om](https://wpforms.com/wp-content/uploads/2022/08/advanced-visilibty-settings-om.png)**Pro Tip**

OptinMonster supports several trigger types beyond the default page-load popup. You can set popups to fire on exit-intent (when a visitor moves to close the tab), after a time delay, after scrolling a certain percentage of the page, or on a specific link click.

Exit-intent triggers are available on the Pro plan ($29/month) and are one of the highest-converting popup types. You can configure these in the Display Rules section of the campaign builder.

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!

### Method 2: Create a Popup Form With Popup Maker

If you’d prefer using a different solution, [Popup Maker](https://wordpress.org/plugins/popup-maker/) is also a good alternative to OptinMonster. It’s a WordPress popup plugin used on over 700,000 sites, with a 4.9-star rating from 4,400+ reviews.

Popup Maker has a free version and a paid Pro version. The free version gives you everything you need for basic popup forms: a visual popup editor, time-delay and click-to-open triggers, page-level targeting, and cookie controls.

Popup Maker Pro ($99/year) adds exit-intent triggers, scroll-depth triggers, conversion analytics, advanced targeting, and scheduling. There are no traffic limits or monthly fees on any plan.

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.

#### 1. Install Popup Maker

For this tutorial, the free version of [Popup Maker](https://wordpress.org/plugins/popup-maker/) will work just fine. It’s not as powerful as the OptinMonster plugin, but works just as well with WPForms.

![popup maker wordpress](https://wpforms.com/wp-content/uploads/2022/08/popup-maker-wordpress-1024x501.png)Just like we did earlier, we’re going to use the form we created at the start with WPForms and embed it inside your popup.

#### 2. Create a Popup in Popup Maker

Go into the Popup Maker plugin to create your popup. This [free WordPress plugin](https://wpforms.com/best-free-wordpress-plugins-for-your-website/) lets you make popups from scratch, easily.

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

![popup maker add new](https://wpforms.com/wp-content/uploads/2022/08/popup-maker-add-new-1024x818.png)On this screen, you’ll want to enter a name for your popup. You can also enter an optional display title, as we did in this example.

![popup maker enter name](https://wpforms.com/wp-content/uploads/2022/08/popup-maker-enter-name-1024x623.png)Now it’s time to add your WPForms form. Click the **+** button in the block editor to add a new block, then search for **WPForms** and select it. Choose the form you created earlier from the dropdown.

If you don’t see the WPForms block, you can also add a **Shortcode** block and paste your WPForms shortcode (e.g., ``). You’ll find the form ID in **WPForms » All Forms**.

![popup maker wpforms block](https://wpforms.com/wp-content/uploads/2022/08/popup-maker-wpforms-block-1024x472.png)Now scroll down to the **Popup Settings** box below the editor. This is where you configure triggers, targeting, and display options.

Under the **Triggers** tab, click **Add New Trigger** and select **Time Delay / Auto Open**. This fires the popup after visitors have been on the page for a set amount of time.

![popup maker new trigger](https://wpforms.com/wp-content/uploads/2022/08/popup-maker-new-trigger-1024x831.png)I typically set this to 5 seconds (5,000 milliseconds), which gives visitors a moment to start reading before the popup appears. Click **Add** to save the trigger.

Each trigger also gets a **Cookie** setting that controls how often the popup re-appears. The default “On Popup Close” cookie prevents the popup from showing again for 1 month after a visitor closes it.

![popup maker trigger settings](https://wpforms.com/wp-content/uploads/2022/08/popup-maker-trigger-settings-1024x431.png)**Pro Tip**

The free version of Popup Maker also supports a **Click Open** trigger and a **Form Submission** trigger. Click Open lets you open the popup when a visitor clicks a specific button or link.

Form Submission opens a “thank you” popup after a form inside the popup is submitted. Both are available at no cost.

Under the **Targeting** tab, you can control which pages the popup appears on. The default targets your homepage only. You can add rules to show the popup on all pages, specific posts, categories, or custom post types.

Under the **Display** tab, select a popup theme to style the look of your popup. Popup Maker ships with several built-in themes, or you can create custom themes under **Popup Maker » Popup Themes**.

#### 3. Publish and Test Your Popup

Once you’re happy with your popup settings, scroll up on the page to the top and click on the **Publish** button to make your WordPress popup form live.

![Publishing your Contact page](https://wpforms.com/wp-content/uploads/2019/05/publish-simple-contact-form-1024x571.png)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](https://wpforms.com/wp-content/uploads/2020/02/popup-maker-example-when-finished-in-lightbox.png)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](https://wpforms.com/how-to-create-a-popup-feedback-form-in-wordpress/).

### Which Plugin Should You Choose?

Both plugins get the job done, but they’re built for different situations. Here’s a side-by-side comparison to help you decide:

FeatureOptinMonsterPopup Maker**Plugin type**WordPress plugin with cloud-based builder100% WordPress-native**Free version**3 campaigns, 500 impressionsUnlimited popups, no traffic caps**Paid plans**From $7/month (billed annually)Pro $99/year, Pro+ $249/year**Form integration**Native WPForms blockWPForms block, shortcode, plus 15+ form plugins**Free triggers**Time delay, scroll, clickTime delay, click, form submission**Exit-intent**Pro plan ($29/month)Pro plan ($99/year)**A/B testing**Plus plan ($19/month)Not available**Analytics**Built into all plansPro plan and up**Data storage**Cloud (OptinMonster servers)Your WordPress database**Active installs**1,000,000+700,000+For most WordPress site owners creating their first popup form, I’d start with Popup Maker’s free version. However, if you need exit-intent popups or A/B testing, OptinMonster is the stronger option on the advanced features side.

### Best Practices for WordPress Popup Forms

- **Write a clear headline**: Your popup has about 2 seconds to justify its interruption. “Get Our Weekly WordPress Tips” is better than “Subscribe to Our Newsletter.” Tell visitors exactly what they’ll get.
- **Time your triggers carefully**: Don’t fire a popup the instant someone lands on your page. A 5-10 second delay or a scroll trigger (after 50% of the page) lets visitors start engaging with your content first. Exit-intent triggers work well because they only fire when the visitor is already leaving.
- **Keep forms short on mobile**: Over half of web traffic comes from phones and tablets. Stick to 2-3 fields maximum for popup forms. Name and email is often enough. You can always collect more information later through follow-up emails or a full-length form on a dedicated [Form Page](https://wpforms.com/features/form-pages-addon/).
- **Use cookie rules to control frequency**: Nothing drives visitors away faster than seeing the same popup on every page, every visit. Both OptinMonster and Popup Maker let you set cookie rules so a popup only shows once per session, once per week, or once ever.
- **Include a visible close button**: Always give visitors an obvious way to dismiss the popup. A high-contrast X button or a “No thanks” link builds trust. Forcing interaction with a hidden close button hurts your brand more than it helps your conversions.

### FAQs About WordPress Popup Forms

Here are answers to the most common questions about creating popup forms in WordPress.

#### Can I create a WordPress popup form for free?

Yes. Both methods in this guide work with free tools. WPForms Lite is free, OptinMonster gives you a free account with 3 campaigns and 500 impressions, and Popup Maker’s free version includes unlimited popups with no traffic limits. You can create a fully functional popup form without spending anything.

#### How do I trigger a popup form on button click in WordPress?

With Popup Maker, use the Click Open trigger (available in the free version). Add a CSS class (like `popmake-123`, where 123 is your popup ID) to any button or link, and clicking it will open the popup. In OptinMonster, the equivalent feature is called MonsterLinks, where you create a special link that opens a specific campaign on click.

#### How do I create a popup form in Elementor?

Elementor Pro includes a built-in popup builder. You can create a popup template, add any form widget (including WPForms) to it, and set display conditions and triggers directly in the Elementor editor. If you’re using the free version of Elementor, you’ll need a separate popup plugin like Popup Maker paired with your form builder.

#### What’s the best WordPress popup plugin?

It depends on your needs and budget. For a full breakdown, check out our guide to the [best WordPress popup plugins](https://wpforms.com/best-wordpress-popup-plugins/). OptinMonster and Popup Maker are two of the most popular options and the ones I’d recommend starting with.

## Next, Boost Your Form Conversions

Now that you know how to create a WordPress popup form, you might also want to explore other ways to improve your form conversions. Check out our guide on [lead generation form examples](https://wpforms.com/lead-generation-forms-examples/) for inspiration on creating forms that actually convert.

[Build Your WordPress Form Now](https://wpforms.com/pricing/)

Ready to build your form? Get started today with the easiest WordPress form builder plugin. [WPForms Pro](https://wpforms.com/pricing) includes lots of free templates and offers a 14-day money-back guarantee.

If this article helped you out, please follow us on [Facebook](https://facebook.com/wpforms) and [X (formerly Twitter)](https://twitter.com/easywpforms) for more free WordPress tutorials and guides.

**Categories:** WordPress Tutorials

**Tags:** OptinMonster, popup, WPForms

---