Leaving so soon?

This is a working example of the ExitIntent stack, by Stacks4Stacks. This would be a good place to display business open times, contact details, social media links or an email newsletter signup form.
ExitIntent v2 was released in November 2020. This update allows you to customise the icon used for the close button and its sizing. You can login to your Paddle account to see if you are eligible for this free update. If ExitIntent is listed in your Paddle account, you can download this newer version for free.


ExitIntent only displays its popup when you move your mouse off the page. To accomplish a reversal of this effect (having a popup display as a user lands on the page) the Gateway or TopBox stacks might be a better choice to use.

Example

When viewing this webpage on a laptop or desktop web browser, move your mouse outside of the webpage. You should see the ExitIntent popup reveal on the middle of the screen. Cookie tracking is disabled in this example, so the stack will work on each revisit. Ordinarily you can set it to only reveal once, so it doesn't annoy your users!

Setup

ExitIntent works much the same as any other stack.
  1. Drag and drop a copy of ExitIntent from the Stacks Library into your webpage.
  2. Into the drop zone marked 'drag stacks here' place a suitable text, HTML or markdown stack you want shown within the popup.
  3. Write or paste-in the content you want shown.
  4. With ExitIntent selected in edit mode, open the Stacks side panel to review its settings. Basic options are listed to adjust the animation, styling and colouring.
  5. If you want to have ExitIntent show only once, adjust the cookies setting accordingly.
  6. Preview your page in RapidWeaver or a normal web browser to test ExitIntent.

All settings in ExitIntent display little informational tooltips on mouseover. These help you understand what each setting does.