popup-cro

概览

popup-cro 是什么？

popup-cro 是一项专注于 conversion rate optimization（CRO，转化率优化）的专业技能，聚焦 popups、modals、overlays、slide-ins、sticky bars 和 notification banners。

它旨在帮助你打造真正能带来转化的打断式界面元素——例如 email 捕获 popups、exit-intent modals、折扣优惠弹窗、公告条等——同时尽量不破坏用户体验，也不损害品牌形象。

当你的目标是通过 popup 或 overlay 获得更多线索、增长 newsletter 订阅、推广某个活动或挽回即将流失的访客时，popup-cro 会为你提供一套结构化、可复用的流程，从规划、文案、设计取舍、触发方式到频率规则都有清晰指导。

谁应该使用 popup-cro？

如果你是以下角色，可以考虑使用 popup-cro：

• 想在不重做整页页面的前提下提升 landing page 转化率的市场或增长负责人
• 通过 popups 搭建 newsletter 或 lead magnet 漏斗的内容/邮件营销人员
• 需要简单有效 popup 指南、又不想聘请 CRO 代理的创始人或独立运营者
• 会实现 popups、但需要清晰策略、触发时机和文案方向的前端或 no-code 搭建者

如果你要优化的是嵌入页面的独立表单（而不是在 popup 中），请改用 form-cro 技能。如果需要做更宽泛的 landing page 或全站优化，请使用 page-cro。

popup-cro 解决哪些问题？

在这些情况下，popup-cro 特别有用：

• 正在运行的 popups 转化率低、打扰感强
• 不确定 什么时候 弹出 popup（延时、滚动深度、exit intent、页面定向等）
• 需要帮忙明确每个 popup 的 核心目的（email 捕获、折扣、公告、功能曝光、调研反馈等）
• 想提升 landing page 上 exit-intent popups 的表现
• 需要更清晰有力的 popup 标题、价值主张以及 CTAs
• 想制定更尊重用户的频率规则（例如避免每个页面都弹同一个 popup）

当你的工作中频繁出现 “exit intent”“lead capture popup”“email popup”“scroll trigger”“sticky bar” 或 “notification bar” 等词时，popup-cro 就尤其适用。

仓库中的核心能力

基于仓库中的技能定义和评估 prompts，popup-cro 做了针对性调优，能够：

• 在存在时优先使用 product marketing context 文件（.agents/product-marketing-context.md 或旧版 .claude/product-marketing-context.md），让推荐与品牌定位和目标受众保持一致。
• 为你的 popup 分类（exit-intent email capture、first-time visitor discount、announcement 等）。
• 为更高转化、低摩擦（通常是仅收集 email 的表单）推荐标题、激励点和表单结构。
• 建议触发和频率规则（如 exit-intent 检测、对关闭用户 “do not show again”、只针对首次访问用户等）。
• 提供贴近实际的 benchmark（例如 exit-intent popup 的常见转化区间），便于你评估表现。

使用方法

1. 安装与基础设置

要从 coreyhaines31/marketingskills 仓库安装 popup-cro 技能，运行：

npx skills add https://github.com/coreyhaines31/marketingskills --skill popup-cro

这会把技能定义和相关评估文件拉取到你的 skills 环境中。

安装完成后：

• 打开 skills/popup-cro/SKILL.md，查看核心指导和完整工作流程。
• 查看 skills/popup-cro/evals/evals.json，了解示例 prompts 以及高质量回答应覆盖的要点。

2. 理解工作流程

在给出具体建议之前，popup-cro 会遵循一套结构化流程：

1. 检查 product marketing context

   • 如果你的 repo 中包含 .agents/product-marketing-context.md（或旧版 .claude/product-marketing-context.md），popup-cro 会优先使用它。
   • 这样可以确保 popup 方案与受众、定位和核心价值主张相匹配。

2. 明确 popup 的目的
   该技能会要求你先明确（或通过对话澄清）这个 popup 的用途，例如：

   • Email / newsletter 捕获
   • Lead magnet 投放与领取
   • 折扣或促销（例如首次访问享受 10% 折扣）
   • 产品或功能公告
   • Exit-intent 挽留优惠
   • 意见反馈或调研收集

3. 评估当前状态与流量情况
   如果 popup 已经在运行，popup-cro 会引导你提供：

   • 当前表现数据（views、conversions、CTR）
   • 当前触发方式（停留时长、滚动深度、exit intent、页面定向等）
   • 用户投诉或 UX 问题（尤其是移动端）
   • 主要流量来源（付费 vs 自然、新访客 vs 回访、重点页面类型）

3. 运行常见实战场景

在你的 agent 或 skills 环境中，以任务为导向与 popup-cro 进行交互。下面是与仓库 evals 对应的一些示例场景。

Exit-intent email 捕获 popup

你可以这样向 popup-cro 提问：

Help me create an exit-intent popup for our SaaS landing page. We want to capture emails from visitors who are about to leave without signing up.

popup-cro 通常会帮助你：

• 确认这是一个 exit-intent email capture 类型的 popup。
• 拟定 有吸引力的标题，要么直击用户离开的原因，要么提供额外价值。
• 选择合适的 lead magnet 或激励（例如延长试用期、checklist、折扣），以提升转化率。
• 建议尽量简化表单（通常只收集 email），降低填写摩擦。
• 定义 清晰的 CTA 和易于关闭的选项。
• 推荐 触发配置（桌面端 exit-intent 行为、移动端替代方案）以及 频率规则（如关闭后一定时间内不再展示，最近完成转化的用户不再展示）。
• 分享 exit-intent popup 的现实 转化 benchmark（比如从个位数到低双位数的合理区间），让你判断结果是否健康。

首次访问用户折扣 popup

对于折扣类优惠，你可以这样提问：

We want to offer a 10% discount to first-time visitors via a popup. When should we show it and what should it say?

popup-cro 会帮助你：

• 将此归类为面向首次访问用户的 discount/promotion popup。
• 推荐合适的 展示时机（例如在用户有一定互动后再弹，而不是一加载就打断）。
• 提出 文案和价值呈现方式，让折扣显得合理、相关，而不是随机打折。
• 建议 频率和定向规则（仅限首次访问、限制展示次数、避免打断关键操作流程）。

4. 与现有技术栈集成

popup-cro 本身不会注入 JavaScript，也不负责实际渲染 popup。它提供的是策略和规格说明，你可以在现有工具中落地实现，例如：

• 前端代码（自定义 React/Vue 组件、vanilla JS popups）
• Landing page builders（如 Webflow、Framer 等）
• Popup 与站内消息工具（各类专用 popup 平台）

使用 popup-cro 明确：

• Popup 的目标与核心 KPI
• 触发规则（时间、滚动、exit intent、页面定向）
• 设计与布局取舍（字段数量、视觉元素、关闭按钮位置）
• 需要测试的文案与 CTA 变体

然后在你选择的工具中实现这些方案，并按需运行 A/B 测试。

5. 建议重点查看的技能文件

为了更好地利用 popup-cro，建议先从以下文件入手：

• SKILL.md – 主技能定义文件，包含原则说明和逐步指导（包括 Initial Assessment 和 Core Principles 等章节）。
• evals/evals.json – 精选评估 prompts，展示典型用例以及高质量完整回答应覆盖的内容。

常见问题（FAQ）

什么时候用 popup-cro，什么时候用 form-cro 或 page-cro？

当你在优化任何 打断式界面元素 时，使用 popup-cro：

• Popups 和 modals
• Slide-ins 和 overlays
• Sticky bars 和 notification bars

如果转化入口是嵌在页面里的（例如首屏 hero 区的报名表单），用 form-cro 更合适。如果你在优化的是整页或整条漏斗的布局、文案和路径，则使用 page-cro。

popup-cro 最擅长处理哪些类型的 popups？

popup-cro 针对各种营销场景的 popups 做了优化，主要包括：

• Exit-intent email 捕获 popups
• Newsletter 与 lead magnet popups
• 面向首次访问用户的折扣促销 modals
• 功能或产品公告 overlays
• 反馈与调研类 prompts
• Landing page 上的 sticky bars 和 notification banners

popup-cro 只管策略，还是也负责视觉设计？

popup-cro 的重点在于 策略和信息传达：

• 明确目标和受众
• 确定时机、触发方式和频率规则
• 选择合适的优惠和激励表达
• 提供标题、正文文案与 CTA 建议
• 关于表单长度和字段设置的建议

具体视觉（颜色、字体、排版布局）由你或设计工具决定。popup-cro 会强调一些 UX 关注点，比如 popup 要容易关闭、移动端使用体验要良好等。

popup-cro 能帮我避免打扰用户吗？

可以。popup-cro 的核心目标之一，就是在 提升转化的同时不过度打扰用户，也不损害品牌认知。它会鼓励你：

• 选择合理的弹出时机（避免用户刚进站就立刻打断）
• 限制单个用户每次会话中看到 popup 的频率
• 尊重用户关闭行为（在设定时间内不再展示）
• 保持文案真实可信，并与 product marketing context 保持一致

popup-cro 会提供性能 benchmark 吗？

从仓库中的评估可以看出，popup-cro 会参考一些 常见 popup 类型的典型转化区间（比如 exit-intent popup 的合理范围）。你可以用这些区间：

• 判断当前 popup 是否明显表现不佳
• 为测试设定现实的目标和预期

最终决策时，仍应结合你自己的历史数据和流量质量来综合判断。

为了获得最佳效果，我的 repo 需要准备什么？

如果想获得更准确、更贴合实际的建议，建议提前准备：

• 最新的 product marketing context 文件：
  • .agents/product-marketing-context.md，或
  • .claude/product-marketing-context.md（旧版结构）
• 已有 popups 的基础表现数据（views、conversions、主要流量来源）
• 对主要业务目标的清晰认识（例如是优先做 email list 增长，还是直接促进销售）

即便没有这些，popup-cro 也可以工作，但如果能提供，将大幅提升指导的质量和针对性。

popup-cro 适合用在非营销类 modals 上吗？

如果你的 modal 完全是功能性的（例如登录对话框、cookie 提示、系统警告等），popup-cro 并不是最合适的工具，因为它的指导重点在营销与转化。此类场景更应遵循你的 design system 和 UX 规范。

当 modal 或 popup 的目的是 驱动营销行为 时，popup-cro 就非常适用：例如引导注册、收集潜在客户、推广优惠，或获取与增长和转化相关的反馈。