How to Easily Create Awesome Exit Intent Popups that Drive Sales

Do you want to create an Exit Intent Popups to boost sales on your eCommerce websites such as Woocommerce or Shopify?

create exit-intent popups for WooCommerce

Exit popups can help you attract the attention of your customers on your WooCommerce or Shopify website. You can use WooCommerce exit popup to offer coupons, promote sales, increase your email list, and more.

In this article, we’ll teach you how to boost your sales and email list by using exit popups for WooCommerce or Shopify.

Before building its, let’s know what are exit popups:

What’s Exit Popup?

Exit popups are a type of website overlay that is shown when a user tries to leave the website. You can customize the message and graphics of exit popups based on the page the user is viewing. In addition, you can offer incentives or discounts with the help of exit popups to their customer.

Generally, the exit-intent technology tracks the moves of the user’s mouse cursor on the page. The exit intent popups is displayed on the screen immediately after the cursor exits from the browser’s active area.

OptinMonster is an advanced exit-intent technology WordPress plugin that detects the behavior of your visitors. Which gives you a chance to show the popup with the marketing message just before they’re gone forever.

Why do You Need Exit Intent Popups for WooCommerce

Exit popups can be a useful way to boost sales on your eCommerce website.

The popup helps you to customer’s attention by showing them targeted messages at the right time on your online store. In addition, it’s one of the effective ways of converting website visitors into paying customers.

If you run an eCommerce website, then exit popups are useful for the following:

  • You can increase sales on a larger scale by sending timely messages to your website. you could make the popup appear when users are about to leave for your store.
  • It is also helpful in growing your email list or remind your customer of ongoing sales and promotions.
  • One of the most common use cases of exit-intent technology is to reduce card abandonment. You can increase the conversion rate by using an exit popup on your store.

OptinMonster is one of the world’s most powerful conversion optimization toolkit. Furthermore, OptinMonster’s exit-intent popup works on WordPress, Shopify, Magento, BigCommerce, Joomla, drupal, and basically all types of websites.

It seamlessly integrates with WooCommerce, So don’t need requires to HTML knowledge for users.

So, let’s get creating:

How to Create Exit-Intent Popups

In this article, we have given all the simple steps to make the program pop for WooCommerce.

See following steps to get start building popup for WooCommerce:

1. Install and activate OptinMonster for your WordPress

Before you start creating a WooCommerce popup, you will need to create an OptinMonster account and link it to WordPress.

Firstly, you should go to the OptinMonster website and click on Sign Up for an account.

After creating an account, you need to connect your OptinMonster account to your WordPress site. To do this, you need to install and activate the OptinMonster plugin on your WordPress site.

For more details, see our step-step guide on how to install and activate WordPress plugin.

After plugin activation, you will see the OptinMonster Welcome screen in WordPress. Click on the “Connect Your Account” button.

OptinMonster welcome screen

Now, follow the on-screen instructions to connect your WordPress site to your OptinMonster account.

After that, the campaign page will appear on your screen.

Let’s go start create exit-intent campaign:

2. Create a Campaign

Firstly, to create an exit popup for WooCommerce click on the Create New Campaign button.

Create new campaign for exit popup

Now, you will need to choose the type of campaign. We will select popups to get high conversion.

Choose popup templete for campaign

Now let’s move forward in the process and select the Abandoning Checkout from the many pre-built OptinMonster templates for a popup.

Abandoning checkout campaign type

Now, the name of your campaign, and you can also choose the website for which you want to create a campaign or add it later. Then click the Start Building button.

Now it’ll take you to the OptinMonster’s drag & drop form builder page.

Let’s edit the campaign according to your page:

3. Edit the Campaign

Here, you can edit the image, text, color, and more by visiting the OptinMonster builder form page. Just click on the text or image you want to change to live preview to bring the editing tools to the left.

edit checkout campaign

Once you finish making changes, don’t forget to click on the Save button on the top right side.

Campaign save button in optinmonster

For this, click the button element on the live preview to bring the editing tool, then edit it by selecting the button from the left menu.

4. Apply Display Rules

Once you’ve done, you have time to set the popup so that it displays on your WooCommerce cart page. To do this, click on the ‘Display Rules’ tab at the top of the screen.

Now click on ‘Time on Page’ dropdown here and select Exit-Intent, if it’s not selected. Because OptinMonster’s exit-intent technology allows your message to appear at the exact time when the user is about to leave your website.

Exit-intent popup in display rules

Click the eCommerce filter and you’ll see options specifically for your WooCommerce stores.

Woocommerce setting for exit popup

Now you don’t forget to click on save button to save your settings.

we recommend you integrate OptinMonster with Constant Contact to catch your visitors’ email address.

For more details, see our guide on connect OptinMonster with Constant Contact.

Finally, click on the Publish tab to publish popup for WooCommerce Store.

5. Ensure Popup Live in Your Site

Now, you should check the status of your popup whether they’re live on your site or not. To do this, you’ve to click on the Publish tab in OptinMonster. Then click the Status toggle to set up it to live.

Live status of exit popup

Now, go back to your WordPress admin and click on the OptinMonster menu. Now you will see all your popup lists here.

To make your campaign live, click on Go Live of that campaign.

OptinMonster campaign list

It’s a good idea to ensure that your exit-intent popup is displayed on your site or not.

Mobile Exit-Intent on Mobile Device

Mobile exit-intent popups is designed keeping in mind the behavior of the mobile users. It is generally observed that a lot of users scroll back up the mobile page as a gesture to bring down the address bar.

Mobile exit-intent technology helps you to bring more sales and visitors to your website.

So let’s include mobile exit-intent to make your website even better:

Building a New Mobile Exit-Intent Campaign

Mobile Exit-Intent are reliably easy to install on your WordPress website. For this, firstly you’ve to login to your OptinMonster account.

After this, you follow the procedure until the selection of the pop up in the above step.

Now you need to select a template. To do this, click On Mobile Optimized from the left-hand menu of OptinMonster. After clicking, you get all the templates that are best suited for your smartphone.

Mobile optimized templete in optinmonster

You choose the option to create a mobile campaign from the canvas template.

Now, go to the magnet inside the canvas template:

magnet mobile optimized templete

Next, name the campaign and select the website for which you are creating the campaign.

Enter campaign name and select website

Now you can optimize your campaign, although we have not talked much about optimizing the campaign in this article.

But you can rest assured that OptinMonster’s drag and drop editors make everything easy.

Next, click on the elements that you want to edit part of optin form in the left side menu.

Display Rules for Mobile Exit-Intent

After editing the campaign, you’ll now have to make some settings for the display rule.

In fact, you need to know how to set the exit-intent, for that you click on the display rule at the top of your editor page.

In the first condition, you change from your drop down menu to “exit detect” from the “time page”.

Now in your next step you will select the device for which you want to set the exit-intent such as:

  • Desktop only
  • Mobile only
  • Both

However for most exit-intent cases, you can option for both desktop and mobile.

mobile exit intent for both

Now it is your turn to select sensitivity, Low and Medium sensitivity will create a scroll up trigger, whereas High sensitivity will create a back button trigger.

Also, if you want medium sensitivity for desktop but a back button exit-intent trigger for mobile. So, you’ll need to create 2 distinct conditions: one for desktop set to Medium and one for mobile set to High.

Set trigger for mobile and desktop

With OptinMonster, everything is fully customizable to make sure that you’re getting the right message in front of right people at exactly the right time.

We all know that almost half of the traffic comes from mobile devices and nearly 80% of smartphone users have used their device to make purchase.

In such a situation, mobile exit intent are an advanced technique to grab your user’s attention, hence it’s important process for boosting your sales.

We hope that this article helped to learn how to create a WooCommerce exit intent popups to increase sales. You might also Create Spin to Win Campaign to growing your email list.

If you liked this article, then share it with your friends via the social site and comment on the feedback. You can also find us on Facebook and Twitter.

Comments

No comments yet. Why don’t you start the discussion?

Leave a Reply

Your email address will not be published. Required fields are marked *