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等)?
移动端与桌面端的流量占比如何?
Related Skills
相关技能
lead-magnets: For planning lead magnets to promote via popups