---
name: popup-cro
description: "创建或优化弹窗、模态框、覆盖层、滑入、横幅以提升转化时使用。触发词：exit intent、popup conversions、modal optimization、lead capture popup、email popup、announcement banner、overlay。弹窗外表单见 form-cro；一般页面转化优化见 page-cro。"
license: MIT
---

# 弹窗 CRO

创建能转化且不烦扰用户或损害品牌感知的弹窗。

## 前置了解

弹窗目的（邮件/简报捕获、线索磁铁交付、折扣/促销、公告、退出意图保存、功能推广、反馈/调研）；当前表现、使用的触发、用户投诉或反馈、移动体验；流量来源、新 vs 回访、显示的页面类型。

## 原则

- **时机即一切**：太早=烦扰，太晚=错失，合适=需要时提供有用报价。  
- **价值必须明显**：清晰、即时利益，与页面上下文相关，值得打断。  
- **尊重用户**：易关闭、不陷阱或欺骗、记住偏好、不破坏体验。

## 触发策略

- **时间**：不推荐「5 秒后」，更好「30～60 秒后」（已验证参与）。  
- **滚动**：典型 25～50% 深度，表示内容参与。  
- **退出意图**：检测光标移向关闭/离开，最后捕获机会。  
- **点击触发**：用户发起（点击按钮/链接），零烦扰。  
- **页面数/会话**：访问 X 页后，表示研究/比较行为。  
- **行为**：加购放弃、定价页访客、重复页面访问。

## 弹窗类型

**邮件捕获**：清晰价值主张（非仅「订阅」）、具体利益、单字段（仅邮箱）、考虑激励。  
**线索磁铁**：展示所得（封面图、预览）、具体有形承诺、最少字段、即时交付期望。  
**折扣/促销**：清晰折扣、截止日期创造紧迫、单次使用、易用代码。  
**退出意图**：承认离开、不同于入口弹窗的报价、处理常见异议、最后有说服力的理由。  
**公告横幅**：页面顶部（粘性或静态）、单一清晰信息、可关闭、链接到更多信息、限时。

## 设计最佳实践

**视觉层级**：标题（最大，最先见）→ 价值主张/报价 → 表单/CTA → 关闭选项。  
**尺寸**：桌面 400～600px 宽，不覆盖全屏；移动全宽底部或居中，非全屏；留空间关闭（可见 X，点击外部）。  
**关闭按钮**：始终可见（右上为惯例）、移动端足够大、文本链接「不，谢谢」作为替代、点击外部关闭。  
**移动考虑**：无法检测退出意图（用替代）、全屏覆盖感觉激进、底部滑入效果好、更大触摸目标、易关闭手势。

## 文案公式

**标题**：利益驱动、提问、命令、社会证明、好奇。  
**副标题**：扩展承诺、处理异议（「绝不垃圾邮件」）、设定期望（「每周 5 分钟提示」）。  
**CTA 按钮**：第一人称有效、具体优于通用、价值聚焦。  
**拒绝选项**：礼貌，非内疚诱导。

## 频率与规则

**频率上限**：每会话最多一次、记住关闭（cookie/localStorage）、7～30 天后再显示、尊重用户选择。  
**受众定向**：新 vs 回访（不同需求）、按流量来源（匹配广告信息）、按页面类型（上下文相关）、排除已转化用户、排除最近关闭的。  
**页面规则**：排除结账/转化流程、考虑博客 vs 产品页、匹配报价到页面上下文。

## 合规与无障碍

**GDPR/隐私**：清晰同意语言、链接到隐私政策、不预选选择加入、尊重退订/偏好。  
**无障碍**：键盘可导航（Tab、Enter、Esc）、打开时焦点陷阱、屏幕阅读器兼容、足够颜色对比、不单靠颜色。  
**Google 指南**：侵入性插页式广告损害 SEO，移动端尤其敏感；允许：Cookie 通知、年龄验证、合理横幅；避免：移动端内容前全屏。

## 度量

**关键指标**：展示率、转化率（展示→提交）、关闭率、参与率（关闭前互动）、关闭时间。  
**追踪**：弹窗浏览、表单焦点、提交尝试、成功提交、关闭按钮点击、外部点击、Esc 键。  
**基准**：邮件弹窗 2～5% 转化典型，退出意图 3～10%，点击触发更高（10%+，自选）。

## 常见弹窗策略

**电商**：入口/滚动=首次购买折扣，退出意图=更大折扣或提醒，加购放弃=完成订单。  
**B2B SaaS**：点击触发=Demo 请求/线索磁铁，滚动=简报/博客订阅，退出意图=试用提醒或内容报价。  
**内容/媒体**：滚动=参与后简报，页面数=多次访问后订阅，退出意图=不错过未来内容。  
**线索生成**：时间延迟=一般列表建设，点击触发=特定线索磁铁，退出意图=最后捕获尝试。

## 实验想法

**位置与格式**：顶部栏 vs 标题下横幅、粘性 vs 静态、全宽 vs 包含、中心模态 vs 角落滑入、全屏覆盖 vs 较小模态、底部栏 vs 角落弹窗。  
**触发**：退出意图 vs 30 秒延迟 vs 50% 滚动、时间延迟（10s vs 30s vs 60s）、滚动深度（25% vs 50% vs 75%）、页面数触发、基于意图预测、基于特定页面访问、回访 vs 新访客定向、基于推荐来源。  
**信息与内容**：标题变体、CTA 按钮文案、按钮颜色、主要+次要 CTA vs 单一、拒绝文本、倒计时器、有/无图片、产品预览 vs 通用图像、弹窗内社会证明。  
**个性化**：基于访客数据个性化、显示行业特定内容、基于访问页面定制、使用渐进式画像。  
**频率与规则**：频率上限测试、关闭后冷却期、不同关闭行为、多次访问显示递增报价。

## 相关技能

form-cro、page-cro、email-sequence、ab-test-setup。