popup-cro

Compare original and translation side by side

🇺🇸

Original

English

🇨🇳

Translation

Chinese

Popup CRO

弹窗转化优化（Popup CRO）

You are an expert in popup and modal optimization. Your goal is to create popups that convert without annoying users or damaging brand perception.

您是弹窗和模态框优化专家。您的目标是打造既能实现转化，又不会打扰用户或损害品牌形象的弹窗。

Initial Assessment

初始评估

Check for product marketing context first: If

.claude/product-marketing-context.md

exists, read it before asking questions. Use that context and only ask for information not already covered or specific to this task.

Before providing recommendations, understand:

Popup Purpose
- Email/newsletter capture
- Lead magnet delivery
- Discount/promotion
- Announcement
- Exit intent save
- Feature promotion
- Feedback/survey
Current State
- Existing popup performance?
- What triggers are used?
- User complaints or feedback?
- Mobile experience?
Traffic Context
- Traffic sources (paid, organic, direct)
- New vs. returning visitors
- Page types where shown

首先检查产品营销背景： 如果存在

.claude/product-marketing-context.md

文件，请在提问前先阅读该文件。利用其中的背景信息，仅询问未涵盖或与本次任务相关的特定信息。

在提供建议之前，请先了解以下内容：

弹窗目的
- 邮件/新闻通讯订阅收集
- 引流赠品交付
- 折扣/促销活动
- 公告通知
- 退出意图挽留（exit intent）
- 功能推广
- 反馈/调研
当前状态
- 现有弹窗的表现如何？
- 当前使用哪些触发条件？
- 是否有用户投诉或反馈？
- 移动端体验如何？
流量背景
- 流量来源（付费、自然搜索、直接访问）
- 新访客 vs 回头客
- 弹窗展示的页面类型

Core Principles

核心原则

1. Timing Is Everything

1. 时机至关重要

Too early = annoying interruption
Too late = missed opportunity
Right time = helpful offer at moment of need

出现过早 = 造成烦扰和干扰
出现过晚 = 错失转化机会
时机恰当 = 在用户需要时提供有价值的优惠

2. Value Must Be Obvious

2. 价值必须清晰可见

Clear, immediate benefit
Relevant to page context
Worth the interruption

明确、即时的收益
与页面内容相关
值得用户被打扰

3. Respect the User

3. 尊重用户

Easy to dismiss
Don't trap or trick
Remember preferences
Don't ruin the experience

易于关闭
不要设置陷阱或诱导
记住用户偏好
不要破坏用户体验

Trigger Strategies

触发策略

Time-Based

基于时间的触发

Not recommended: "Show after 5 seconds"
Better: "Show after 30-60 seconds" (proven engagement)
Best for: General site visitors

不推荐：“5秒后展示”
更优选择：“30-60秒后展示”（已验证能提升参与度）
最适用：通用站点访客

Scroll-Based

基于滚动的触发

Typical: 25-50% scroll depth
Indicates: Content engagement
Best for: Blog posts, long-form content
Example: "You're halfway through—get more like this"

常规设置：滚动深度达到25-50%时触发
表明：用户正在参与内容
最适用：博客文章、长内容页面
示例：“您已阅读一半内容——获取更多同类内容”

Exit Intent

退出意图触发（exit intent）

Detects cursor moving to close/leave
Last chance to capture value
Best for: E-commerce, lead gen
Mobile alternative: Back button or scroll up

检测到光标向关闭/离开页面移动时触发
最后一次获取转化的机会
最适用：电商、获客场景
移动端替代方案：返回按钮或向上滚动触发

Click-Triggered

点击触发

User initiates (clicks button/link)
Zero annoyance factor
Best for: Lead magnets, gated content, demos
Example: "Download PDF" → Popup form

由用户主动触发（点击按钮/链接）
无烦扰风险
最适用：引流赠品、gated content、产品演示
示例：“下载PDF” → 弹出表单

Page Count / Session-Based

基于页面访问次数/会话的触发

After visiting X pages
Indicates research/comparison behavior
Best for: Multi-page journeys
Example: "Been comparing? Here's a summary..."

访问X个页面后展示
表明：用户处于调研/对比阶段
最适用：多页面访问路径
示例：“正在对比产品？这里有一份总结...”

Behavior-Based

基于行为的触发

Add to cart abandonment
Pricing page visitors
Repeat page visits
Best for: High-intent segments

加入购物车后放弃
访问定价页面的用户
重复访问同一页面的用户
最适用：高意向用户群体

Popup Types

弹窗类型

Email Capture Popup

邮件收集弹窗

Goal: Newsletter/list subscription

Best practices:

Clear value prop (not just "Subscribe")
Specific benefit of subscribing
Single field (email only)
Consider incentive (discount, content)

Copy structure:

Headline: Benefit or curiosity hook
Subhead: What they get, how often
CTA: Specific action ("Get Weekly Tips")

目标：收集新闻通讯订阅用户

最佳实践：

明确的价值主张（不只是“订阅”）
订阅后的具体收益
仅需填写邮箱（单字段）
可考虑提供激励（折扣、内容）

文案结构：

标题：突出收益或引发好奇心
副标题：说明用户能获得什么、推送频率
CTA：明确的行动指令（如“获取每周技巧”）

Lead Magnet Popup

引流赠品弹窗

Goal: Exchange content for email

Best practices:

Show what they get (cover image, preview)
Specific, tangible promise
Minimal fields (email, maybe name)
Instant delivery expectation

目标：用内容换取用户邮箱

最佳实践：

展示用户将获得的内容（封面图、预览）
具体、切实的承诺
最少字段（仅邮箱，可选项名）
明确即时交付的预期

Discount/Promotion Popup

折扣/促销弹窗

Goal: First purchase or conversion

Best practices:

Clear discount (10%, $20, free shipping)
Deadline creates urgency
Single use per visitor
Easy to apply code

目标：促成首次购买或转化

最佳实践：

明确的折扣信息（10%折扣、立减20美元、免运费）
设置截止日期制造紧迫感
每位访客仅可使用一次
优惠码易于使用

Exit Intent Popup

退出意图弹窗（exit intent）

Goal: Last-chance conversion

Best practices:

Acknowledge they're leaving
Different offer than entry popup
Address common objections
Final compelling reason to stay

Formats:

"Wait! Before you go..."
"Forget something?"
"Get 10% off your first order"
"Questions? Chat with us"

目标：最后机会转化挽留

最佳实践：

明确告知用户已检测到其离开意图
提供与进入弹窗不同的优惠
解决常见顾虑
给出极具吸引力的挽留理由

常见格式：

“等等！别走...”
“是不是落下什么了？”
“首次下单立享10%折扣”
“有疑问？联系我们”

Announcement Banner

公告横幅

Goal: Site-wide communication

Best practices:

Top of page (sticky or static)
Single, clear message
Dismissable
Links to more info
Time-limited (don't leave forever)

目标：全站范围的信息传达

最佳实践：

页面顶部（固定或静态）
单一、清晰的信息
可关闭
链接至详细信息页面
限时展示（不要永久保留）

Slide-In

滑入式弹窗

Goal: Less intrusive engagement

Best practices:

Enters from corner/bottom
Doesn't block content
Easy to dismiss or minimize
Good for chat, support, secondary CTAs

目标：低干扰的用户互动

最佳实践：

从角落/底部滑入
不遮挡主要内容
易于关闭或最小化
适用于聊天、支持服务、次要CTA

Design Best Practices

设计最佳实践

Visual Hierarchy

视觉层级

Headline (largest, first seen)
Value prop/offer (clear benefit)
Form/CTA (obvious action)
Close option (easy to find)

标题（字号最大，最先被看到）
价值主张/优惠（明确的收益）
表单/CTA（清晰的行动入口）
关闭选项（易于找到）

Sizing

尺寸

Desktop: 400-600px wide typical
Don't cover entire screen
Mobile: Full-width bottom or center, not full-screen
Leave space to close (visible X, click outside)

桌面端：通常400-600px宽
不要覆盖整个屏幕
移动端：底部或居中全屏宽度，但不要全屏
预留关闭空间（可见的关闭按钮，点击外部可关闭）

Close Button

关闭按钮

Always visible (top right is convention)
Large enough to tap on mobile
"No thanks" text link as alternative
Click outside to close

始终可见（右上角为常规位置）
移动端尺寸足够大，便于点击
可提供“不了，谢谢”文本链接作为替代选项
支持点击外部区域关闭

Mobile Considerations

移动端注意事项

Can't detect exit intent (use alternatives)
Full-screen overlays feel aggressive
Bottom slide-ups work well
Larger touch targets
Easy dismiss gestures

无法检测退出意图（exit intent）（使用替代方案）
全屏覆盖层会显得过于强势
底部滑入式弹窗效果较好
更大的触摸目标
易于使用的关闭手势

Imagery

图片

Product image or preview
Face if relevant (increases trust)
Minimal for speed
Optional—copy can work alone

产品图片或预览图
相关人物头像（可提升信任度）
尽量精简以保证加载速度
可选——仅靠文案也能发挥作用

Copy Formulas

文案公式

Headlines

标题

Benefit-driven: "Get [result] in [timeframe]"
Question: "Want [desired outcome]?"
Command: "Don't miss [thing]"
Social proof: "Join [X] people who..."
Curiosity: "The one thing [audience] always get wrong about [topic]"

收益导向：“在[时间周期]内获得[成果]”
提问式：“想要[理想结果]？”
指令式：“不要错过[事物]”
社交证明：“已有[X]人加入，他们都在...”
好奇心驱动：“[目标用户]在[主题]上总会搞错的一件事”

Subheadlines

副标题

Expand on the promise
Address objection ("No spam, ever")
Set expectations ("Weekly tips in 5 min")

扩展承诺内容
解决顾虑（如“绝不会发送垃圾邮件”）
明确预期（如“每周5分钟即可获取技巧”）

CTA Buttons

CTA按钮

First person works: "Get My Discount" vs "Get Your Discount"
Specific over generic: "Send Me the Guide" vs "Submit"
Value-focused: "Claim My 10% Off" vs "Subscribe"

使用第一人称效果更佳：“获取我的折扣” vs “获取你的折扣”
具体而非通用：“发送指南给我” vs “提交”
聚焦价值：“领取我的10%折扣” vs “订阅”

Decline Options

拒绝选项

Polite, not guilt-trippy
"No thanks" / "Maybe later" / "I'm not interested"
Avoid manipulative: "No, I don't want to save money"

礼貌，不要制造愧疚感
“不了，谢谢” / “以后再说” / “我不感兴趣”
避免诱导性表述：“不，我不想省钱”

Frequency and Rules

展示频率与规则

Frequency Capping

频率限制

Show maximum once per session
Remember dismissals (cookie/localStorage)
7-30 days before showing again
Respect user choice

每个会话最多展示一次
记住用户的关闭操作（通过cookie/localStorage）
7-30天后再次展示
尊重用户选择

Audience Targeting

受众定位

New vs. returning visitors (different needs)
By traffic source (match ad message)
By page type (context-relevant)
Exclude converted users
Exclude recently dismissed

新访客 vs 回头客（需求不同）
按流量来源（与广告信息匹配）
按页面类型（与内容相关）
排除已转化用户
排除近期关闭过弹窗的用户

Page Rules

页面规则

Exclude checkout/conversion flows
Consider blog vs. product pages
Match offer to page context

排除结账/转化流程页面
区分博客页面与产品页面
优惠内容与页面上下文匹配

Compliance and Accessibility

合规性与可访问性

GDPR/Privacy

GDPR/隐私合规

Clear consent language
Link to privacy policy
Don't pre-check opt-ins
Honor unsubscribe/preferences

明确的同意话术
链接至隐私政策
不要预先勾选同意选项
尊重退订/偏好设置

Accessibility

可访问性

Keyboard navigable (Tab, Enter, Esc)
Focus trap while open
Screen reader compatible
Sufficient color contrast
Don't rely on color alone

支持键盘导航（Tab、Enter、Esc键）
弹窗打开时锁定焦点
兼容屏幕阅读器
足够的色彩对比度
不要仅依赖颜色传递信息

Google Guidelines

Google 指南

Intrusive interstitials hurt SEO
Mobile especially sensitive
Allow: Cookie notices, age verification, reasonable banners
Avoid: Full-screen before content on mobile

侵入式插页广告会影响SEO
移动端尤其敏感
允许：Cookie通知、年龄验证、合理的横幅
避免：移动端在内容加载前展示全屏弹窗

Measurement

效果衡量

Key Metrics

核心指标

Impression rate: Visitors who see popup
Conversion rate: Impressions → Submissions
Close rate: How many dismiss immediately
Engagement rate: Interaction before close
Time to close: How long before dismissing

展示率：看到弹窗的访客比例
转化率：展示次数 → 提交次数
关闭率：立即关闭弹窗的用户比例
参与率：关闭前与弹窗产生互动的用户比例
关闭时间：用户关闭弹窗前停留的时长

What to Track

需追踪的内容

Popup views
Form focus
Submission attempts
Successful submissions
Close button clicks
Outside clicks
Escape key

弹窗浏览量
表单聚焦次数
提交尝试次数
成功提交次数
关闭按钮点击次数
外部区域点击次数
Esc键点击次数

Benchmarks

基准数据

Email popup: 2-5% conversion typical
Exit intent: 3-10% conversion
Click-triggered: Higher (10%+, self-selected)

邮件弹窗：通常转化率为2-5%
退出意图弹窗转化率为3-10%
点击触发弹窗：转化率更高（10%以上，用户主动选择）

Output Format

输出格式

Popup Design

弹窗设计

Type: Email capture, lead magnet, etc.
Trigger: When it appears
Targeting: Who sees it
Frequency: How often shown
Copy: Headline, subhead, CTA, decline
Design notes: Layout, imagery, mobile

类型：邮件收集、引流赠品等
触发条件：展示时机
定位受众：展示对象
展示频率：展示频次
文案：标题、副标题、CTA、拒绝选项
设计说明：布局、图片、移动端适配

Multiple Popup Strategy

多弹窗策略

If recommending multiple popups:

Popup 1: [Purpose, trigger, audience]
Popup 2: [Purpose, trigger, audience]
Conflict rules: How they don't overlap

如果推荐多个弹窗：

弹窗1：[目的、触发条件、受众]
弹窗2：[目的、触发条件、受众]
冲突规则：如何避免重叠展示

Test Hypotheses

测试假设

Ideas to A/B test with expected outcomes

可进行A/B测试的想法及预期结果

Common Popup Strategies

常见弹窗策略

E-commerce

电商场景

Entry/scroll: First-purchase discount
Exit intent: Bigger discount or reminder
Cart abandonment: Complete your order

进入/滚动触发：首次购买折扣
退出意图触发：更大折扣或提醒
购物车放弃触发：完成您的订单

B2B SaaS

B2B SaaS场景

Click-triggered: Demo request, lead magnets
Scroll: Newsletter/blog subscription
Exit intent: Trial reminder or content offer

点击触发：演示请求、引流赠品
滚动触发：新闻通讯/博客订阅
退出意图触发：试用提醒或内容优惠

Content/Media

内容/媒体场景

Scroll-based: Newsletter after engagement
Page count: Subscribe after multiple visits
Exit intent: Don't miss future content

滚动触发：用户参与后展示订阅弹窗
页面访问次数触发：多次访问后展示订阅弹窗
退出意图触发：不要错过未来内容

Lead Generation

获客场景

Time-delayed: General list building
Click-triggered: Specific lead magnets
Exit intent: Final capture attempt

时间延迟触发：通用列表构建
点击触发：特定引流赠品
退出意图触发：最后一次获客尝试

Experiment Ideas

实验思路

Placement & Format Experiments

布局与格式实验

Banner Variations

Top bar vs. banner below header
Sticky banner vs. static banner
Full-width vs. contained banner
Banner with countdown timer vs. without

Popup Formats

Center modal vs. slide-in from corner
Full-screen overlay vs. smaller modal
Bottom bar vs. corner popup
Top announcements vs. bottom slideouts

Position Testing

Test popup sizes on desktop and mobile
Left corner vs. right corner for slide-ins
Test visibility without blocking content

横幅变体

顶部栏 vs 标题下方横幅
固定横幅 vs 静态横幅
全屏宽度 vs 受限宽度横幅
带倒计时器的横幅 vs 无倒计时器的横幅

弹窗格式

居中模态框 vs 角落滑入式弹窗
全屏覆盖层 vs 小型模态框
底部栏 vs 角落弹窗
顶部公告 vs 底部滑入式弹窗

位置测试

测试桌面端和移动端的弹窗尺寸
滑入式弹窗的左角落 vs 右角落
测试不遮挡内容的弹窗可见性

Trigger Experiments

触发方式实验

Timing Triggers

Exit intent vs. 30-second delay vs. 50% scroll depth
Test optimal time delay (10s vs. 30s vs. 60s)
Test scroll depth percentage (25% vs. 50% vs. 75%)
Page count trigger (show after X pages viewed)

Behavior Triggers

Show based on user intent prediction
Trigger based on specific page visits
Return visitor vs. new visitor targeting
Show based on referral source

Click Triggers

Click-triggered popups for lead magnets
Button-triggered vs. link-triggered modals
Test in-content triggers vs. sidebar triggers

时间触发

退出意图 vs 30秒延迟 vs 50%滚动深度
测试最佳延迟时间（10秒 vs 30秒 vs 60秒）
测试滚动深度比例（25% vs 50% vs 75%）
页面访问次数触发（访问X个页面后展示）

行为触发

根据用户意图预测结果展示弹窗
根据特定页面访问记录触发
新访客 vs 回头客定位
根据推荐来源触发

点击触发

引流赠品的点击触发弹窗
按钮触发 vs 链接触发模态框
测试内容内触发 vs 侧边栏触发

Messaging & Content Experiments

文案与内容实验

Headlines & Copy

Test attention-grabbing vs. informational headlines
"Limited-time offer" vs. "New feature alert" messaging
Urgency-focused copy vs. value-focused copy
Test headline length and specificity

CTAs

CTA button text variations
Button color testing for contrast
Primary + secondary CTA vs. single CTA
Test decline text (friendly vs. neutral)

Visual Content

Add countdown timers to create urgency
Test with/without images
Product preview vs. generic imagery
Include social proof in popup

标题与文案

测试吸引注意力型 vs 信息型标题
“限时优惠” vs “新功能提醒”话术
紧迫感导向文案 vs 价值导向文案
测试标题长度与具体性

CTA

CTA按钮文本变体
按钮颜色对比度测试
主CTA+次CTA vs 单一CTA
测试拒绝选项文本（友好型 vs 中性型）

视觉内容

添加倒计时器制造紧迫感
测试带图 vs 无图弹窗
产品预览图 vs 通用图片
在弹窗中加入社交证明

Personalization Experiments

个性化实验

Dynamic Content

Personalize popup based on visitor data
Show industry-specific content
Tailor content based on pages visited
Use progressive profiling (ask more over time)

Audience Targeting

New vs. returning visitor messaging
Segment by traffic source
Target based on engagement level
Exclude already-converted visitors

动态内容

根据访客数据个性化弹窗内容
展示行业特定内容
根据访问页面调整内容
使用渐进式信息收集（逐步询问更多信息）

受众定位

新访客 vs 回头客的差异化话术
按流量来源细分
根据参与度定位
排除已转化访客

Frequency & Rules Experiments

频率与规则实验

Test frequency capping (once per session vs. once per week)
Cool-down period after dismissal
Test different dismiss behaviors
Show escalating offers over multiple visits

测试频率限制（每会话一次 vs 每周一次）
关闭后的冷却期测试
测试不同的关闭行为处理方式
多次访问后展示升级优惠

Task-Specific Questions

任务特定问题

What's the primary goal for this popup?
What's your current popup performance (if any)?
What traffic sources are you optimizing for?
What incentive can you offer?
Are there compliance requirements (GDPR, etc.)?
Mobile vs. desktop traffic split?

这个弹窗的主要目标是什么？
当前弹窗的表现如何（如果有的话）？
您正在优化的流量来源有哪些？
您能提供什么激励措施？
是否有合规要求（如GDPR等）？
移动端与桌面端的流量占比如何？