Black Friday & Cyber Monday deal!! Get flat 30% OFF

Deals ends in:

00Days00Hours00Minutes00Seconds
How to Setup Exit Intent Popups for Abandoned Cart Recovery in WooCommerce?

How to Setup Exit Intent Popups for Abandoned Cart Recovery in WooCommerce?

Posted by Sharon Thomas on 16 October 2019 in WooCommerce


Digital marketers try and try until the last breath, no matter what, to convert a visitor into a loyal customer. To deal with this, different technologies have come and gone but this one is here to stay and reign - the exit intent popup for WooCommerce.

Let’s call the exit intent popup cart as the ‘king’ of popups and that is with reason. There is no other technology with a capacity to convert a customer and generate leads instantly on the verge of exiting the page.

Know about it in detail.

What is an exit intent popup?

A window that comes up in front of your screen when trying to exit an online store without engaging in any activity, like a purchase, is called an exit intent popup. This cart abandonment technology tracks the movement of the mouse and site visitor to display the popup cart.

Exit intent popups are mostly used to recover a lost sale, build an email list, and many others which will be discussed shortly. You will also find examples for best exit intent popups.

In a brick and mortar store, a sales agent approaches with sweet words to resell a product if you don’t make a purchase and start leaving. In a nutshell, exit intent popup is the digitized version of this concept. Both WooCommerce and Shopify stores can benefit from this.

Steps to setup exit intent popup in WooCommerce

Setting up exit intent popup for WooCommerce store is a cart abandonment technology. It is a simple task that can be done in minutes. This will help your store prevent an innumerable number of abandoned carts and grow your revenue.

Steps to be followed are

  • Configuration - Optimize the settings page to showcase the exit intent popup.
  • Template design - Choose a template and design your own exit intent popup cart.

These steps are explained in detail in a later portion of this post.

How does exit intent popup help fight cart abandonment?

The benefits of using an exit intent popup cart for eCommerce stores are primarily two.

Timing

Exit intent popup is the one and only method to change the mind of the customer just seconds before leaving a page. A visitor stays on a page after adding items to the cart if he is in a dilemma. Those moments are the ones that the exit intent technology uses to tap into the mind of the site visitor. Each and every second count and with exit intent cart abandonment, it is put to good use.

Conversion rate

The conversion rate for a regular popup cart ranges anywhere between 3% and 10% but it goes as high as 53% for exit intent popups.

Considering the fact that these are last-minute conversions before exiting, the numbers are extraordinary. It so happens that even email marketing for cart recovery , that might take days or weeks, is nowhere closer to this number.

If you are wondering how to convert more abandoned carts, exit intent popup cart is the right choice.

Different uses of best exit intent popups

Time to apply the effectiveness of exit intent popups. Let’s move on to different exit intent popup ideas.

There are many ways to impress a customer during the last minute and for various purposes. The purpose of a popup - exit intent, is what is being discussed here. The extent to which the exit intent popup carts can be put to use in eCommerce is huge. Mentioned below are some of them.

Newsletter/Subscriber Sign up

Your eCommerce business is never going to take off without an email list - the primary source to get in touch with the customers. Using an exit intent popup for Shopify or WooCommerce is a sensible and impressive tactic for email list building.

Image

This is the best exit intent popup by design from Lush. It demands attention with the copy, borderless design, darkened background, and simplicity.

Abandoned Cart Recovery

Using an exit intent popup for cart recovery is one last-minute hack to bring back a customer and keep the sale alive. Even if the sale does not happen, email details can be furnished from the customer to follow-up with an abandoned cart recovery email.

Increase Cart Value

With increase in cart value, increases the Average Order Value (AOV) too. This is a good strategy to increase sales and bring in profits.

This Sleeknote popup cart shown above doubles up as one of the best cart abandonment solutions too. The exit offer of ‘free shipping’ encourages the customer to add more items to the basket. The product recommendations with the mention of discounted price adds fuel to fire so that the customer achieves the threshold to qualify for free shipping.

Promote Special Offers

Offers are not the same throughout the year. It is usual for the customer to see an off ranging from 5 - 20%. Anything beyond that is special, even more when it is for a purpose like clearance sale or for a seasonal festival.

Here again, in this exit intent popup by OptinMonster, the exit offer takes up half the space which is a visual indication of how much the customer will save.

Cross-sell/Upsell

A sale never ends even when you are about to leave the store. The sight of chocolates at the billing counter and pamphlets for the next purchase are proof of it. Similarly, an eCommerce store can sell more with an exit intent popup cart too. This also acts as a method to guide the customer to choose better products.

Social Engagement

Promotions are not possible without social media presence. Providing an exit offer with a popup cart for social engagement has dual benefits here - your website gets promoted for free and a sale is initiated.

The above better coupon box email popup with exit intent gives a 30% off for subscribing and social media following.

Customer Service & Feedback

Site visitors do seek help even during the last step of purchase if any sort of confusion or issue arises. They might have doubts regarding the return policy, payment methods, or any other. When the visitor does not know where to look for help, he will abandon the page. This is an apt time to use an exit intent popup with a live chat option to get things resolved.

Exit intent popup for cart abandonment solutions

Exit intent popup is an integral part of cart abandonment technology as the best solution and this is going to be the point of focus for the rest of this blog.

A final request can be displayed to not abandon the cart and own the items wished for with the help of exit intent popup cart. But will a simple request alone do wonders? Never.

Check out what must be done in the first place.

How to display exit popup to abandoning visitors

To get site visitors converted into customers, some techniques need to be deployed that triggers the person psychologically.

Play with minds and reap success.

Give a discount

A cart abandonment discount is what every abandoning visitor is on the lookout for. The chances of backing out from shopping when he sights one is rare. So, discount is the bait here.

You need to provide an exit offer with the exit intent popup that does not burn a hole in your pocket but at the same time satisfies the customer. It is also a better idea to apply the discount directly to the cart so that the customer need not type in the code.

Make the discount personalized with an automatically generated coupon code.

Get the email

An email is essential when dealing with guest users of a Shopify or WooCommerce eCommerce site. The information is crucial for email marketing purposes, especially if the person has created an abandoned cart.

The example given here is not a regular cart recovery exit intent popup that asks for an email. The usual ones only get the email for future use but this popup does two things - saves the shopping cart to the email and the site visitor furnishes the contact information.

Takeaway: Give the customer a reason to get the email details.

Create urgency with countdown timer

Instilling a sense of urgency by using a countdown timer is one effective way to get the visitor purchase the products in the abandoned cart.

The exit intent popup cart below shows an offer coupled with the countdown timer which makes sense otherwise the purpose of the timer is lost.

You would never want to make the deal when taking instant action within the stipulated time frame shells out the same money as the normal purchase.

Takeaway: A discount or some other special offer is a must when using a countdown timer.

Bring in product scarcity

You might think ‘Should I really wipe out the products from my inventory to use this tactic?’ The truth is that you need not. After all, it is a strategy.

Customers are never going to know if your claims are right or wrong. When you say ‘Only 2 items left’, they take it for real. Emphasize on this scarcity in the exit intent popup cart when visitors abandon a cart to win them back.

Do not use this method often. If done so, this might turn against you for faking scarcity.**

Best exit intent popup cart examples

Let’s take a look at some popup cart examples for email collection and cart abandonment solutions.

Popup cart example 1

This exit intent popup is meant to collect email addresses of abandoning visitors. Shopify Plus nails the popup cart with a design that shouts ‘Less is more’. It intrigues the visitor by presenting some exclusive data.


Highlight: Design, colors are in line with the ‘black and white’ layout of the Shopify Plus website. The popup has a double opt-in which means that only people who are truly interested will join the email list.

Popup cart example 2

‘Free shipping’ exit offer using a popup cart can be used to save an abandoned cart. The intent is to make the customer complete the purchase and keep the sale alive.

Highlight: The email is not collected which makes the user experience even shorter and faster.

Popup cart example 3

This exit intent popup example is from Privy. Cart abandonment discount is used here to prevent the customer from leaving the eCommerce website.

Highlight: It seems that the popup cart is meant for an eCommerce website dealing with baby products. The background picture of the baby crawling away along with the call out ‘Crawl back here..’ does the magic here. Here, again, the email is not collected.

Popup cart example 4

Leesa takes the exit intent popup to the next level with a high quality image of one of their products.

Highlight: Design is simple, yet captivating. The product image rekindles the urge to purchase and with a $100, it is no wonder why the exit offer will work.

Popup cart example 5

‘Increase the cart value and save some money’ is the motto behind this Shopify popup. The design of the popup cart is a winner in every sense starting from the background, clarity, to the CTA elements and copy.

Highlight: Both the discount percentage and money in dollars are mentioned which removes the burden of doing the calculation.

Two CTAs choices are given to select the product of the right size.

The real-time picture helps in visualizing the look of the product in a better way.

How to set up exit intent popup with Retainful for WooCommerce?

WooCommerce exit intent popup feature is available only in the premium version of Retainful plugin . Install and upgrade to the premium version to get things started.

Next comes the configuration part which is quite easy and hardly takes minutes.

Configuration Page

Enter the following details.

Enable exit intent popup
Click on ‘Yes’ for the exit intent feature to work.

Choose the coupon code
The coupon code that is chosen here will be displayed in the WooCommerce exit intent popup to avail the discount. Here the code is ADUDRTAZ.

Show exit popup
This option gives the liberty to choose the number of times the exit intent popup must be displayed to the site visitor. The option chosen here is ‘only once per page’. With this, the WooCommerce popup plugin, Retainful will display the popup only when visitor tries to exit the page for the first time.

Distance
The value entered here is 100. This value refers to the pixel distance away from the top of the page when the popup must be triggered. In other words, when the mouse is 100 pixels away from exiting the page, the popup gets displayed.

Cookie expiry days
The website cookie records the session of a site visitor for the number of days given here. After this, the record gets deleted automatically.

Button redirects to
Here the option ‘Cart Page’ is chosen. The CTA button on the exit intent popup will redirect the visitor to the cart page to complete the purchase.

GDPR Compliance
This is completely optional but as per the GDPR guidelines, it is mandatory to get user permission to collect information. The information collected here is the email and so it is a wise decision to keep this field enabled. You must also type in the message that needs to be shown to the visitor.

Choose the template and customize

Two templates are presented here. Choose any one and customize as per your needs. The customization needs to be done using HTML coding. Shortcodes are used here to make the exit intent popups personalized.

Beyond this, there is also a provision to type in the HTML code from scratch if you prefer to design a brand new template.

Email collection form design

The email form can be designed and customized by using the attributes like text, height, width, and color for the text field and the CTA button.

Save the details entered on the page.

The Output in Storefront

This is how the popup plugin for WooCommerce, Retainful will display the designed exit intent in the storefront.


Besides exit intent, email collection popup feature of Retainful WooCommerce plugin needs special mention. It collects the email form the customer even before he/she adds an item to the cart. This step is to follow up later on in case the person abandons the cart.

A CTA tip to nurture

A photographer, Scott Wyden, recovered 21% of abandoned carts and grew his email list to 3x with exit intent popup WooCommerce.

What did he do?

He included 2 CTAs in the exit intent popup like in the above image. You give the option of a ‘no’ to the site visitor. This makes the popup look more credible.

More examples of 2 CTA buttons.




The text of the CTA buttons also matters a lot. When the ‘yes’ button tends to send out the message about the customer being benefitted, the ‘no’ button portrays losing the exclusive offer or benefit.

Conclusion


Do exit intent popups work?

Yes, they do.

Exit intent popups are so beneficial to recover WooCommerce abandoned carts when implemented the right way. The right way to do it is to cater to the expectations of the customer. The offer, either monetary or content-wise, that is provided must suffice the potential site visitors to turn into customers.

FAQs

The process of reviving a sale to customers who add products to cart but fail to finish the checkout is called abandoned cart recovery. Retainful sends automated abandoned carts emails within an hour of abandonment to recover the cart and complete the purchase.

This is a discount that is offered to an abandoned cart with products in it. Cart abandonment discounts are given on the total cart value and are included in abandoned cart emails and exit intent popups. They are of two types, percentage-based and flat rate discounts.

Apart from abandoned cart emails, the top strategy to convert abandoned carts, there are many others like exit intent popups, email collection popup, add-to-cart popup, and next order coupon. You will find all of this under one roof - Retainful for WooCommerce and Shopify stores.

With the use of exit intent popup, it gives one last chance to convert a customer who is at the verge of leaving. Retainful displays popups to customers who have already shown interest in a purchase and when accompanied by an exit offer, exit-intent popups definitely work.

No. In desktop, mouse movements are tracked to trigger the exit popup which is not possible to execute for a mobile device. Moreover, exit popups on mobiles are considered annoying as they tend to cover up the whole screen while browsing.

An exit intent popup is the best cart abandonment solution for two reasons. First, exit intent popup collects the email address to follow up later on with abandoned cart emails. Second, it has the potential to convert the visitor with a satisfying exit offer or even recommend other products.


Author Bio

Sharon Thomas is a content marketer and eCommerce growth hacker with specialization in email marketing, abandoned cart recovery, customer retention, and WooCommerce & Shopify plugins. She also has experience in creating content for education, hospitality, beauty, pregnancy & parenting, and other niches.