Chat with us, powered by LiveChat

This website uses cookies

Our website, platform and/or any sub domains use cookies to understand how you use our services, and to improve both your experience and our marketing relevance.

How to Create an Exit-Intent Popup in WordPress (Step by Step)

September 20, 2018

6 Min Read
wordpress exit pop up
Reading Time: 6 minutes

Are you getting traffic to your website but no one is signing up for your email list? On average, over 70 percent of people who leave your website will never return. That’s a lot of people who could have become a subscriber, and eventually a customer, that you’ve lost forever. But what if there was a way to convert abandoning website visitors and boost your conversions? You can with Exit popups.

Exit-intent popups are less intrusive than other popups, instead of interrupting visitors as soon as they land on your page, they’re able to detect when a visitor is about to leave your website and send them a targeted campaign at exactly the right moment. Exit-intent popups are highly effective and engaging and can increase your conversion by 1700 percent by converting potentially bounced traffic.

If you want to increase your subscribers and generate more leads for your business, here’s how to create an exit popup in WordPress, step by step.

Step 1: Download OptinMonster

Before we begin, to be able to access the Exit-Intent technology, you’ll need a Plus Subscription with OptinMonster. After you’ve signed up with OptinMonster, you’ll then need to download the OptinMonster plugin for WordPress.

Upload the plugin to your site by going to Dashboard Plugins Add New Upload Install Now. Then click on the Activate Plugin button to activate the OptinMonster WordPress plugin.

Then click on OptinMonster in your menu and enter your API credentials to connect your OptinMonster account to your WordPress website.

Now let’s get started.

Step 2: Create Your Campaign

Log in to the OptinMonster dashboard and click the Create Campaign button.

Create Campaign

Next, you’ll be prompted to choose your campaign type, select the Popup option.

Popup option

Next, choose your preferred campaign template. For the sake of this tutorial, we’ll choose the Balance template. To select a campaign, hover over the template of your choice and a Use Template button will appear, click on it.

Use Template

Now you’ll be displayed an option to name your campaign and choose which website you want to display it on. You can choose more than one website and if you’re not sure, you’ll be able to add the website later in the campaign builder. After filling out those fields, click on the Start Building button.

Start Building

From here, you’ll be taken to the OptinMonster campaign builder, where you’ll see the default Balance theme. Now it’s time to start editing your campaign and making it your own.

Step 3: Edit Your Campaign

Start editing your campaign by replacing the default images with your own. Click on the image area to open up the Editing Image Element on the left side, then click the button Select to Replace Image. A screen will appear allowing you to browse the files on your computer or choose a photo from your existing image library.

Editing Image Element

Once you’ve decided on the image that’s best for your campaign, it’s time to edit the text. Click on the headline text to select it, then start typing in the text box on the left to replace the default headline with your own. Here you can also use the formatting tools to choose your font, make it bold, change the size and more.

Editing Image Element

Follow the same steps to edit the body text too.

Editing Image Element

You can also change the colors of your exit popup by clicking on the blocks you want to edit and pressing the Background Color button.

Background Color

If you choose to, you can also edit your fields with the Editing Fields Element. Click on the block that contains the email field and Sign Up button to edit the text or add new fields like name and phone number.

Editing Fields Element

Use the green Save button at the top of the screen to save your progress.

Save button

Step 4: Add An Email Provider

The next step is to add an email provider, this step is essential if you want to create a campaign to grow your email list. If you don’t have an email service provider, you can sign up for any of the numerous options OptinMonster is compatible with. After you’ve created an account with the email provider of your choice, click on the Integration button on the menu at the top of the screen, then press the Add New Integration button.

Add An Email Provider

Select the provider from the drop-down list of email providers, today we’ll choose Constant Contact.

Constant Contact

Click the blue Register with Constant Contact button.

Register with Constant Contact

Then a window will come up for you to log in to Constant Contact, next click the orange Allow button.

Allow button

Then enter an Account Label, for the purpose of the tutorial I called mine “Test” and click the green Connect to Constant Contact button.

Connect to Constant Contact

Lastly, select the email provider list from the drop-down menu. The default one Constant Contact provides is called General Interest.

General Interest

Now that that’s done, it’s time to set the display rules.

Step 5: Set the Display Rules

Select the Display Rules tab on the menu bar and choose “exit detected” from the drop-down list. Then choose “current URL path” and “is any page” in the next display rules in order to load your popup on exit for all of your web pages. You could also choose to show it to only new visitors or only on certain pages, for example. Once you’ve chosen your configurations, click the blue Next Step button.

Set the Display Rules

On this page choose “Optin” for the Show the Campaign View option. Here you can also choose effects for your WordPress exit pop up like sound effects.

Show the Campaign View

Remember to click the green Save button to save the changes you’ve made. Once you’ve completed setting up your display rules, it’s time to go live.

Step 6: Make Your Campaign Live on WordPress

Click the Publish button at the top of the screen, when the page opens toggle the Status button to make your campaign live. You can also choose the website you want to display the exit popup on underneath if you haven’t done so already.

Status button

Next, choose your platform, click on the WordPress option.

Next, go to your WordPress website and find the OptinMonster plugin you downloaded earlier. If you don’t see your campaign under the “Campaigns” section, click the blue Refresh Campaigns button. Once you see your campaign listed, click on the “Go Live” link underneath your campaign title. You’ll then see green text reading “Live” next to your new campaign.

Go Live

Congratulations, you did it! Your WordPress exit pop up is ready to convert abandoning visitors.

WordPress exit pop up

By following these simple steps, you can create an exit popup in WordPress that will grow your email list and generate leads and sales. Whether you have a blog or an online store, exit-intent popups will give your business the boost it needs to capture emails and your visitors’ attention.

Share your opinion in the comment section. COMMENT NOW

Share This Article

Start Growing with Cloudways Today!

We never compromise on performance, security, and support.

Syed Balkhi

Syed Balkhi is an award-winning entrepreneur and online marketing expert. He is the co-founder of WPBeginner, OptinMonster, and WPForms .

Get Our Newsletter
Be the first to get the latest updates and tutorials.

Do you like what you read?

Get the Latest Updates

Share Your Feedback

Please insert Content

Thank you for your feedback!