Skip to main content

How to Create an Exit Intent Popup Widget

This article is a walkthrough on how to create, configure and install an Exit Intent Popup widget.

Cameron avatar
Written by Cameron
Updated over 2 weeks ago

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:

How to configure the widget

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 widget

Popups work best when installed in your theme files. Copy the entire <div> found in the Placement settings of the widget and paste it in your theme.liquid file before the closing </body> tag:

Ready to go Live?

Toggle on Live Mode

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'.

Did this answer your question?