How to Create an Exit Intent Popup Widget

Stop customers before they bounce—turn exits into sales with the Exit Intent Popup widget.

The Exit Intent Popup appears when customers navigate their mouse to the top of their browser window (desktop) or when leaving a page (mobile).

Why implement an Exit Intent Popup widget?

Recover potential lost sales: a well-timed product recommendation can re-engage customers before they leave.
Increase Average Order Value (AOV): exit popups can highlight add-ons or premium alternatives the customer had not yet considered.
Drive urgency & scarcity: exit popups can highlight limited stock or time-sensitive deals on recommended items to create a sense of urgency.

How to create an Exit Intent Popup widget

In Rebuy admin, navigate to Widgets under Cart & Merchandising, then select Custom Widgets category -> Exit Intent Popup:

Configure the Data Source

The Data Source connected to the widget determines which pages the popup displays on and which products are recommended. You can edit this in the Data Source settings of the widget.

Customize the widget

Make it match your brand: update the text, set a discount, adjust the layout, add your own custom CSS, and more.

How to install the Exit Intent Popup widget on your Shopify Storefront

In your Exit Intent Popup widget editor, click the Install link in the top navigation bar to open the widget-specific installation guide.

(Screenshot above: a Rebuy Widget editor highlighting the "INSTALL" button in the top navigation bar)

Ready to go Live?

When you're satisfied with how the widget looks and functions, enable Live Mode in the widget editor to make it visible to shoppers on your storefront.

If you run into any issues during installation, refer back to the installation guide or Check out Why Isn't My Widget Showing?

How do I create an Exit Intent Popup that features the product the shopper is currently viewing, instead of showing them different products?

You can set up an Exit Intent Popup to feature only the product on the page the shopper is currently viewing — for example, to offer a last-chance discount on that exact item rather than recommending other products. This works by feeding the current product into the widget and telling the Data Source to return that same product. Follow these steps:

Add the current product to the widget's install code. When you place the Exit Intent Popup widget in your Shopify theme, include the data-rebuy-shopify-product-ids="{{ product.id }}" attribute so the widget knows which product the shopper is on.

Your install snippet should look like this:
(replace 12345 with your own widget's ID)
```
     
<div data-rebuy-id="12345" data-rebuy-shopify-product-ids="{{ product.id }}"></div>     

```
Turn off Filter input products in the Data Source. Open the widget's Data Source and make sure the Filter input products checkbox is unchecked. When this box is checked, Rebuy removes the current product from the results — which is normally what you want for recommendations, but here it would leave your popup empty. Leaving it unchecked lets the popup return the product the shopper is viewing.
Set the Data Source rule to return the current product. Add one rule set to IF Products → Equals Anything, then set RETURN → Input Products. This makes the popup feature whatever product the shopper is currently on, for every product page.
Add your discount. Open the Discount tab in the widget's editor and create the discount you want to offer on that product.
Click Save

With this setup, the Exit Intent Popup will offer the shopper the exact product they were about to leave — with your discount attached — instead of showing them a different set of products.

FAQs

Can I limit the number of times the popup is displayed?

Yes. You can configure this in the Layout settings of the widget under 'View Options'.

Why is my "Return Input Products" Exit Intent Popup showing no products?

An Exit Intent Popup using Return Input Products shows no products for one of two reasons. First, the Filter input products checkbox in the Data Source may still be checked — this removes the shopper's current product from the results, leaving nothing to display, so uncheck it. Second, the widget's install code may be missing the data-rebuy-shopify-product-ids="{{ product.id }}" attribute — without it, no input product evaluation is passed into the widget, so there is nothing for Input Products to return. Confirm both the unchecked checkbox and the install attribute are in place.