Exit offers are popups configured to display when a visitor moves the mouse up to the close button and is about to leave your site. They aim to grab attention for a few moments and try to hold the buyer.

To configure an exit offer:

  1. On the Popups page of your store's Admin area (Discounts -> Popups), start creating a popup as described here.

  2. On the Popup Behavior step, set the Display mode option to "Show a popup when a visitor wants to live site." You will see extra fields to configure an exit offer.

    • Min Qty in cart: Specify a minimum product quantity in the cart for an exit offer to become active for visitors.

    • Max Qty (0 - no limit): Specify a maximum product quantity in the cart for an exit offer to become active for visitors.

    • Min subtotal: If applicable, specify a minimum cart subtotal for an exit offer to become active for visitors.

    • Max subtotal (0 - no limit): Specify a maximum cart subtotal for an exit offer to become active for visitors.

  3. Complete the offer configuration and click Update to save the changes.

    To style an exit offer, you can:

    • use the styles from the Popup Appearance section when formatting the popup message;

    • use the Theme Tweaker add-on to add your styles for the following CSS selectors:
      .exit-offer-popup-dialog.no-title .exit-offer-contents
      .ui-dialog.exit-offer-popup-dialog .ui-dialog-titlebar-close
      .ui-dialog.exit-offer-popup-dialog

      You can also style a particular exit offer popup by using its ID number; for example, .exit-offer-popup-dialog-2.no-title .exit-offer-contents.

When testing your custom styles, use the following command in your browser debug console to make the exit popup appear again on the next page refresh. jQuery.removeCookie("exit_offer_shown");


Now clear browser cookies, refresh the page and add an item to the cart to see how the exit offer changes.

Related pages:

Did this answer your question?