¿Te vas ya?
Te guardamos el carrito durante 48 horas.
Te lo hemos enviado
Revisa tu correo para volver al carrito.
Exit intent modal
As the cursor nears the top edge a line lights up, and if it leaves, a modal drops down offering to save the cart.
Settings
Code
<div class="uvq13-ext"><div class="ez" aria-hidden="true"><span>Move the cursor out through the top</span></div><header class="nv"><b>Brisa</b><span class="ct"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M6 8h12l-1 12H7zM9 8V6.5a3 3 0 0 1 6 0V8"/></svg><i>2</i></span></header><div class="gr" aria-hidden="true"><span><i class="p"></i><i></i><i class="s"></i></span><span><i class="p"></i><i></i><i class="s"></i></span><span><i class="p"></i><i></i><i class="s"></i></span></div><button type="button" class="fire" aria-haspopup="dialog">Simulate leaving</button><div class="scr"></div><div class="dl" role="dialog" aria-modal="true" aria-labelledby="uvq13-ext-t"><button type="button" class="x" aria-label="Close"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M7 7l10 10M17 7L7 17"/></svg></button><div class="v1"><p class="ti" id="uvq13-ext-t">Leaving already?</p><p class="ds">We will keep your cart for 48 hours.</p><div class="its" aria-hidden="true"><i style="--c:#fb923c"></i><i style="--c:#38bdf8"></i></div><form class="fm"><input type="email" placeholder="you@email.com" aria-label="Email" autocomplete="email"><button type="submit">Save it for me</button></form><button type="button" class="no">No, thanks</button></div><div class="v2" aria-live="polite"><span class="ok"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 7l8 6 8-6M4 6.5h16v11H4z"/></svg></span><p class="ti">We have sent it to you</p><p class="ds">Check your email to get back to your cart.</p></div></div></div>Prompt for AI
Paste it into ChatGPT, Claude or Cursor and it will adapt the block to your project with these settings, even if you don’t use React.
More in Overlays
See all OverlaysWhere to use it
Exit intent popups often feel like ambushes, so this one shows its trigger. A thin line at the top glows brighter as the pointer gets close, and leaving through that edge drops a warm modal that offers to keep the cart for 48 hours by email, with a plain no thanks. It fits shops, sign ups and booking forms where people hesitate.
The main color is the glowing edge, the badge and the button, the second one the modal paper. It waits a few seconds before it can show again, and on touch screens or keyboards the simulate button opens it the same way.