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:
In the trigger category, select "Exit":
Here you can make the widget sensitivity edits:
Enter the name of the widget and click the "Create" button:
Go to the "Display options" tab:
In the Rules category, click “Add a Rule” and choose the “Target” option from the drop-down menu:
Click on the "Create Target" button, and in the new window enter the target name, then click "Create":
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:
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:
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 https://www.example.com/cart, you need to use a Pages rule with the /cart page in it.
That's it. Don't forget to save your changes!
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:
In the trigger category, select "Exit":
Here you can make the widget sensitivity edits:
Enter the name of the widget and click the "Create" button:
Go to the "Display options" tab:
In the Rules category, click “Add a Rule” and choose the “Target” option from the drop-down menu:
Click on the "Create Target" button, and in the new window enter the target name, then click "Create":
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:
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:
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 https://www.example.com/cart, 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
Thank you!