How to Create Exit Intent Popup Form

How to Create Exit Intent Popup Form in WordPress

wprocket

Well in this post I am going to share how you can create an exit intent popup form in WordPress for your blog website. There are many ways to create exit intent popup form but today here we will learn only one way.

In a very recent client project I have created one and I am going to share exactly the same way. Okay site tight!

Oh my gosh! I almost forget to tell. If you have not checked my recent post yet. Check it out, in the previous post I have shared how you can create squeeze page in WordPress easily. I hope you will enjoy it.

On Optimonk, Nikolett Lorincz written the details about “exit intent” and “exit intent popup” and how it is become so popular in recent years. And she shared some awesome examples of exit intent popup form design and optimization.

Let’s start the work.

Creating an Exit Intent Form in WordPress

To execute, we will need two WordPress plugins. They are following:

WPForms

WPForms is lead capture WordPress plugin. You can easily create a lead capture or contact form by its drag and drop option.

Exit Popup

The Exit Popup is a tiny tool for WordPress. It helps to create anything popup conditionally in a jQuery modal.

Download and install both of this plugin one by one. If you do not know how to install a WordPress plugin look at this tutorial.

wprocket-728x98_Black

Step 1: Create a Form Using WPForms

Login to your WordPress website Dashboard. Look for WPForms menu, underneath of this menu you see Add New click on this menu.

WPFprms Menu in WordPress Dashboard

WPFprms Menu in WordPress Dashboard

You will be redirect to a new page type the form name and click on the Blank Form to create a blank form.

Type Form Name and Create Blank Form

Type Form Name and Create Blank Form

Now we add 3 fields to this form. For example we want to know visitor name, email address and their company name. Let’s add Name, Email and Single Line Text fields.

Add Fields to the Form

Add Fields to the Form

Now we make some changes for each field. For name field we set the “Your First Name” label and change the format to simple. In Advanced Options we change the Field Size to Large.

Change Name Fields Options

Change Name Fields Options

For Email field we set “Your Best Email Address” as field label and change the Field Size to Large.

Change Email Fields Options

Change Email Fields Options

For the last field we set “Your Company Name” as the field name, make it required to submit and change the Filed Size to large as well.

Change Company Fields Options

Change Company Fields Options

Okay, we are done Save the form and get back to Forms Overview area by clicking on the close button.

There you see shortcode for each form we have created. So we will need the shortcode for the form a bit later. Copy it!

Copy the Form Shortcode

Copy the Form Shortcode

Step 2: Create the Popup with the Popup Maker Plugin

After installing the Exit Popup plugin, you will see the Exit Popup menu in Dashboard under the Settings menu. From there we start.

Click on the Exit Popup.

Exit Popup Menu

Exit Popup Menu

Now we are on a page where you see some fields of Cookie Expire, Prevent Close on Click Outside of Modalbox, Modal Height-Width, Title, Footer and Body Area.

There in the settings we set 0 for Cookie Expire (days), Modal Width 500px and Modal Height 380px, Get Exit Intent Popup Guide for Title (Text) and put the form shortcode into Body (HTML).

Hit the Save Changes button.

Setup Settings for Exit Popup

Setup Settings for Exit Popup

That’s it. The following is the screenshot of our Exit Intent Popup form.

Exit Intent Popup Form

Exit Intent Popup Form

We are at the end of the post. If you find this tutorial helpful share with your friends. Comment below if you do not understand any part of this tutorial.

I want to know if there different ways you follow to create an exit intent popup form let me know.

GenesisPro728x90

Facebook
Twitter
LinkedIn
Pinterest
Tumblr
Anwer Ashif

Anwer Ashif

Founder of RainaStudio. Help businesses and individuals to create and outstand their online presence. Our success rate is measurable. Our blog served all around the world and counting.

Leave a Reply

Your email address will not be published.

Want to speed up WordPress site?