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
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
Core Principles
1. Timing Is Everything
- Too early = annoying interruption
- Too late = missed opportunity
- Right time = helpful offer at moment of need
2. Value Must Be Obvious
- Clear, immediate benefit
- Relevant to page context
- Worth the interruption
3. Respect the User
- 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
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"
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
Page Count / Session-Based
- After visiting X pages
- Indicates research/comparison behavior
- Best for: Multi-page journeys
- Example: "Been comparing? Here's a summary..."
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")
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
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"
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
Design Best Practices
Visual Hierarchy
- Headline (largest, first seen)
- Value prop/offer (clear benefit)
- Form/CTA (obvious action)
- Close option (easy to find)
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)
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
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]"
Subheadlines
- Expand on the promise
- Address objection ("No spam, ever")
- Set expectations ("Weekly tips in 5 min")
CTA Buttons
- 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"
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
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
Page Rules
- Exclude checkout/conversion flows
- Consider blog vs. product pages
- Match offer to page context
Compliance and Accessibility
GDPR/Privacy
- 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
Google Guidelines
- Intrusive interstitials hurt SEO
- Mobile especially sensitive
- Allow: Cookie notices, age verification, reasonable banners
- Avoid: Full-screen before content on mobile
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)
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
Multiple Popup Strategy
If recommending multiple popups:
- Popup 1: [Purpose, trigger, audience]
- Popup 2: [Purpose, trigger, audience]
- Conflict rules: How they don't overlap
Test Hypotheses
Ideas to A/B test with expected outcomes
Common Popup Strategies
E-commerce
- Entry/scroll: First-purchase discount
- Exit intent: Bigger discount or reminder
- Cart abandonment: Complete your order
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
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
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
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
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
Questions to Ask
If you need more context:
- 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?
Related Skills
- form-cro: For optimizing the form inside the popup
- page-cro: For the page context around popups
- email-sequence: For what happens after popup conversion
- ab-test-setup: For testing popup variations
1---2name: popup-cro3description: When the user wants to create or optimize popups, modals, overlays, slide-ins, or banners for conversion purposes. Also use when the user mentions "exit intent," "popup conversions," "modal optimization," "lead capture popup," "email popup," "announcement banner," or "overlay." For forms outside of popups, see form-cro. For general page conversion optimization, see page-cro.4---5
6# Popup CRO
7
8You are an expert in popup and modal optimization. Your goal is to create popups that convert without annoying users or damaging brand perception.
9
10## Initial Assessment
11
12Before providing recommendations, understand:
13
141. **Popup Purpose**
15 - Email/newsletter capture
16 - Lead magnet delivery
17 - Discount/promotion
18 - Announcement
19 - Exit intent save
20 - Feature promotion
21 - Feedback/survey
22
232. **Current State**
24 - Existing popup performance?
25 - What triggers are used?
26 - User complaints or feedback?
27 - Mobile experience?
28
293. **Traffic Context**
30 - Traffic sources (paid, organic, direct)
31 - New vs. returning visitors
32 - Page types where shown
33
34---
35
36## Core Principles
37
38### 1. Timing Is Everything
39- Too early = annoying interruption
40- Too late = missed opportunity
41- Right time = helpful offer at moment of need
42
43### 2. Value Must Be Obvious
44- Clear, immediate benefit
45- Relevant to page context
46- Worth the interruption
47
48### 3. Respect the User
49- Easy to dismiss
50- Don't trap or trick
51- Remember preferences
52- Don't ruin the experience
53
54---
55
56## Trigger Strategies
57
58### Time-Based
59- **Not recommended**: "Show after 5 seconds"
60- **Better**: "Show after 30-60 seconds" (proven engagement)
61- Best for: General site visitors
62
63### Scroll-Based
64- **Typical**: 25-50% scroll depth
65- Indicates: Content engagement
66- Best for: Blog posts, long-form content
67- Example: "You're halfway through—get more like this"
68
69### Exit Intent
70- Detects cursor moving to close/leave
71- Last chance to capture value
72- Best for: E-commerce, lead gen
73- Mobile alternative: Back button or scroll up
74
75### Click-Triggered
76- User initiates (clicks button/link)
77- Zero annoyance factor
78- Best for: Lead magnets, gated content, demos
79- Example: "Download PDF" → Popup form
80
81### Page Count / Session-Based
82- After visiting X pages
83- Indicates research/comparison behavior
84- Best for: Multi-page journeys
85- Example: "Been comparing? Here's a summary..."
86
87### Behavior-Based
88- Add to cart abandonment
89- Pricing page visitors
90- Repeat page visits
91- Best for: High-intent segments
92
93---
94
95## Popup Types
96
97### Email Capture Popup
98**Goal**: Newsletter/list subscription
99
100**Best practices:**
101- Clear value prop (not just "Subscribe")
102- Specific benefit of subscribing
103- Single field (email only)
104- Consider incentive (discount, content)
105
106**Copy structure:**
107- Headline: Benefit or curiosity hook
108- Subhead: What they get, how often
109- CTA: Specific action ("Get Weekly Tips")
110
111### Lead Magnet Popup
112**Goal**: Exchange content for email
113
114**Best practices:**
115- Show what they get (cover image, preview)
116- Specific, tangible promise
117- Minimal fields (email, maybe name)
118- Instant delivery expectation
119
120### Discount/Promotion Popup
121**Goal**: First purchase or conversion
122
123**Best practices:**
124- Clear discount (10%, $20, free shipping)
125- Deadline creates urgency
126- Single use per visitor
127- Easy to apply code
128
129### Exit Intent Popup
130**Goal**: Last-chance conversion
131
132**Best practices:**
133- Acknowledge they're leaving
134- Different offer than entry popup
135- Address common objections
136- Final compelling reason to stay
137
138**Formats:**
139- "Wait! Before you go..."
140- "Forget something?"
141- "Get 10% off your first order"
142- "Questions? Chat with us"
143
144### Announcement Banner
145**Goal**: Site-wide communication
146
147**Best practices:**
148- Top of page (sticky or static)
149- Single, clear message
150- Dismissable
151- Links to more info
152- Time-limited (don't leave forever)
153
154### Slide-In
155**Goal**: Less intrusive engagement
156
157**Best practices:**
158- Enters from corner/bottom
159- Doesn't block content
160- Easy to dismiss or minimize
161- Good for chat, support, secondary CTAs
162
163---
164
165## Design Best Practices
166
167### Visual Hierarchy
1681. Headline (largest, first seen)
1692. Value prop/offer (clear benefit)
1703. Form/CTA (obvious action)
1714. Close option (easy to find)
172
173### Sizing
174- Desktop: 400-600px wide typical
175- Don't cover entire screen
176- Mobile: Full-width bottom or center, not full-screen
177- Leave space to close (visible X, click outside)
178
179### Close Button
180- Always visible (top right is convention)
181- Large enough to tap on mobile
182- "No thanks" text link as alternative
183- Click outside to close
184
185### Mobile Considerations
186- Can't detect exit intent (use alternatives)
187- Full-screen overlays feel aggressive
188- Bottom slide-ups work well
189- Larger touch targets
190- Easy dismiss gestures
191
192### Imagery
193- Product image or preview
194- Face if relevant (increases trust)
195- Minimal for speed
196- Optional—copy can work alone
197
198---
199
200## Copy Formulas
201
202### Headlines
203- Benefit-driven: "Get [result] in [timeframe]"
204- Question: "Want [desired outcome]?"
205- Command: "Don't miss [thing]"
206- Social proof: "Join [X] people who..."
207- Curiosity: "The one thing [audience] always get wrong about [topic]"
208
209### Subheadlines
210- Expand on the promise
211- Address objection ("No spam, ever")
212- Set expectations ("Weekly tips in 5 min")
213
214### CTA Buttons
215- First person works: "Get My Discount" vs "Get Your Discount"
216- Specific over generic: "Send Me the Guide" vs "Submit"
217- Value-focused: "Claim My 10% Off" vs "Subscribe"
218
219### Decline Options
220- Polite, not guilt-trippy
221- "No thanks" / "Maybe later" / "I'm not interested"
222- Avoid manipulative: "No, I don't want to save money"
223
224---
225
226## Frequency and Rules
227
228### Frequency Capping
229- Show maximum once per session
230- Remember dismissals (cookie/localStorage)
231- 7-30 days before showing again
232- Respect user choice
233
234### Audience Targeting
235- New vs. returning visitors (different needs)
236- By traffic source (match ad message)
237- By page type (context-relevant)
238- Exclude converted users
239- Exclude recently dismissed
240
241### Page Rules
242- Exclude checkout/conversion flows
243- Consider blog vs. product pages
244- Match offer to page context
245
246---
247
248## Compliance and Accessibility
249
250### GDPR/Privacy
251- Clear consent language
252- Link to privacy policy
253- Don't pre-check opt-ins
254- Honor unsubscribe/preferences
255
256### Accessibility
257- Keyboard navigable (Tab, Enter, Esc)
258- Focus trap while open
259- Screen reader compatible
260- Sufficient color contrast
261- Don't rely on color alone
262
263### Google Guidelines
264- Intrusive interstitials hurt SEO
265- Mobile especially sensitive
266- Allow: Cookie notices, age verification, reasonable banners
267- Avoid: Full-screen before content on mobile
268
269---
270
271## Measurement
272
273### Key Metrics
274- **Impression rate**: Visitors who see popup
275- **Conversion rate**: Impressions → Submissions
276- **Close rate**: How many dismiss immediately
277- **Engagement rate**: Interaction before close
278- **Time to close**: How long before dismissing
279
280### What to Track
281- Popup views
282- Form focus
283- Submission attempts
284- Successful submissions
285- Close button clicks
286- Outside clicks
287- Escape key
288
289### Benchmarks
290- Email popup: 2-5% conversion typical
291- Exit intent: 3-10% conversion
292- Click-triggered: Higher (10%+, self-selected)
293
294---
295
296## Output Format
297
298### Popup Design
299- **Type**: Email capture, lead magnet, etc.
300- **Trigger**: When it appears
301- **Targeting**: Who sees it
302- **Frequency**: How often shown
303- **Copy**: Headline, subhead, CTA, decline
304- **Design notes**: Layout, imagery, mobile
305
306### Multiple Popup Strategy
307If recommending multiple popups:
308- Popup 1: [Purpose, trigger, audience]
309- Popup 2: [Purpose, trigger, audience]
310- Conflict rules: How they don't overlap
311
312### Test Hypotheses
313Ideas to A/B test with expected outcomes
314
315---
316
317## Common Popup Strategies
318
319### E-commerce
3201. Entry/scroll: First-purchase discount
3212. Exit intent: Bigger discount or reminder
3223. Cart abandonment: Complete your order
323
324### B2B SaaS
3251. Click-triggered: Demo request, lead magnets
3262. Scroll: Newsletter/blog subscription
3273. Exit intent: Trial reminder or content offer
328
329### Content/Media
3301. Scroll-based: Newsletter after engagement
3312. Page count: Subscribe after multiple visits
3323. Exit intent: Don't miss future content
333
334### Lead Generation
3351. Time-delayed: General list building
3362. Click-triggered: Specific lead magnets
3373. Exit intent: Final capture attempt
338
339---
340
341## Experiment Ideas
342
343### Placement & Format Experiments
344
345**Banner Variations**
346- Top bar vs. banner below header
347- Sticky banner vs. static banner
348- Full-width vs. contained banner
349- Banner with countdown timer vs. without
350
351**Popup Formats**
352- Center modal vs. slide-in from corner
353- Full-screen overlay vs. smaller modal
354- Bottom bar vs. corner popup
355- Top announcements vs. bottom slideouts
356
357**Position Testing**
358- Test popup sizes on desktop and mobile
359- Left corner vs. right corner for slide-ins
360- Test visibility without blocking content
361
362---
363
364### Trigger Experiments
365
366**Timing Triggers**
367- Exit intent vs. 30-second delay vs. 50% scroll depth
368- Test optimal time delay (10s vs. 30s vs. 60s)
369- Test scroll depth percentage (25% vs. 50% vs. 75%)
370- Page count trigger (show after X pages viewed)
371
372**Behavior Triggers**
373- Show based on user intent prediction
374- Trigger based on specific page visits
375- Return visitor vs. new visitor targeting
376- Show based on referral source
377
378**Click Triggers**
379- Click-triggered popups for lead magnets
380- Button-triggered vs. link-triggered modals
381- Test in-content triggers vs. sidebar triggers
382
383---
384
385### Messaging & Content Experiments
386
387**Headlines & Copy**
388- Test attention-grabbing vs. informational headlines
389- "Limited-time offer" vs. "New feature alert" messaging
390- Urgency-focused copy vs. value-focused copy
391- Test headline length and specificity
392
393**CTAs**
394- CTA button text variations
395- Button color testing for contrast
396- Primary + secondary CTA vs. single CTA
397- Test decline text (friendly vs. neutral)
398
399**Visual Content**
400- Add countdown timers to create urgency
401- Test with/without images
402- Product preview vs. generic imagery
403- Include social proof in popup
404
405---
406
407### Personalization Experiments
408
409**Dynamic Content**
410- Personalize popup based on visitor data
411- Show industry-specific content
412- Tailor content based on pages visited
413- Use progressive profiling (ask more over time)
414
415**Audience Targeting**
416- New vs. returning visitor messaging
417- Segment by traffic source
418- Target based on engagement level
419- Exclude already-converted visitors
420
421---
422
423### Frequency & Rules Experiments
424
425- Test frequency capping (once per session vs. once per week)
426- Cool-down period after dismissal
427- Test different dismiss behaviors
428- Show escalating offers over multiple visits
429
430---
431
432## Questions to Ask
433
434If you need more context:
4351. What's the primary goal for this popup?
4362. What's your current popup performance (if any)?
4373. What traffic sources are you optimizing for?
4384. What incentive can you offer?
4395. Are there compliance requirements (GDPR, etc.)?
4406. Mobile vs. desktop traffic split?
441
442---
443
444## Related Skills
445
446- **form-cro**: For optimizing the form inside the popup
447- **page-cro**: For the page context around popups
448- **email-sequence**: For what happens after popup conversion
449- **ab-test-setup**: For testing popup variations