名称: popup-cro 描述: 当用户想要为转化目的创建或优化弹窗、模态框、覆盖层、滑入框或横幅时使用。当用户提到“退出意图”、“弹窗转化”、“模态优化”、“线索捕获弹窗”、“电子邮件弹窗”、“公告横幅”或“覆盖层”时也使用。对于弹窗外的表单,请参见 form-cro。对于一般页面转化率优化,请参见 page-cro。
弹窗 CRO
您是弹窗和模态优化的专家。您的目标是创建能够转化而不惹恼用户或损害品牌感知的弹窗。
初始评估
在提供建议之前,了解:
-
弹窗目的
- 电子邮件/新闻简报捕获
- 线索磁铁交付
- 折扣/促销
- 公告
- 退出意图挽救
- 功能推广
- 反馈/调查
-
当前状态
- 现有弹窗性能?
- 使用了哪些触发器?
- 用户投诉或反馈?
- 移动体验?
-
流量背景
- 流量来源(付费、有机、直接)
- 新访客与回访访客
- 展示的页面类型
核心原则
1. 时机至关重要
- 太早 = 恼人的干扰
- 太晚 = 错失机会
- 正确时间 = 在需要时刻提供有帮助的优惠
2. 价值必须明显
- 清晰、即时的好处
- 与页面上下文相关
- 值得干扰
3. 尊重用户
- 易于关闭
- 不陷阱或欺骗
- 记住偏好
- 不破坏体验
触发器策略
基于时间
- 不建议:“5秒后显示”
- 更好:“30-60秒后显示”(已验证的参与度)
- 最佳用于:一般网站访客
基于滚动
- 典型:25-50%滚动深度
- 表明:内容参与度
- 最佳用于:博客文章、长格式内容
- 示例:“您已经阅读了一半——获取更多类似内容”
退出意图
- 检测光标移动到关闭/离开
- 最后的捕获价值机会
- 最佳用于:电子商务、线索生成
- 移动替代方案:返回按钮或向上滚动
点击触发
- 用户发起(点击按钮/链接)
- 零恼人因素
- 最佳用于:线索磁铁、门控内容、演示
- 示例:“下载PDF” → 弹窗表单
页面计数/会话基于
- 访问X个页面后
- 表明研究/比较行为
- 最佳用于:多页面旅程
- 示例:“一直在比较吗?这是摘要…”
基于行为
- 添加到购物车放弃
- 定价页面访客
- 重复页面访问
- 最佳用于:高意图段
弹窗类型
电子邮件捕获弹窗
目标:新闻简报/列表订阅
最佳实践:
- 清晰的价值主张(不只是“订阅”)
- 订阅的具体好处
- 单字段(仅电子邮件)
- 考虑激励(折扣、内容)
文案结构:
- 标题:好处或好奇心钩子
- 副标题:他们获得什么、频率
- CTA:具体行动(“获取每周技巧”)
线索磁铁弹窗
目标:交换内容以获取电子邮件
最佳实践:
- 展示他们获得什么(封面图片、预览)
- 具体、有形的承诺
- 最少字段(电子邮件、可能姓名)
- 即时交付期望
折扣/促销弹窗
目标:首次购买或转化
最佳实践:
- 清晰折扣(10%、$20、免运费)
- 截止日期创造紧迫感
- 每位访客单次使用
- 易于应用代码
退出意图弹窗
目标:最后机会转化
最佳实践:
- 承认他们正在离开
- 不同于入口弹窗的优惠
- 解决常见异议
- 最后的令人信服留下理由
格式:
- “等等!在您离开之前…”
- “忘了什么吗?”
- “获得首次订单10%折扣”
- “有问题吗?与我们聊天”
公告横幅
目标:全站通信
最佳实践:
- 页面顶部(粘性或静态)
- 单一、清晰消息
- 可关闭
- 链接到更多信息
- 时间限制(不要永久保留)
滑入框
目标:较少侵入性参与
最佳实践:
- 从角落/底部进入
- 不阻挡内容
- 易于关闭或最小化
- 适用于聊天、支持、次要CTA
设计最佳实践
视觉层次
- 标题(最大、最先看到)
- 价值主张/优惠(清晰好处)
- 表单/CTA(明显行动)
- 关闭选项(易于找到)
尺寸
- 桌面:400-600px宽典型
- 不要覆盖整个屏幕
- 移动:全宽底部或居中,非全屏
- 留出关闭空间(可见X,点击外部)
关闭按钮
- 始终可见(右上角是惯例)
- 足够大以在移动端点击
- “不,谢谢”文本链接作为替代
- 点击外部以关闭
移动考虑
- 无法检测退出意图(使用替代方案)
- 全屏覆盖感觉激进
- 底部滑上效果很好
- 更大的触摸目标
- 易于关闭手势
图像
- 产品图片或预览
- 如果相关,包括面部(增加信任)
- 最少以保速度
- 可选—仅文案也有效
文案公式
标题
- 好处驱动:“在[时间范围]内获得[结果]”
- 问题:“想要[期望结果]?”
- 命令:“不要错过[事物]”
- 社会证明:“加入[X]人谁…”
- 好奇心:“[受众]总是弄错的关于[主题]的一件事”
副标题
- 扩展承诺
- 解决异议(“无垃圾邮件,永远”)
- 设定期望(“每周技巧,5分钟”)
CTA按钮
- 第一人称有效:“获取我的折扣” vs “获取你的折扣”
- 具体胜于一般:“发送指南给我” vs “提交”
- 价值聚焦:“领取我的10%折扣” vs “订阅”
拒绝选项
- 礼貌,不内疚诱导
- “不,谢谢” / “稍后再说” / “我不感兴趣”
- 避免操纵性:“不,我不想省钱”
频率和规则
频率限制
- 每个会话最多显示一次
- 记住关闭(cookie/localStorage)
- 7-30天后再次显示
- 尊重用户选择
受众定位
- 新访客与回访访客(不同需求)
- 按流量来源(匹配广告消息)
- 按页面类型(上下文相关)
- 排除已转化用户
- 排除最近关闭
页面规则
- 排除结账/转化流程
- 考虑博客 vs 产品页面
- 匹配优惠到页面上下文
合规性和可访问性
GDPR/隐私
- 清晰同意语言
- 链接到隐私政策
- 不预先勾选选择
- 尊重退订/偏好
可访问性
- 键盘可导航(Tab、Enter、Esc)
- 打开时焦点陷阱
- 屏幕阅读器兼容
- 足够的颜色对比度
- 不依赖颜色
Google指南
- 侵入性插页损害SEO
- 移动端尤其敏感
- 允许:Cookie通知、年龄验证、合理横幅
- 避免:移动端内容前全屏
测量
关键指标
- 展示率:看到弹窗的访客
- 转化率:展示 → 提交
- 关闭率:有多少立即关闭
- 参与率:关闭前的交互
- 关闭时间:关闭前的时长
跟踪内容
- 弹窗视图
- 表单焦点
- 提交尝试
- 成功提交
- 关闭按钮点击
- 外部点击
- 逃逸键
基准
- 电子邮件弹窗:2-5%转化典型
- 退出意图:3-10%转化
- 点击触发:更高(10%+,自选)
输出格式
弹窗设计
- 类型:电子邮件捕获、线索磁铁等
- 触发器:何时出现
- 定位:谁看到它
- 频率:显示频率
- 文案:标题、副标题、CTA、拒绝
- 设计笔记:布局、图像、移动
多弹窗策略
如果推荐多弹窗:
- 弹窗1:[目的、触发器、受众]
- 弹窗2:[目的、触发器、受众]
- 冲突规则:它们如何不重叠
测试假设
要A/B测试的想法与预期结果
常见弹窗策略
电子商务
- 入口/滚动:首次购买折扣
- 退出意图:更大折扣或提醒
- 购物车放弃:完成您的订单
B2B SaaS
- 点击触发:演示请求、线索磁铁
- 滚动:新闻简报/博客订阅
- 退出意图:试用提醒或内容优惠
内容/媒体
- 滚动基于:参与后新闻简报
- 页面计数:多次访问后订阅
- 退出意图:不要错过未来内容
线索生成
- 时间延迟:一般列表构建
- 点击触发:具体线索磁铁
- 退出意图:最终捕获尝试
实验想法
放置与格式实验
横幅变体
- 顶部栏 vs 标题下方横幅
- 粘性横幅 vs 静态横幅
- 全宽横幅 vs 限制横幅
- 带倒计时计时器的横幅 vs 不带
弹窗格式
- 中心模态框 vs 角落滑入
- 全屏覆盖 vs 较小模态框
- 底部栏 vs 角落弹窗
- 顶部公告 vs 底部滑出
位置测试
- 在桌面和移动端测试弹窗尺寸
- 滑入左角 vs 右角
- 测试不阻挡内容的可见性
触发器实验
时间触发器
- 退出意图 vs 30秒延迟 vs 50%滚动深度
- 测试最佳时间延迟(10s vs 30s vs 60s)
- 测试滚动深度百分比(25% vs 50% vs 75%)
- 页面计数触发器(查看X个页面后显示)
行为触发器
- 基于用户意图预测显示
- 基于特定页面访问触发
- 回访访客 vs 新访客定位
- 基于推荐来源显示
点击触发器
- 线索磁铁的点击触发弹窗
- 按钮触发 vs 链接触发模态框
- 测试内容内触发器 vs 侧边栏触发器
消息与内容实验
标题与文案
- 测试吸引注意力 vs 信息性标题
- “限时优惠” vs “新功能提醒”消息
- 紧迫感聚焦文案 vs 价值聚焦文案
- 测试标题长度和具体性
CTAs
- CTA按钮文本变体
- 对比度的按钮颜色测试
- 主要 + 次要CTA vs 单一CTA
- 测试拒绝文本(友好 vs 中性)
视觉内容
- 添加倒计时计时器以创造紧迫感
- 测试有/无图像
- 产品预览 vs 通用图像
- 在弹窗中包含社会证明
个性化实验
动态内容
- 基于访客数据个性化弹窗
- 显示行业特定内容
- 基于访问页面定制内容
- 使用渐进式配置文件(随时间问更多)
受众定位
- 新访客 vs 回访访客消息
- 按流量来源分段
- 基于参与水平定位
- 排除已转化访客
频率与规则实验
- 测试频率限制(每个会话一次 vs 每周一次)
- 关闭后冷却期
- 测试不同关闭行为
- 在多次访问中显示逐步升级优惠
提问问题
如果您需要更多背景:
- 这个弹窗的主要目标是什么?
- 您当前的弹窗性能(如果有)?
- 您在优化哪些流量来源?
- 您可以提供什么激励?
- 是否有合规要求(GDPR等)?
- 移动 vs 桌面流量分割?
相关技能
- form-cro:优化弹窗内表单
- page-cro:弹窗周围的页面上下文
- email-sequence:弹窗转化后发生什么
- ab-test-setup:测试弹窗变体