Recover Abandoned Carts in WooCommerce Using Popups

Every online store faces a common challenge: shoppers add products to their cart but leave the site without completing their purchase. On average, over 70% of carts are abandoned, but that doesn’t mean those sales are lost forever. This is where an abandoned cart pop-up can make a difference. With the WebToffee eCommerce Marketing Automation app, you can set up a targeted pop-up that appears just as a user is about to exit the site, offering them an incentive, like a discount, to encourage them to return to the checkout. In this guide, we’ll walk you through setting up an effective cart recovery pop-up campaign.

You’re about to create a pop-up that:

• Detects when a visitor with cart activity tries to leave.
• Offers them a discount (like 15%) to recover the sale.
• Targets only relevant users, eliminating unnecessary pop-ups.

1. From the Marketing sidebar, go to Forms and Widgets > Popup and embed forms.
2. Click “Create New Campaign.”

1. In the template gallery, select the Cart recovery campaigns tab.
2. Select a template that aligns with your brand’s style and messaging. For example, you can pick designs that highlight urgency or offer a discount, like: “Wait! Grab 15% off before you go.”

After selecting a template, you’ll land on the campaign settings screen. Here’s how to optimize your configuration specifically for abandoned cart recovery:

• Enable “On exit intent.”
• This is crucial for cart recovery, as it allows you to catch users right as they’re about to leave the site. Exit intent works best on desktop browsers.

• Set to “Once per hour”
• This ensures you’re not bombarding visitors with the same pop-up while still reminding them during active sessions.

Your aim here is to display the pop-up only to visitors who are most likely to abandon their purchase.

• Select All visitors, so that even returning visitors with items in the cart can be targeted.

This is handy if you’re running retargeting ads or email campaigns. The pop-up will only show when the UTM parameter matches.

• Use Include to focus on the cart or product pages.
• Use Exclude for checkout or thank-you pages (you don’t want to interrupt after they’ve already converted).

• You can choose to include or exclude categories. For instance, if you only want to offer recovery discounts on high-ticket categories, select those specifically.
• The pop-up will show after users stay on those pages for more than 30 seconds.

• This is a powerful option specific to cart recovery.
• It helps you prioritize recovering more valuable carts and ensures that your discount offers remain meaningful.

• Select ‘All Devices’ to ensure the campaign appears on both desktop and mobile devices. Alternatively, you can target Desktop only if using exit intent (since it’s not supported on mobile).

Click Edit Template to tailor the design, message, and coupon code.

Use urgency-driven language:

• Headline: “Oops, You Left Something Behind!”
• Subtext: “Your 15% discount is ready for you. Unlock your savings.”

This reminds the user they’re about to miss out.

Keep it minimal:

• An email input field with a short placeholder.
• CTA button: “Grab this deal.”
• Customize font, size, and button color to match your brand.

This is where you present the offer:

• Add a bold confirmation: “Here is your 20% off.”
• Include a Coupon block where they can easily copy the code.
• From the right panel, select an existing coupon or create a new one right from the template editor.

To know more about popup customization, check out this article: Customize Web Campaign Pop-Ups for WooCommerce Stores.

• Click Finish editing to save the design.
• Give your campaign a relevant name.
• Hit Publish to make it live.

Open your store in an incognito window, add items to your cart, and attempt to leave. The pop-up should appear as configured, only when the cart value condition and exit intent are triggered.