Create a personalized Shopify cart abandonment popup

Instead of displaying a generic reminder, the popup automatically brings the shopper’s actual cart items back into view — including product images, titles, prices, and buttons.

In the template library:

1. Open the Features filter.

2. Select Shopify Products.

3. Choose a template that fits your campaign and open it in the editor.

In the widget editor:

Once the popup is live, Claspo will automatically pull the products from each shopper’s cart and display their images, titles, prices, and purchase buttons.

Use the Max Products setting to define the maximum number of cart items that can appear in the popup.

Choose a number that keeps the widget easy to scan. For example, three products work well for a compact desktop popup, while fewer items may be more comfortable on mobile.

Under Layout Mode, choose how the product cards should appear inside the popup.

Preview the available layouts and select the one that works best with your design and the number of products you want to show. Then check both desktop and mobile versions of the widget.

If you chose an exit-intent template, the Exit intent trigger is enabled by default. Otherwise:

1. Open Triggering.

2. Find the When to display section.

3. Enable Exit intent.

Next, make sure the popup appears only when the shopper has at least one product in their cart.

In Triggering:

1. Open the On pages section.

2. Under Include pages that, click Add condition.

3. Select Number of cart items.

4. Choose greater than as the operator.

5. Enter 0 as the value.

Test the popup with both a filled and an empty cart to make sure the targeting condition works correctly.

1. Add one or more products to the Shopify cart.

2. Trigger exit intent on desktop.

3. Check that the popup displays the correct product images, titles, prices, and buttons.

4. Repeat the test on a real mobile device using a rapid upward scroll.

5. Empty the cart and test again — the cart abandonment popup should not appear.