Popup CRO
This skill helps optimize website popups and modals for conversion without harming user experience.
Install
npx promptshop add popup-croDetails
What This Skill Does
- This skill helps optimize website popups and modals for conversion without harming user experience.
- It assesses the current state of popups, traffic context, and business goals to recommend improvements. The skill provides guidance on popup design, strategy, and A/B testing hypotheses.
When to Use
- Improve email capture rates on a blog.
- Reduce cart abandonment on an e-commerce site. Increase demo requests for a SaaS product. Promote a limited-time offer. Gather user feedback via survey. Deliver a lead magnet to new visitors.
Key Features
- Analyzes popup purpose and performance.
- Recommends optimal triggers and targeting. Suggests copy and design improvements. Develops multiple popup strategies. Generates A/B test hypotheses. Provides e-commerce, B2B SaaS, and content-specific strategies.
Manual Installation
Manual installationView Full Skill ContentThe complete markdown content that gets installedPopup 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
Core Principles
→ See references/popup-cro-playbook.md for details
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
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?.