Popupnote.com

Website Visitor Popups

Exit-Intent Note

Generate a popup that triggers when a visitor's mouse cursor moves toward the top of the browser window, signaling they may be about to leave.

Place before closing </body> tag

About This Module

The Exit-Intent Note generator creates a self-contained HTML/CSS/JS code snippet that detects when a visitor's mouse moves toward the top of the browser window and displays a customizable popup overlay.

What Is an Exit-Intent Popup?

An exit-intent popup monitors the mouse cursor position. When the cursor moves above the viewport boundary (the top edge of the browser), it triggers a modal overlay. This is commonly used to capture leads, offer discounts, or remind visitors of important content before they navigate away.

How It Works

Fill in your heading, message, button text, and button URL. Choose your preferred colors. Click "Generate Code" to produce a ready-to-paste snippet. Copy the code and paste it before the closing </body> tag of your website.

Best Use Cases

Fields and Input Explanations

Frequently Asked Questions

Does exit-intent detection work on mobile devices?

Exit-intent detection based on mouse cursor movement does not work on touchscreen mobile devices because smartphones and tablets have no mouse cursor that moves toward the viewport boundary. The generated code uses the mouseleave event on the document element, which fires when the cursor exits the browser window — an event that does not exist on touch interfaces. On mobile, the popup will not trigger automatically. To engage mobile visitors, consider combining exit-intent for desktop with a time-delayed popup — available in the Time-Delayed Reminder tool on this site — that fires after a configurable number of seconds. You can detect the device type using the screen width and activate the appropriate trigger method accordingly.

How do I prevent the popup from annoying frequent visitors?

The "Show Once Per Session" option (set to Yes by default) uses the browser's sessionStorage to record that the popup has already appeared, preventing it from reappearing if the visitor moves their mouse back into the window during the same session. For cross-session suppression — so the popup does not reappear on return visits — modify the generated code to use localStorage with an expiry timestamp. A common pattern stores the dismissal timestamp and only shows the popup if more than 30 days have passed since the last display. This re-engages returning visitors after a month while avoiding the annoyance of showing the popup on every single visit.

Does the popup code work without a CMS or framework?

Yes. The generated snippet is entirely self-contained vanilla HTML, CSS, and JavaScript. It requires no external libraries, no jQuery, no React or Angular — paste it before the closing </body> tag of any HTML page. It works on plain HTML sites, WordPress, Shopify, Webflow, and any platform that allows custom HTML injection. The code is compatible with all modern browsers that support the standard document.addEventListener mouseleave event, which includes Chrome, Firefox, Edge, and Safari. No server-side processing or database connection is required.

Tips for Best Results