CONVERSION CTA
退出意图弹窗Exit-intent Modal
检测到鼠标移向关闭按钮/地址栏时弹出最后一搏——折扣码或免费资料。
效果预览
等等！
离开前，领一份见面礼
订阅邮件，立刻获得 ¥50 无门槛优惠券。
输入邮箱…
不了，谢谢
适合用在哪
电商结账放弃挽回、Newsletter 订阅、 lead magnet 分发。
容易踩的坑
- 弹窗打开后焦点没移入、Esc 也关不掉，键盘用户被困在遮罩后面。
- 「不了，谢谢」链接小于 12px 且灰度过浅，被视为暗黑模式会引发投诉。
- 移动端用滚动方向判断离开，正常回看上文也会误触发，打断阅读。
设计提示词 · Prompt
退出意图弹窗（Exit-intent Modal）：监听 mouseleave（鼠标离开视口顶部）或 history 回退，触发一次全屏弹窗——中央卡片居中："等一下"情绪标题 + 留存钩子（"注册即领 ¥50 优惠券"）+ 邮箱输入 + 主按钮 + 极小的"不了，谢谢"退出链接。每个访客只弹一次（localStorage 记录，30 天冷却）。桌面用 mouseout，移动端用快速回滚或停留退出。务必遵守平台规则——部分广告渠道禁止 exit-intent。弹窗内容必须给真实价值，纯折扣轰炸会拉低品牌感。
Exit-intent Modal: listen for mouseleave (cursor leaving the top of the viewport) or history back navigation, and trigger a full-screen modal once — a centered card: an emotional "Wait a moment" headline + a retention hook ("Sign up and get a ¥50 coupon") + email input + primary button + a tiny "No thanks" exit link. Show it only once per visitor (record in localStorage, 30-day cooldown). Use mouseout on desktop; on mobile use fast scroll-up or dwell-then-leave. Be sure to follow platform rules — some ad channels prohibit exit-intent. The modal must offer real value; pure discount bombardment cheapens the brand.
常见搭配
同一页面里经常和「退出意图弹窗」一起出现的模式，可以收藏后用「组合收藏为整页提示词」一起交给 AI。
演示 HTML 结构
<div class="s s--abs d-exitstage">
<div class="d-exitcard">
<span class="d-exitcard__tag">等等！</span>
<b>离开前，领一份见面礼</b>
<p>订阅邮件，立刻获得 ¥50 无门槛优惠券。</p>
<div class="d-input"><span class="d-input__ph">输入邮箱…</span></div>
<button class="d-btn d-btn--p d-btn--sm d-btn--block">领取优惠券</button>
<u>不了，谢谢</u>
</div>
</div>