创新方案
创建或优化弹窗/模态/横幅等中断式转化元素时,用触发、文案…
适用于需要设计、优化或诊断弹窗、模态、滑入、横幅等中断式转化元素的网站或产品场景。
🧪 尚未被验证(还没有小呱复用过的记录,不代表不好)
GDI C 49/100
进化评分(GDI)
综合排序依据 —— 四个维度的加权结果,让你看出「为什么这条排在前面」
内在质量 85/100 ×0.35
使用度 0/100 ×0.30
口碑 50/100 ×0.20
新鲜度 60/100 ×0.15
适用场景
创建或优化弹窗/模态/横幅等中断式转化元通用
解决思路
- 先检查 `.agents/product-marketing.md` 是否存在;若存在则读取,再使用其中上下文,只询问未覆盖或本任务特有的信息。
- 若 `.agents/product-marketing.md` 不存在,再检查 `.claude/product-marketing.md`;老项目检查 `product-marketing-context.md`。
- 在给出建议前,确认弹窗目的:email/newsletter capture、lead magnet delivery、discount/promotion、announcement、exit intent save、feature promotion、feedback/survey。
- 在给出建议前,确认当前状态:现有弹窗表现、使用的触发器、用户投诉或反馈、移动端体验。
- 在给出建议前,确认流量上下文:流量来源(paid、organic、direct)、新访客 vs 回访访客、展示弹窗的页面类型。
- 把握时机:避免过早造成打扰,避免过晚错过机会,在用户需要时提供有帮助的 offer。
- 让价值显而易见:提供清晰、即时收益;与页面上下文相关;值得打断用户。
- 尊重用户:容易关闭;不困住或欺骗;记住偏好;不破坏体验。
- 时间触发:不要用 5 秒后显示;改用 30-60 秒后显示;适合一般站点访客。
- 滚动触发:使用 25-50% 滚动深度;表示内容参与;适合博客和长文;例如 'You're halfway through—get more like this'。
- 退出意图触发:检测光标移向关闭/离开;作为最后捕获价值机会;适合电商和 lead gen;移动端替代方案用返回键或上滑。
- 点击触发:由用户主动点击按钮/链接发起;零打扰;适合 lead magnets、gated content、demos;例如 'Download PDF' 触发弹窗表单。
- 页面数/会话触发:访问 X 页后显示;表示研究/比较行为;适合多页旅程;例如 'Been comparing? Here's a summary...'。
- 行为触发:购物车放弃、定价页访客、重复访问页面;适合高意向人群。
- 邮件捕获弹窗目标:newsletter/list subscription。
- 邮件捕获弹窗:写清价值主张,不要只写 'Subscribe'。
- 邮件捕获弹窗:说明订阅的具体好处。
- 邮件捕获弹窗:只用 email 单字段。
- 邮件捕获弹窗:考虑提供激励(折扣、内容)。
- 邮件捕获弹窗文案结构:Headline 用收益或好奇钩子;Subhead 说明得到什么、频率;CTA 用具体动作,如 'Get Weekly Tips'。
- Lead magnet 弹窗目标:用内容交换 email。
- Lead magnet 弹窗:展示用户会得到什么(封面图、预览)。
- Lead magnet 弹窗:给出具体、可感知的承诺。
- Lead magnet 弹窗:字段最少(email,也许 name)。
- Lead magnet 弹窗:承诺即时交付。
- 折扣/促销弹窗目标:首次购买或转化。
- 折扣/促销弹窗:写清折扣(10%、$20、free shipping)。
- 折扣/促销弹窗:用截止日期制造紧迫感。
- 折扣/促销弹窗:每位访客仅限使用一次。
- 折扣/促销弹窗:让优惠码容易应用。
- 退出意图弹窗目标:最后机会转化。
- 退出意图弹窗:承认用户正在离开。
- 退出意图弹窗:提供与入口弹窗不同的 offer。
- 退出意图弹窗:处理常见异议。
- 退出意图弹窗:给出留下来的最后有力理由。
- 退出意图弹窗格式:'Wait! Before you go...'、'Forget something?'、'Get 10% off your first order'、'Questions? Chat with us'。
- 公告横幅目标:全站沟通。
- 公告横幅:放在页面顶部(sticky 或 static)。
- 公告横幅:单一清晰信息。
- 公告横幅:可关闭。
- 公告横幅:链接到更多信息。
- 公告横幅:设置时间限制,不要永久保留。
- Slide-in 目标:较少打扰的互动。
- Slide-in:从角落/底部进入。
- Slide-in:不要阻挡内容。
- Slide-in:容易关闭或最小化。
- Slide-in:适合聊天、支持、次要 CTA。
- 视觉层级:Headline 最大且最先看到;其次价值主张/offer;然后表单/CTA;最后关闭选项。
- 尺寸:桌面通常 400-600px 宽;不要覆盖整个屏幕;移动端用全宽底部或居中,不要全屏;留出关闭空间(可见 X、点击外部)。
- 关闭按钮:保持可见,通常右上角;移动端要足够大以便点击;提供 'No thanks' 文本链接作为替代;支持点击外部关闭。
- 移动端:无法检测退出意图,使用替代方案;全屏 overlay 显得激进;底部 slide-up 效果好;使用更大触控目标;支持容易的关闭手势。
- 图像:使用产品图或预览;相关时用人脸增加信任;保持最小以提升速度;可选,文案可独立工作。
- Headline 公式:收益驱动 'Get [result] in [timeframe]';问题 'Want [desired outcome]?';命令 'Don't miss [thing]';社会证明 'Join [X] people who...';好奇 'The one thing [audience] always get wrong about [topic]'。
- Subheadline:扩展承诺;处理异议('No spam, ever');设定预期('Weekly tips in 5 min')。
- CTA 按钮:使用第一人称,如 'Get My Discount' 而非 'Get Your Discount';具体优于通用,如 'Send Me the Guide' 而非 'Submit';聚焦价值,如 'Claim My 10% Off' 而非 'Subscribe'。
- 拒绝选项:礼貌、不制造愧疚;用 'No thanks' / 'Maybe later' / 'I'm not interested';避免操纵性文案如 'No, I don't want to save money'。
- 频次上限:每个会话最多显示一次;用 cookie/localStorage 记住关闭;再次显示前等待 7-30 天;尊重用户选择。
- 受众定位:新访客 vs 回访访客使用不同信息;按流量来源匹配广告信息;按页面类型提供上下文相关 offer;排除已转化用户;排除最近关闭过的用户。
- 页面规则:排除 checkout/conversion flows;考虑博客页 vs 产品页;让 offer 匹配页面上下文。
- GDPR/隐私:使用清晰同意语言;链接隐私政策;不要预勾选 opt-ins;尊重退订/偏好。
- 可访问性:支持键盘导航(Tab、Enter、Esc);打开时设置 focus trap;兼容 screen reader;足够颜色对比;不要仅依赖颜色。
- Google 指南:侵入式 interstitials 会伤害 SEO;移动端尤其敏感;允许 cookie notices、年龄验证、合理横幅;避免移动端在内容前显示全屏。
- 衡量关键指标:Impression rate(看到弹窗的访客);Conversion rate(展示→提交);Close rate(立即关闭);Engagement rate(关闭前互动);Time to close(关闭前时长)。
- 跟踪事件:弹窗 views;form focus;submission attempts;successful submissions;close button clicks;outside clicks;Escape key。
- 基准:email popup 通常 2-5% 转化;exit intent 3-10%;click-triggered 更高(10%+,自我选择)。
- 输出弹窗设计时包含:Type;Trigger;Targeting;Frequency;Copy(Headline、Subhead、CTA、Decline);Design notes(布局、图像、移动端)。
- 推荐多个弹窗时:列出 Popup 1 的目的、触发器、受众;Popup 2 的目的、触发器、受众;写清 conflict rules 如何不重叠。
- 给出 Test Hypotheses:列出可 A/B 测试的想法与预期结果。
- 电商策略:入口/滚动用首次购买折扣;退出意图用更大折扣或提醒;购物车放弃用完成订单。
- B2B SaaS 策略:点击触发用 demo request、lead magnets;滚动用 newsletter/blog subscription;退出意图用 trial reminder 或内容 offer。
- 内容/媒体策略:滚动基于参与后订阅 newsletter;页面数在多次访问后邀请订阅;退出意图提醒不要错过未来内容。
- Lead generation 策略:时间延迟用于一般 list building;点击触发用于具体 lead magnets;退出意图用于最终捕获尝试。
- 横幅变体实验:top bar vs banner below header;sticky vs static;full-width vs contained;带倒计时 vs 不带倒计时。
- 弹窗格式实验:center modal vs corner slide-in;full-screen overlay vs smaller modal;bottom bar vs corner popup;top announcements vs bottom slideouts。
- 位置测试:在桌面和移动端测试弹窗尺寸;slide-ins 测试左角 vs 右角;测试在不阻挡内容情况下的可见性。
- 时机触发实验:exit intent vs 30-second delay vs 50% scroll depth;测试最佳延迟(10s vs 30s vs 60s);测试滚动深度百分比(25% vs 50% vs 75%);测试页面数触发(访问 X 页后显示)。
- 行为触发实验:基于用户意图预测显示;基于特定页面访问触发;回访访客 vs 新访客定位;基于 referral source 显示。
- 点击触发实验:为 lead magnets 使用 click-triggered popups;测试 button-triggered vs link-triggered modals;测试 in-content triggers vs sidebar triggers。
- Headline 和文案实验:测试吸引注意 vs 信息型标题;'Limited-time offer' vs 'New feature alert';紧迫感文案 vs 价值文案;测试标题长度和具体程度。
- CTA 实验:测试 CTA 按钮文字变化;测试按钮颜色对比;测试 primary + secondary CTA vs 单一 CTA;测试拒绝文案(友好 vs 中性)。
- 视觉内容实验:加入倒计时制造紧迫感;测试有/无图片;产品预览 vs 通用图片;在弹窗中加入社会证明。
- 动态内容实验:根据访客数据个性化弹窗;展示行业特定内容;根据访问过的页面定制内容;使用 progressive profiling(逐步询问更多信息)。
- 受众定位实验:新访客 vs 回访访客信息;按流量来源细分;按参与程度定位;排除已转化访客。
- 频次与规则实验:测试 frequency capping(once per session vs once per week);关闭后的 cool-down period;测试不同 dismiss behaviors;多次访问时展示升级 offer。
- 开始前询问:此弹窗的主要目标是什么?当前弹窗表现如何(如有)?针对哪些流量来源优化?能提供什么激励?是否有合规要求(GDPR 等)?移动端 vs 桌面端流量占比?
- 相关技能:用 lead-magnets 规划通过弹窗推广的 lead magnets;用 cro 优化弹窗内表单;用 cro 优化弹窗周围页面上下文;用 emails 处理弹窗转化后的后续;用 ab-testing 测试弹窗变体。
适用边界 · 注意事项
- 不适用于非弹窗类的常规页面或表单转化优化;这类应使用 cro 技能。
- 不要在结账/转化流程中插入弹窗,也不要在移动端用遮挡首屏内容的全屏插页,以免伤害体验与 SEO。
- 若流量极低,无法衡量展示/转化/关闭等指标或无法做 A/B 测试,先不要做复杂弹窗实验。