popups

弹窗转化率优化

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

初步评估

首先检查产品营销上下文：
如果存在 .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个页面后
• 表示研究/比较行为
• 最适合：多页面旅程
• 示例：“一直在比较？这里有一份摘要...”

基于行为

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

---

弹窗类型

邮件捕获弹窗

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

最佳实践：

• 明确的价值主张（不仅仅是“订阅”）
• 订阅的具体好处
• 单个字段（仅邮箱）
• 考虑激励（折扣、内容）

文案结构：

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

引流磁石弹窗

目标：用内容交换邮箱

最佳实践：

• 展示他们得到什么（封面图片、预览）
• 具体、切实的承诺
• 最少字段（邮箱，也许姓名）
• 即时交付预期

折扣/促销弹窗

目标：首次购买或转化

最佳实践：

• 明确折扣（10%、20美元、免运费）
• 截止日期制造紧迫感
• 每位访客仅一次
• 易于应用优惠码

退出意图弹窗

目标：最后机会转化

最佳实践：

• 确认他们正在离开
• 提供与进入弹窗不同的优惠
• 解决常见异议
• 留下最后的令人信服的理由

格式：

• “等等！在您离开之前...”
• “忘了什么吗？”
• “首次订单享10%折扣”
• “有问题？与我们聊天”

公告横幅

目标：全站沟通

最佳实践：

• 页面顶部（粘性或静态）
• 单一、清晰的信息
• 可关闭
• 链接到更多信息
• 限时（不要永远保留）

滑入式窗口

目标：侵入性较小的互动

最佳实践：

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

---

设计最佳实践

视觉层次

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

尺寸

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

关闭按钮

• 保持可见（惯例是右上角）——找不到关闭按钮的用户会直接跳出
• 移动端足够大以便点击
• “不用了，谢谢”文字链接作为替代
• 点击外部关闭

移动端考虑

• 无法检测退出意图（使用替代方案）
• 全屏遮罩层感觉过于激进
• 底部滑入效果不错
• 更大的触摸目标
• 易于关闭的手势

图片

• 产品图片或预览
• 如果相关，使用人脸（增加信任）
• 尽量少用以保证速度
• 可选——文案本身也可以有效

---

文案公式

标题

• 利益驱动：“在[时间]内获得[结果]”
• 提问：“想要[期望结果]吗？”
• 命令：“不要错过[事物]”
• 社会证明：“加入[X]位已经...的人”
• 好奇心：“[受众]在[主题]上总是搞错的一件事”

副标题

• 扩展承诺
• 解决异议（“绝不发送垃圾邮件”）
• 设定期望（“每周5分钟技巧”）

行动号召按钮

• 第一人称有效：“获取我的折扣” vs “获取您的折扣”
• 具体优于通用：“发送指南给我” vs “提交”
• 价值导向：“领取我的10%优惠” vs “订阅”

拒绝选项

• 礼貌，不要让人内疚
• “不用了，谢谢” / “也许以后” / “我不感兴趣”
• 避免操纵性：“不，我不想省钱”

---

频率和规则

频率上限

• 每个会话最多显示一次
• 记住关闭状态（cookie/localStorage）
• 7-30天后再次显示
• 尊重用户选择

受众定向

• 新访客 vs. 回访访客（不同需求）
• 按流量来源（匹配广告信息）
• 按页面类型（上下文相关）
• 排除已转化用户
• 排除最近关闭的用户

页面规则

• 排除结账/转化流程
• 考虑博客 vs. 产品页面
• 匹配优惠与页面上下文

---

合规性和可访问性

GDPR/隐私

• 明确的同意语言
• 链接到隐私政策
• 不要预选勾选
• 尊重退订/偏好

可访问性

• 键盘可导航（Tab、Enter、Esc）
• 打开时焦点锁定
• 屏幕阅读器兼容
• 足够的颜色对比度
• 不要仅依赖颜色

Google 指南

• 侵入性插页广告损害SEO
• 移动端尤其敏感
• 允许：Cookie通知、年龄验证、合理横幅
• 避免：移动端内容前全屏显示

---

衡量指标

关键指标

• 展示率：看到弹窗的访客比例
• 转化率：展示 → 提交
• 关闭率：立即关闭的比例
• 互动率：关闭前的互动
• 关闭时间：关闭前的时间

需要追踪的数据

• 弹窗浏览
• 表单聚焦
• 提交尝试
• 成功提交
• 关闭按钮点击
• 外部点击
• Escape键

基准值

• 邮件弹窗：典型转化率2-5%
• 退出意图：转化率3-10%
• 点击触发：更高（10%以上，自选）

---

输出格式

弹窗设计

• 类型：邮件捕获、引流磁石等
• 触发：何时出现
• 定向：谁看到
• 频率：显示频率
• 文案：标题、副标题、行动号召、拒绝选项
• 设计说明：布局、图片、移动端

多弹窗策略

如果推荐多个弹窗：

• 弹窗1：[目的、触发、受众]
• 弹窗2：[目的、触发、受众]
• 冲突规则：如何不重叠

测试假设

A/B测试的想法及预期结果

---

常见弹窗策略

电商

1. 进入/滚动：首次购买折扣
2. 退出意图：更大折扣或提醒
3. 购物车放弃：完成您的订单

B2B SaaS

1. 点击触发：演示请求、引流磁石
2. 滚动：新闻通讯/博客订阅
3. 退出意图：试用提醒或内容优惠

内容/媒体

1. 基于滚动：互动后订阅新闻通讯
2. 页面计数：多次访问后订阅
3. 退出意图：不要错过未来内容

潜在客户生成

1. 时间延迟：通用列表构建
2. 点击触发：特定引流磁石
3. 退出意图：最终捕获尝试

---

实验想法

位置和格式实验

横幅变体

• 顶部栏 vs. 页眉下方横幅
• 粘性横幅 vs. 静态横幅
• 全宽 vs. 受限横幅
• 带倒计时横幅 vs. 不带

弹窗格式

• 居中模态框 vs. 角落滑入
• 全屏遮罩层 vs. 较小模态框
• 底部栏 vs. 角落弹窗
• 顶部公告 vs. 底部滑出

位置测试

• 测试桌面和移动端的弹窗尺寸
• 滑入式窗口的左角 vs. 右角
• 测试可见性而不遮挡内容

---

触发实验

时间触发

• 退出意图 vs. 30秒延迟 vs. 50%滚动深度
• 测试最佳时间延迟（10秒 vs. 30秒 vs. 60秒）
• 测试滚动深度百分比（25% vs. 50% vs. 75%）
• 页面计数触发（查看X个页面后显示）

行为触发

• 基于用户意图预测显示
• 基于特定页面访问触发
• 回访访客 vs. 新访客定向
• 基于引荐来源显示

点击触发

• 引流磁石的点击触发弹窗
• 按钮触发 vs. 链接触发模态框
• 测试内容内触发 vs. 侧边栏触发

---

信息和内容实验

标题和文案

• 测试吸引注意力的标题 vs. 信息性标题
• “限时优惠” vs. “新功能提醒”信息
• 紧迫感文案 vs. 价值文案
• 测试标题长度和具体性

行动号召

• 行动号召按钮文字变体
• 按钮颜色对比测试
• 主要+次要行动号召 vs. 单一行动号召
• 测试拒绝文字（友好 vs. 中性）

视觉内容

• 添加倒计时器制造紧迫感
• 测试带图片 vs. 不带图片
• 产品预览 vs. 通用图片
• 在弹窗中包含社会证明

---

个性化实验

动态内容

• 基于访客数据个性化弹窗
• 显示行业特定内容
• 根据访问页面定制内容
• 使用渐进式画像（随时间询问更多）

受众定向

• 新访客 vs. 回访访客信息
• 按流量来源细分
• 基于参与度水平定向
• 排除已转化访客

---

频率和规则实验

• 测试频率上限（每次会话一次 vs. 每周一次）
• 关闭后的冷却期
• 测试不同的关闭行为
• 多次访问时展示递增的优惠

---

任务特定问题

1. 这个弹窗的主要目标是什么？
2. 您当前的弹窗表现如何（如果有）？
3. 您正在优化哪些流量来源？
4. 您能提供什么激励？
5. 是否有合规要求（GDPR等）？
6. 移动端 vs. 桌面端流量比例？

---

相关技能

• lead-magnets：用于规划通过弹窗推广的引流磁石
• cro：用于优化弹窗内的表单
• cro：用于弹窗周围的页面上下文
• emails：用于弹窗转化后的后续操作
• ab-testing：用于测试弹窗变体