### [Creating Popup Forms With OptinMonster](https://wpforms.com/docs/how-to-create-a-popup-form-with-wpforms/)

**Published:** November 27, 2023
**Author:** Umair Majeed

**Excerpt:** Learn how to create a popup form with WPForms and OptinMonster.

**Content:**

Would you like to add a WordPress form to a popup on your site? Displaying a form in a popup can be a great way to generate more leads and drive more sales for your business.

This tutorial will show you how to create a popup form with WPForms and OptinMonster.

- [Installing OptinMonster](#install-optinmonster)
- [Creating a Form](#create-form)
- [Creating a Popup in OptinMonster](#create-popup)
- [Embedding the WPForms Block](#embedding-wpforms)
- [Publishing Your Popup Form](#publish)
- [Frequently Asked Questions](#faq)

---

Before getting started, ensure WPForms is [installed and activated](https://wpforms.com/docs/install-wpforms-plugin/) on your WordPress site.

## Installing OptinMonster

To begin, [install OptinMonster](https://optinmonster.com/docs/how-to-install-the-optinmonster-wordpress-plugin/), a powerful WordPress plugin for creating popups and other marketing solutions.

Go to **Plugins » Add New**, then search for the OptinMonster plugin in the search bar.

![Search for the OptinMonster plugin](https://wpforms.com/wp-content/uploads/2022/08/search-optinmonster-plugin.png)Next, click the **Install Now** button to install the plugin.

![Click install now OptinMonster](https://wpforms.com/wp-content/uploads/2022/08/click-install-now-optinmonster.png)Once you’ve installed the OptinMonster plugin, click **Activate** to enable the plugin.

![Activate OptinMonster](https://wpforms.com/wp-content/uploads/2022/09/optin-monster-activate.png)**Note**: For extra help, be sure to check out WPBeginner’s guide to [installing WordPress plugins](https://www.wpbeginner.com/beginners-guide/step-by-step-guide-to-install-a-wordpress-plugin-for-beginners/).

### Connecting Your Site to OptinMonster

When you activate the OptinMonster plugin, you’ll be prompted to connect your site to OptinMonster via the setup wizard. If you have an OptinMonster account, click **Connect Your Existing Account** to continue.

![The OptinMonster setup wizard](https://wpforms.com/wp-content/uploads/2022/09/optin-monster-setup-wizard.png)**Note:** If you don’t have an existing account, click **New? Claim Your Free Account** to set up a new account. For more information about OptinMonster and its available features, check out the [OptinMonster pricing page](https://optinmonster.com/pricing/).

In the new dialog that appears, click **Connect To WordPress**.

![Connect OptinMonster to WordPress](https://wpforms.com/wp-content/uploads/2022/09/optin-monster-connect-wordpress.png)OptinMonster will automatically connect to your site as soon as you log in.

![OptinMonster connected](https://wpforms.com/wp-content/uploads/2022/09/optinmonster-connected.png)## Creating a Form

Now that you’ve got OptinMonster installed, it’s time to set up your popup form. To get started, go ahead and [create a new form](https://wpforms.com/docs/creating-first-form/).

For this example, we’ll create our form with the [simple contact form template](https://wpforms.com/templates/simple-contact-form-template/). To do this, go to **WPForms » Add New**. Then, select the simple contact form template by clicking the **Use Template** button.

![Simple contact form template](https://wpforms.com/wp-content/uploads/2021/09/Simple-contact-form-template.png)This will take you to the form builder, where you can add additional fields by dragging and dropping them into the form preview area.

![Drag and drop fields](https://wpforms.com/wp-content/uploads/2022/01/drag-and-drop-fields.gif)To remove a field from your form, hover over it and click the red trash icon.

![Delete field in form builder](https://wpforms.com/wp-content/uploads/2022/01/delete-field-in-form-builder.png)Once you’re done editing your form, be sure to click the **Save** button to save any changes.

![Save form changes](https://wpforms.com/wp-content/uploads/2022/01/save-form-changes.png)After you’ve saved your form, further customizations are available in the **Settings** tab.

![Form settings tab](https://wpforms.com/wp-content/uploads/2022/04/form-builder-settings.png)If you’d like to receive an email when your form is submitted, check out our [guide to setting up form notifications](https://wpforms.com/docs/setup-form-notification-wpforms/). You can also [set up confirmation settings for your form](https://wpforms.com/docs/setup-form-confirmation-wpforms/) if you’d like.

**Note:** Some WPForms fields are incompatible with OptinMonster popups. We recommend previewing and testing your form in your popup before releasing it live on your site.

## Creating a Popup in OptinMonster

Now that your form is ready, you’re ready to start creating a popup. To get started, go to **OptinMonster » Campaigns** and click **Add New**.

![Add a new campaign in OptinMonster](https://wpforms.com/wp-content/uploads/2022/08/new-campaign-optinmonster.png)This will bring you to the Templates screen. By default, OptinMonster will select **Popup** as the Campaign Type.

![The Campaign Type selected as Popup](https://wpforms.com/wp-content/uploads/2022/08/optinmonster-campaign-type-popup-selected.png)Choose a popup template from any of the available categories, or enter the search term that most closely matches your intended style.

![Select a popup template in OptinMonster](https://wpforms.com/wp-content/uploads/2022/08/select-popup-template-optinmonster.png)Select the template you want to use, then click the **Use Template** button.

![Click the Use Template button](https://wpforms.com/wp-content/uploads/2022/08/use-popup-template-optinmonster.png)Then, choose a name for your campaign in the Create Campaign dialog, and click the **Start Building** button to move on to customizing your popup.

![Add popup campaign name and start building](https://wpforms.com/wp-content/uploads/2022/08/choose-campaign-name-start-buiding-optinmonster.png)Next, your popup will open in the OptinMonster app, where you can customize your campaign as you like.

![Editing a campaign in the OptinMonster app](https://wpforms.com/wp-content/uploads/2022/08/editing-campaign-in-optinmonster-app.png)**Note:** For more information on working with campaigns in OptinMonster, check out their documentation on [designing campaigns](https://optinmonster.com/docs/creating-your-first-optin/#Design_Your_Campaign).

## Embedding the WPForms Block

To add a form to your OptinMonster popup, find the **WPForms** block in the sidebar on the left. You can also search for **WPForms** in the search box.

![The WPForms block in OptinMonster](https://wpforms.com/wp-content/uploads/2022/08/wpforms-block-optinmonster-1.png)Now, click and drag the WPForms block to the area of your popup where you’d like it to appear. Then, select the form you previously created in the Form Selection dropdown list.

![Selecting a form](https://wpforms.com/wp-content/uploads/2022/09/select-form-wpforms-block-optinmonster-1.png)**Note:** If you don’t see your forms in the dropdown list, be sure to check that you’ve [connected your site to OptinMonster.](#connect-to-optinmonster)

When you’re done setting up your popup, click the **Save** button to apply your changes.

![Click the OptinMonster save button](https://wpforms.com/wp-content/uploads/2022/09/click-optin-monster-save-button.png)## Publishing Your Popup Form

Now that your popup is all set up, it’s time to publish it. To do this, you’ll first need to click the **Publish** tab.

![Click on the Publish tab](https://wpforms.com/wp-content/uploads/2022/08/click-the-optinmonster-publish-tab.png)Then, click on the **Publish** button under Publish Status.

![Click Publish in Publish Status](https://wpforms.com/wp-content/uploads/2022/08/publish-status-publish-optinmonster.png)Now your popup will be live on your site.

### Previewing Your Popup Form

If your popup hasn’t been published, [follow the steps to publish](#publish) your form, then click the **Preview** button.

![Click preview to view the popup](https://wpforms.com/wp-content/uploads/2022/08/preview-published-popup-optinmonster.png)**Note:** Previews are only available after your popup has been published at least once.

This will load your site in a new tab and show your popup with the embedded form.

![Previewing the form](https://wpforms.com/wp-content/uploads/2022/08/optinmonster-popup-in-live-preview.png)If you’re not ready for this popup to be live, be sure to reset its Publish Status to **Draft** once you’ve finished previewing.

**Note:** If you attempt to preview your OptinMonster campaign in draft mode, you’ll see the WPForms shortcode instead of the entire form. This is normal and expected behavior. You’ll need to [publish your campaign](#publish) to see the whole form.

## Frequently Asked Questions

Below, we’ve answered some of the top questions about creating a popup form in WPForms.

### I’ve changed which form is used in my popup, and now I only get a shortcode. What do I do?

If you’ve changed which form your popup displays, you’ll notice that the preview method above no longer appears to work. Instead, when you preview your popup, you’ll only get the shortcode for your form.

![The popup only displaying the shortcode for the form](https://wpforms.com/wp-content/uploads/2022/08/shortcode-in-popup-optinmonster.png)To fix this, you’ll need to temporarily change your Campaign’s Publish Status. For example, if your Publish Status is set to **Draft**, change it to **Publish**.

![Click Publish in OptinMonster](https://wpforms.com/wp-content/uploads/2022/09/click-publish-optinmonster.png)Your form will be refreshed and loaded correctly within your OptinMonster popup. If you’re not ready for your popup to be live, be sure to check that your Publish Status is set to **Draft** when you’re done previewing.

### Can I connect my popup form with Google Sheets?

Yes. WPForms integrates seamlessly with Google Sheets. This integration is made possible with the Google Sheets addon.

**Note:** You’ll need to install and activate the [Google Sheets addon](https://wpforms.com/docs/google-sheets-addon/) to connect your forms to a spreadsheet.

After installing the addon and connecting it to your Google account, you’ll be able to map your form fields to columns in your spreadsheet.

To learn more about connecting your forms to Google Sheets, see our [Google Sheets addon](https://wpforms.com/docs/google-sheets-addon/) tutorial.

That’s it! Now you know how to create a popup form with WPForms.

Next, would you like to test out your forms before you publish them? Our [complete form testing checklist](https://wpforms.com/docs/how-to-properly-test-your-wordpress-forms-before-launching-checklist/) will walk you through the process step by step.

**Categories:** Extending, Extending Functionality

---