Articles on: Website Widgets and Popups

How to create a cart abandonment widget

Creating an exit intent popup can not only help you capture the email addresses of your site visitors but can help increase conversions by incentivizing people who are attempting to leave your site with an offer that will not only keep them on your website but encourage them to finish a purchase.

The first thing you need to decide is whether you want to offer a discount as an incentive for people signing up, exclusive content, sweepstakes, or just a general ask.

Follow these steps to create a cart abandonment widget:

In the Widgets tab, click on the "Create a widget" button placed on the top-right side of the screen, and then make the presented widget type and template choices:

Create a Widget

In the trigger category, select "Exit":

Exit Intent Trigger

Here you can make the widget sensitivity edits:

Exit Settings

Enter the name of the widget and click the "Create" button:

Name Widget

Go to the "Display options" tab:

Display Options

In the Rules category, click “Add a Rule” and choose the “Target” option from the drop-down menu:

Add a Rule

Click on the "Create Target" button, and in the new window enter the target name, then click "Create":

Create a Target

Click on the "Add a filter" button and select the "Selector" option:


Find the element you need to target. As an example, I'll use our demo store website page and target the "Cart count" element:

Here the trigger element is id “CartCount”

Add the element in the selector and in the dropdown menu, set the condition: "is higher than" — 0. When you are done, click on the Save and Close buttons on the top-right side of the window:

Complete fields in the selector

You can edit your targets under the "Target" drop-down menu, where you can delete them or add new ones. Save your widget by clicking the "Save" button at the top-right side of the screen:


Note: If you want to show your widget on the cart page and your URL looks like this, you need to use a Pages rule with the /cart page in it.

That's it. Don't forget to save your changes!

Updated on: 23/11/2022

Was this article helpful?

Share your feedback


Thank you!