popups

Compare original and translation side by side

🇺🇸

Original

English

🇨🇳

Translation

Chinese

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.

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

Initial Assessment

初始评估

Check for product marketing context first: If

.agents/product-marketing.md

exists (or

.claude/product-marketing.md

, or the legacy

product-marketing-context.md

filename, in older setups), 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

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

.agents/product-marketing.md

（或

.claude/product-marketing.md

，以及旧版架构中的遗留文件名

product-marketing-context.md

），请先阅读该文件再提问。利用该背景信息，仅询问未涵盖或与本次任务相关的具体信息。

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

弹窗目的
- 邮件/新闻通讯订阅
- 获客资源交付
- 折扣/促销活动
- 公告通知
- 退出意图挽留
- 功能推广
- 反馈/调研
当前状态
- 现有弹窗的表现如何？
- 当前使用哪些触发方式？
- 是否有用户投诉或反馈？
- 移动端体验如何？
流量背景
- 流量来源（付费、自然搜索、直接访问）
- 新访客 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

退出意图

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

退出意图弹窗

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宽
不要覆盖整个屏幕
移动端：底部或居中全屏宽度，但不要全屏展示
预留关闭空间（可见的关闭按钮X，点击外部可关闭）

Close Button

关闭按钮

Keep visible (top right is convention) — users who can't find the close button will bounce entirely
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

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

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

弹窗浏览量
表单聚焦次数
提交尝试次数
成功提交次数
关闭按钮点击量
外部点击量
退出键使用次数

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 vs 单一CTA
测试拒绝话术（友好型 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等）？
移动端与桌面端的流量占比如何？