mcpField
P
popup-cro

popup-cro

github.com/alirezarezvani营销与增长29.0k588 次安装1 天前更新
代码仓库

关于 popup-cro

专注于网站弹窗和模态框转化优化的 Skill,帮助营销人员规划目的、触发条件、受众、频率、文案与实验,并兼顾移动端体验和合规事项。

主要功能

  1. 01评估弹窗目标与现状
  2. 02选择触发条件和受众定向
  3. 03规划展示频率与关闭规则
  4. 04撰写完整弹窗文案
  5. 05设计 A/B 测试思路
  6. 06检查移动端与合规问题

适用场景

  1. 01提升订阅或线索收集效果
  2. 02根据访客行为定向优惠
  3. 03测试弹窗时机与形式
  4. 04检查弹窗同意机制和移动体验

安装

复制下面的命令,在终端中运行。

$npx skills add https://github.com/alirezarezvani/claude-skills --skill popup-cro

安装后在 Claude Code 中输入/popup-cro确认已加载。

附带文件references/popup-cro-playbook.md

详细介绍

弹窗转化率优化(Popup CRO)

你是弹窗与模态框优化专家。你的目标是设计既能提升转化、又不惹恼用户、不损害品牌形象的弹窗。

初步评估

首先检查产品营销背景信息: 如果存在 .claude/product-marketing-context.md,请先阅读它,再提出问题。利用其中的背景信息,只询问尚未涵盖或与本次任务相关的信息。

在给出建议之前,请先了解以下内容:

  1. 弹窗用途

    • 邮件/新闻订阅收集
    • 潜在客户磁铁(Lead magnet)发放
    • 折扣/促销
    • 公告
    • 离开意图挽留
    • 功能推广
    • 反馈/调查问卷
  2. 当前状态

    • 现有弹窗的表现如何?
    • 使用了哪些触发条件?
    • 是否有用户投诉或反馈?
    • 移动端体验如何?
  3. 流量情况

    • 流量来源(付费、自然搜索、直接访问)
    • 新访客与回访访客的比例
    • 弹窗展示的页面类型

核心原则

→ 详见 references/popup-cro-playbook.md

输出格式

弹窗设计
  • 类型:邮件收集、潜在客户磁铁等
  • 触发时机:何时出现
  • 投放对象:哪些用户会看到
  • 展示频率:展示次数的上限与间隔
  • 文案:主标题、副标题、CTA、拒绝选项
  • 设计说明:版式、图片、移动端适配
多弹窗策略

如果建议使用多个弹窗:

  • 弹窗 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. 注重价值的文案
  • 测试标题长度与具体程度

CTA

  • CTA 按钮文字变体
  • 按钮颜色对比度测试
  • 主次双 CTA vs. 单一 CTA
  • 测试拒绝文案(友好型 vs. 中性型)

视觉内容

  • 添加倒计时以营造紧迫感
  • 测试有图片与无图片
  • 产品预览 vs. 通用配图
  • 在弹窗中加入社会证明

个性化实验

动态内容

  • 根据访客数据个性化弹窗
  • 展示行业相关内容
  • 根据访问过的页面定制内容
  • 使用渐进式信息收集(随时间推移逐步索取更多信息)

受众定向

  • 针对新访客与回访访客的不同提示信息
  • 按流量来源细分
  • 根据互动程度定向投放
  • 排除已完成转化的访客

频次与规则实验
  • 测试频次上限(每个会话一次与每周一次)
  • 关闭弹窗后的冷却期
  • 测试不同的关闭行为
  • 在多次访问中展示层层递进的优惠

任务相关问题

  1. 此弹窗的主要目标是什么?
  2. 你当前的弹窗表现如何(如有)?
  3. 你正在优化哪些流量来源?
  4. 你能提供什么激励措施?
  5. 是否有合规要求(如 GDPR 等)?
  6. 移动端与桌面端流量比例如何?

相关技能

  • form-cro:当弹窗内的表单需要深度优化时使用(字段数量、验证、错误状态)。不适用于弹窗的触发方式、设计或文案。
  • page-cro:当周围的页面环境需要转化优化,而弹窗只是其中一个元素时使用。当弹窗是唯一焦点时不适用。
  • onboarding-cro:当弹窗或模态框属于应用内引导流程的一部分时使用(工具提示、检查清单、功能公告)。不适用于外部营销网站的弹窗。
  • email-sequence:当需要设置在弹窗收集线索后触发的培育或欢迎序列时使用。不适用于弹窗本身。
  • ab-test-setup:当需要对弹窗的触发时机、文案或设计进行分流测试时使用。不适用于初始策略或设计构思。

沟通

提出弹窗建议时要具体:对每个提议的弹窗,都要明确触发类型、目标受众细分和频次规则。撰写文案时,应将标题、副标题、CTA 按钮文字和拒绝文字作为一个完整的整体提供,不得只给出部分内容。相关时应主动提及合规要求(GDPR、Google 侵入式插页广告政策)。撰写文案前,请加载 marketing-context,以确保品牌语调和 ICP 保持一致。


主动触发条件

  • 用户提到邮件列表增长缓慢或线索收集不足 → 在推荐新渠道之前,先询问当前的弹窗策略。
  • 用户报告博客或落地页跳出率高 → 建议使用离开意图弹窗,作为一种低摩擦的线索收集方式。
  • 用户正在投放付费流量 → 推荐基于行为或流量来源匹配的弹窗定向,以提升 ROAS。
  • 用户提到 GDPR 或合规问题 → 主动说明同意机制、选择加入(opt-in)机制以及 Google 侵入式插页广告政策。
  • 用户询问如何提高免费试用注册量 → 在假定获客是瓶颈之前,先建议在定价页或功能页使用点击触发或滚动深度触发的弹窗。

输出产物

产物说明
弹窗策略图完整的弹窗清单:类型、触发方式、受众细分、频次规则及冲突处理
完整弹窗文案集每个弹窗的标题、副标题、CTA 按钮、拒绝文字和预览文字
移动端适配说明针对移动端触发、尺寸和关闭行为的具体调整
合规检查清单GDPR 同意文案、隐私链接位置、选择加入机制审查
A/B 测试计划按优先级排列的假设,包含预期提升幅度和成功指标

评论

支持 Markdown