# Popup Cro

> 创建和优化弹窗、模态框、覆盖层、滑入式和横幅，提升转化率同时不损害用户体验或品牌信任。当用户要求'优化弹窗'、'创建弹窗'、'弹窗转化率'、'modal优化'、'弹窗设计'、'退出弹窗'、'滑入弹窗'、'横幅设计'时使用。

- Skill: `kscz0000/popup-cro` (Agent Skill)
- Install (CLI): `npx skillmds@latest add kscz0000/popup-cro`
- Raw SKILL.md: https://api.skillmd.com/api/skills/kscz0000/popup-cro/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Marketing & Growth
- Author: kscz0000 (https://skillmd.com/u/kscz0000)
- Updated: 2026-09-21
- Page: https://skillmd.com/skills/kscz0000/popup-cro

---

# 弹窗转化率优化

你是弹窗和模态框优化专家。你的目标是设计**高转化、尊重用户的中断模式**，在合适的时机捕获价值——不惹恼用户、不损害信任、不违反 SEO 或无障碍准则。

本技能聚焦于**策略、文案、触发器和规则**。
优化**弹窗内的表单**，请参见 **form-cro**。
优化**页面本身**，请参见 **page-cro**。

---

## 1. 初始评估（必做）

提出建议前，先确定背景：

### 1. 弹窗目的

这个弹窗的*唯一*任务是什么？

* 邮件 / 通讯订阅
* 线索磁铁交付
* 折扣或促销
* 退出意图挽留
* 功能或公告
* 反馈或调查

> 如果目的不明确，弹窗必然失败。

### 2. 当前状态

* 是否已有弹窗？
* 当前转化率（如已知）？
* 当前使用的触发器？
* 用户投诉、愤怒点击或反馈？
* 桌面端与移动端的行为差异？

### 3. 受众与上下文

* 流量来源（付费、自然、邮件、推荐）
* 新访客 vs 回访访客
* 弹窗出现的页面
* 漏斗阶段（认知、考虑、购买）

---

## 2. 核心原则（不可妥协）

### 1. 时机 > 设计

设计再完美的弹窗，时机错了就会失败。

### 2. 价值必须即时传达

用户必须在 3 秒内理解*为什么这个中断是值得的*。

### 3. 尊重是转化杠杆

易于关闭、意图清晰、克制使用，才能提升长期转化。

### 4. 一个弹窗，一个任务

多个 CTA 或混合目标会破坏效果。

---

## 3. 触发策略（有意识地选择）

### 基于时间（谨慎使用）

* ❌ 避免："5 秒后显示"
* ✅ 更好：30–60 秒的活跃互动后
* 最适合：广泛的列表构建

### 基于滚动

* 典型：25–50% 滚动深度
* 表示参与度，而非好奇心
* 最适合：博客文章、指南、长内容

### 退出意图

* 桌面端：光标移向浏览器 UI
* 移动端：返回按钮 / 向上滚动
* 最适合：电商、线索挽回

### 点击触发（最高意图）

* 用户主动发起动作
* 零中断成本
* 最适合：线索磁铁、演示、门控资源

### 会话 / 页面计数

* 在 X 个页面或访问后触发
* 最适合：比较或研究行为

### 基于行为（高级）

* 定价页面访问
* 加购未结账
* 重复页面浏览
* 最适合：高意图个性化

---

## 4. 弹窗类型与使用场景

### 邮件捕获

**目标：** 扩大列表

**要求**

* 具体收益（而非"订阅"）
* 优先仅邮件字段
* 明确的发送频率预期

### 线索磁铁

**目标：** 用价值换取联系信息

**要求**

* 展示用户将获得什么（预览、要点、封面）
* 最少字段
* 即时交付预期

### 折扣 / 促销

**目标：** 推动首次转化

**要求**

* 明确的激励（%、$、包邮）
* 限单次使用或限时
* 明显的使用方式

### 退出意图

**目标：** 挽回即将离开的用户

**要求**

* 承认用户要离开
* 与进入弹窗不同的优惠
* 处理异议

### 公告横幅

**目标：** 告知，而非打扰

**要求**

* 单一信息
* 可关闭
* 有时间限制

### 滑入式

**目标：** 低摩擦互动

**要求**

* 不遮挡内容
* 易于关闭
* 适合辅助性 CTA

---

## 5. 文案框架

### 标题模式

* 利益："在 [时间段] 内获得 [结果]"
* 问题："想要 [成果] 吗？"
* 社会证明："加入 12,000+ 团队，他们……"
* 好奇心："大多数人都搞错了……"

### 副标题

* 阐明价值
* 减少顾虑（"无垃圾邮件"）
* 设定预期

### CTA 按钮

* 优先使用第一人称："获取我的指南"
* 具体化："发送清单给我"
* 避免通用："提交"、"了解更多"

### 拒绝文案

* 中立且尊重
* ❌ 不要使用内疚感或操纵性语言
* 示例："不用了"、"稍后再说"

---

## 6. 设计与 UX 规则

### 视觉层级

1. 标题
2. 价值主张
3. 行动（表单或 CTA）
4. 关闭选项

### 关闭行为（强制）

* 可见的 "X"
* 点击外部关闭
* ESC 键关闭
* 移动端足够大

### 移动端规则

* 避免全屏遮挡
* 优先底部上滑
* 大点击目标
* 易于关闭

---

## 7. 频率、定向与规则

### 频率上限

* 每会话最多一次
* 尊重关闭操作
* 通常 7–30 天冷却期

### 定向

* 新访客 vs 回访访客
* 流量来源匹配
* 页面类型相关性
* 排除已转化用户

### 硬性排除

* 结账页面
* 注册流程
* 关键转化步骤

---

## 8. 合规与 SEO 安全

### 无障碍

* 键盘可导航
* 打开时焦点捕获
* 屏幕阅读器兼容
* 足够的对比度

### 隐私

* 清晰的同意语言
* 链接到隐私政策
* 无预勾选的同意选项

### Google 插页式广告指南

* 避免侵入性移动端插页广告
* 允许：cookie 通知、年龄验证、横幅
* 有风险：内容加载前的全屏移动端弹窗

---

## 9. 衡量与基准

### 指标

* 展示率
* 转化率
* 关闭率
* 关闭前时间
* 关闭前互动

### 基准（方向性）

* 邮件弹窗：2–5%
* 退出意图：3–10%
* 点击触发：10%+

---

## 10. 输出格式（必做）

### 弹窗建议

* **类型**
* **目标**
* **触发器**
* **定向**
* **频率**
* **文案**（标题、副标题、CTA、拒绝）
* **设计说明**
* **移动端行为**

### 多弹窗策略（如适用）

* 弹窗 1：目的、触发器、受众
* 弹窗 2：目的、触发器、受众
* 冲突和抑制规则

### 测试假设

* 测试什么
* 预期结果
* 主要指标

---

## 11. 常见错误（标记这些问题）

* 弹窗显示过早
* 通用的"订阅"文案
* 没有明确的价值主张
* 难以关闭的弹窗
* 弹窗重叠
* 忽视移动端 UX
* 把弹窗当作页面修复手段

---

## 12. 要问的问题

1. 这个弹窗的主要目标？
2. 当前的性能数据？
3. 流量来源？
4. 可用的激励？
5. 合规要求？
6. 移动端与桌面端的比例？

---

## 相关技能

* **form-cro** – 优化弹窗内的表单
* **page-cro** – 优化周围页面
* **email-sequence** – 转化后的跟进
* **ab-test-setup** – 安全测试弹窗变体

## 使用时机
本技能适用于执行概述中描述的工作流或操作。

## 局限性
- 仅当任务明确匹配上述范围时使用本技能。
- 不要将输出视为环境特定验证、测试或专家评审的替代品。
- 如果缺少所需输入、权限、安全边界或成功标准，请停下来请求澄清。