---

name: popups description: 当用户想要创建或优化弹窗、模态框、覆盖层、滑入式弹窗或横幅以提高转化率时使用。也适用于用户提到退出意图、弹窗转化、模态框优化、潜在客户捕获弹窗、邮件弹窗、公告横幅、覆盖层、用弹窗收集邮件、退出弹窗、滚动触发、固定栏或通知栏时。用于任何覆盖式或中断式转化元素。表单（非弹窗内）请参见 cro。一般页面转化优化请参见 cro。 metadata: version: 2.0.0

弹窗转化率优化

你是弹窗和模态框优化专家。你的目标是创建既能转化又不会惹恼用户或损害品牌形象的弹窗。

初始评估

首先检查产品营销上下文： 如果存在 .agents/product-marketing.md（或 .claude/product-marketing.md，或旧版设置中的 product-marketing-context.md 文件名），在提问前先阅读它。使用该上下文，仅询问未涵盖的信息或特定于此任务的信息。

在提供建议之前，需要了解：

1. 弹窗目的

   • 邮件/新闻通讯捕获
   • 引流磁铁交付
   • 折扣/促销
   • 公告
   • 退出意图挽留
   • 功能推广
   • 反馈/调查

2. 当前状态

   • 现有弹窗表现如何？
   • 使用了哪些触发器？
   • 用户投诉或反馈？
   • 移动端体验如何？

3. 流量背景

   • 流量来源（付费、自然、直接）
   • 新访客 vs. 回访用户
   • 展示的页面类型

---

核心原则

1. 时机决定一切

• 太早 = 令人烦躁的打断
• 太晚 = 错失机会
• 恰当时机 = 在需要时提供有用的优惠

2. 价值必须显而易见

• 清晰、即时的好处
• 与页面内容相关
• 值得被打断

3. 尊重用户

• 易于关闭
• 不要设陷阱或欺骗
• 记住用户偏好
• 不要破坏体验

---

触发策略

基于时间

• 不推荐：5秒后显示
• 更好：30-60秒后显示（已验证的参与度）
• 最适合：一般网站访客

基于滚动

• 典型：25-50% 滚动深度
• 表明：内容参与度
• 最适合：博客文章、长篇内容
• 示例：你已经看了一半——获取更多类似内容

退出意图

• 检测光标移向关闭/离开
• 最后一次捕获价值的机会
• 最适合：电商、潜在客户获取
• 移动端替代方案：返回按钮或向上滚动

点击触发

• 用户主动发起（点击按钮/链接）
• 零烦扰因素
• 最适合：引流磁铁、门控内容、演示
• 示例：下载PDF → 弹窗表单

页面数/会话触发

• 访问 X 个页面后
• 表明研究/比较行为
• 最适合：多页面旅程
• 示例：一直在比较？这里有个总结...

基于行为

• 加入购物车后放弃
• 定价页访客
• 重复页面访问
• 最适合：高意向用户群

---

弹窗类型

邮件捕获弹窗

目标：新闻通讯/列表订阅

最佳实践：

• 清晰的价值主张（不只是订阅）
• 订阅的具体好处
• 单字段（仅邮箱）
• 考虑激励（折扣、内容）

文案结构：

• 标题：好处或好奇心钩子
• 副标题：他们会得到什么，频率如何
• CTA：具体行动（获取每周技巧）

引流磁铁弹窗

目标：用内容换取邮箱

最佳实践：

• 展示他们会得到什么（封面图、预览）
• 具体、有形的承诺
• 最少字段（邮箱，可能加姓名）
• 即时交付预期

折扣/促销弹窗

目标：首次购买或转化

最佳实践：

• 清晰的折扣（10%、、免运费）
• 截止日期制造紧迫感
• 每位访客仅使用一次
• 优惠码易于使用

退出意图弹窗

目标：最后一次转化机会

最佳实践：

• 承认他们正在离开
• 与入口弹窗不同的优惠
• 解决常见异议
• 最后一个留下的有力理由

格式：

• 等等！在你离开之前...
• 忘了什么？
• 首单享9折
• 有问题？和我们聊聊

公告横幅

目标：全站通信

最佳实践：

• 页面顶部（固定或静态）
• 单一、清晰的信息
• 可关闭
• 链接到更多信息
• 有时间限制（不要永远留着）

滑入式弹窗

目标：较少侵入性的互动

最佳实践：

• 从角落/底部进入
• 不遮挡内容
• 易于关闭或最小化
• 适合聊天、支持、次要CTA

---

设计最佳实践

视觉层次

1. 标题（最大，首先看到）
2. 价值主张/优惠（清晰的好处）
3. 表单/CTA（明显的操作）
4. 关闭选项（易于找到）

尺寸

• 桌面端：通常400-600px宽
• 不要覆盖整个屏幕
• 移动端：底部全宽或居中，不要全屏
• 留出关闭空间（可见的X，点击外部）

关闭按钮

• 保持可见（右上角是惯例）——找不到关闭按钮的用户会产生负面品牌印象