Top

How to Create Exit Intent Popup in WordPress

How to Create Exit Intent Popup in WordPress

You can easily turn your website abandoning visitors into leads by using exit-intent popups. It’s a well-known fact that you only have a handful of seconds to catch your visitor attention. Exit intent popup simply gives you second chance and unlike immediate popups exit-intent doesn’t interrupt your guest while they are trying to browse your site.

Some might argue that popups are annoying, but that is not true with exit intent technology because users who want to leave will do it anyways and offering them a discount or option to subscribe will not harm anyone.

All this makes exit intent trigger as one of the most valuable ones and here is how to use it in your WordPress.

 

1. Create new popup

First of all, you have to download and install popup manager. After you have installed it on your WordPress, popup manager menu item should appear if the plugin activation was successful. From there simply choose a template which looks closest to your intended design. For this example, I chose newsletter subscription form template.

add-new-pm

On the next screen, you will be asked to input your newsletter subscription form code. More information about how to obtain it your can find here. This step is for email templates, so if you choose text template, then you will not see this window.

newsletter-code

 

2. Design your popup

This screen consists of three columns. From left to right they are as follows:

  1. General popup style
  2. Element style configuration
  3. Popup preview

Styling popup in PM

None of the fields in this screen are required. If you are ok with the design, then you could just go to the next configuration step by clicking Next step button. But most likely you don’t want to use default style so from here you can change the popup width and height, set the paddings, background, popup shadow and style the close button. Another important configuration option is Thank you screen text. If you fill it, then that particular text will be displayed after the user has subscribed to the newsletter. This field is only available for newsletter type templates.

To change the design of individual elements you have to click on them in the preview window in the third column, then the second column will become active with available styling options for that particular field, not all of the fields have the same styling options. As an example input fields have the possibility to style its border, but text obviously doesn’t have such choice.

Another important thing to mention is that every popup has a different layout, some are with images on the side, some are with horizontally aligned input fields. What you can do is change color, font, size, and spacing of all the individual elements but what you can’t is modify the location of these fields in the design step. So if you want to have an image above email address then choose such a template when you create your new popup. If you pick a template where the image is below the field, then you won’t be able to swap them in places in this step.

And the amazing thing is that everything you do can be previewed live in the popup preview area in the third column.

 

3. Choose popup audience

I think this is the most important step when it comes to popups. Here you can choose your campaign audience. It’s not smart to place pop up on your front page for everyone to see, if you want to get most out of them, then you have to be a bit more intelligent about the placement. As an example, you can create a popup with a discount code for your eCommerce website and place it on checkout page on an exit-intent trigger, so when your potential customer decides to leave the page you can convert that visit in a sale with a little discount. If you are using advanced targeting add-on, then you can choose between a whole lot more triggers like for example target mobile devices, logged in users or use click trigger.

popup-configuration-pm2

When you finish this step, you are done building your first popup.

 

4. Start the campaign

That’s it! Your campaign is up and running. When you create a campaign it is live by default.

start-camp-pm-2

 

No Comments

Post a Comment