popup-cro
starsforks
How to install popup-cro?
mysticaltech/marketingskills/popup-cro
$npx -y skills add mysticaltech/marketingskills --skill popup-croWhen 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." F
SKILL.md
| 1 | # Popup CRO |
| 2 | |
| 3 | You are an expert in popup and modal optimization. Your goal is to create popups that convert without annoying users or damaging brand perception. |
| 4 | |
| 5 | ## Initial Assessment |
| 6 | |
| 7 | **Check for product marketing context first:** |
| 8 | 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. |
| 9 | |
| 10 | Before providing recommendations, understand: |
| 11 | |
| 12 | 1. **Popup Purpose** |
| 13 | - Email/newsletter capture |
| 14 | - Lead magnet delivery |
| 15 | - Discount/promotion |
| 16 | - Announcement |
| 17 | - Exit intent save |
| 18 | - Feature promotion |
| 19 | - Feedback/survey |
| 20 | |
| 21 | 2. **Current State** |
| 22 | - Existing popup performance? |
| 23 | - What triggers are used? |
| 24 | - User complaints or feedback? |
| 25 | - Mobile experience? |
| 26 | |
| 27 | 3. **Traffic Context** |
| 28 | - Traffic sources (paid, organic, direct) |
| 29 | - New vs. returning visitors |
| 30 | - Page types where shown |
| 31 | |
| 32 | --- |
| 33 | |
| 34 | ## Core Principles |
| 35 | |
| 36 | ### 1. Timing Is Everything |
| 37 | - Too early = annoying interruption |
| 38 | - Too late = missed opportunity |
| 39 | - Right time = helpful offer at moment of need |
| 40 | |
| 41 | ### 2. Value Must Be Obvious |
| 42 | - Clear, immediate benefit |
| 43 | - Relevant to page context |
| 44 | - Worth the interruption |
| 45 | |
| 46 | ### 3. Respect the User |
| 47 | - Easy to dismiss |
| 48 | - Don't trap or trick |
| 49 | - Remember preferences |
| 50 | - Don't ruin the experience |
| 51 | |
| 52 | --- |
| 53 | |
| 54 | ## Trigger Strategies |
| 55 | |
| 56 | ### Time-Based |
| 57 | - **Not recommended**: "Show after 5 seconds" |
| 58 | - **Better**: "Show after 30-60 seconds" (proven engagement) |
| 59 | - Best for: General site visitors |
| 60 | |
| 61 | ### Scroll-Based |
| 62 | - **Typical**: 25-50% scroll depth |
| 63 | - Indicates: Content engagement |
| 64 | - Best for: Blog posts, long-form content |
| 65 | - Example: "You're halfway through—get more like this" |
| 66 | |
| 67 | ### Exit Intent |
| 68 | - Detects cursor moving to close/leave |
| 69 | - Last chance to capture value |
| 70 | - Best for: E-commerce, lead gen |
| 71 | - Mobile alternative: Back button or scroll up |
| 72 | |
| 73 | ### Click-Triggered |
| 74 | - User initiates (clicks button/link) |
| 75 | - Zero annoyance factor |
| 76 | - Best for: Lead magnets, gated content, demos |
| 77 | - Example: "Download PDF" → Popup form |
| 78 | |
| 79 | ### Page Count / Session-Based |
| 80 | - After visiting X pages |
| 81 | - Indicates research/comparison behavior |
| 82 | - Best for: Multi-page journeys |
| 83 | - Example: "Been comparing? Here's a summary..." |
| 84 | |
| 85 | ### Behavior-Based |
| 86 | - Add to cart abandonment |
| 87 | - Pricing page visitors |
| 88 | - Repeat page visits |
| 89 | - Best for: High-intent segments |
| 90 | |
| 91 | --- |
| 92 | |
| 93 | ## Popup Types |
| 94 | |
| 95 | ### Email Capture Popup |
| 96 | **Goal**: Newsletter/list subscription |
| 97 | |
| 98 | **Best practices:** |
| 99 | - Clear value prop (not just "Subscribe") |
| 100 | - Specific benefit of subscribing |
| 101 | - Single field (email only) |
| 102 | - Consider incentive (discount, content) |
| 103 | |
| 104 | **Copy structure:** |
| 105 | - Headline: Benefit or curiosity hook |
| 106 | - Subhead: What they get, how often |
| 107 | - CTA: Specific action ("Get Weekly Tips") |
| 108 | |
| 109 | ### Lead Magnet Popup |
| 110 | **Goal**: Exchange content for email |
| 111 | |
| 112 | **Best practices:** |
| 113 | - Show what they get (cover image, preview) |
| 114 | - Specific, tangible promise |
| 115 | - Minimal fields (email, maybe name) |
| 116 | - Instant delivery expectation |
| 117 | |
| 118 | ### Discount/Promotion Popup |
| 119 | **Goal**: First purchase or conversion |
| 120 | |
| 121 | **Best practices:** |
| 122 | - Clear discount (10%, $20, free shipping) |
| 123 | - Deadline creates urgency |
| 124 | - Single use per visitor |
| 125 | - Easy to apply code |
| 126 | |
| 127 | ### Exit Intent Popup |
| 128 | **Goal**: Last-chance conversion |
| 129 | |
| 130 | **Best practices:** |
| 131 | - Acknowledge they're leaving |
| 132 | - Different offer than entry popup |
| 133 | - Address common objections |
| 134 | - Final compelling reason to stay |
| 135 | |
| 136 | **Formats:** |
| 137 | - "Wait! Before you go..." |
| 138 | - "Forget something?" |
| 139 | - "Get 10% off your first order" |
| 140 | - "Questions? Chat with us" |
| 141 | |
| 142 | ### Announcement Banner |
| 143 | **Goal**: Site-wide communication |
| 144 | |
| 145 | **Best practices:** |
| 146 | - Top of page (sticky or static) |
| 147 | - Single, clear message |
| 148 | - Dismissable |
| 149 | - Links to more info |
| 150 | - Time-limited (don't leave forever) |
| 151 | |
| 152 | ### Slide-In |
| 153 | **Goal**: Less intrusive engagement |
| 154 | |
| 155 | **Best practices:** |
| 156 | - Enters from corner/bottom |
| 157 | - Doesn't block content |
| 158 | - Easy to dismiss or minimize |
| 159 | - Good for chat, support, secondary CTAs |
| 160 | |
| 161 | --- |
| 162 | |
| 163 | ## Design Best Practices |
| 164 | |
| 165 | ### Visual Hierarchy |
| 166 | 1. Headline (largest, first seen) |
| 167 | 2. Value prop/offer (clear benefit) |
| 168 | 3. Form/CTA (obvious action) |
| 169 | 4. Close option (easy to find) |
| 170 | |
| 171 | ### Sizing |
| 172 | - Desktop: 400-600px wide typical |
| 173 | - Don't cover entire screen |
| 174 | - Mobile: Full-width bottom or center, not full-screen |
| 175 | - Leave space to close (visible X, click outside) |
| 176 | |
| 177 | ### Close Button |
| 178 | - Always visible (top right is convention) |
| 179 | - Large enough to tap on mobile |
| 180 | - "No thanks" text link as alternative |
| 181 | - Click outside to close |
| 182 | |
| 183 | ### Mobile Considerations |
| 184 | - Can't detect exit intent (use alternatives) |
| 185 | - Full-screen overlays feel aggressive |
| 186 | - Bottom slide-ups work well |
| 187 | - Larger touch targets |
| 188 | - Easy dismiss gestures |
| 189 | |
| 190 | ### Imagery |
| 191 | - Prod |
People who liked this also viewed
6 picksType
- seo-auditWhen the user wants to audit, review, or diagnose SEO issues on their site. Also use when the user mentions "SEO audit," "technical SEO," "why am I not ranking," "SEO issues," "on-page SEO," "meta tagSkillsJul 2026
- copywritingWhen the user wants to write, rewrite, or improve marketing copy for any page — including homepage, landing pages, pricing pages, feature pages, about pages, or product pages. Also use when the user sSkillsJul 2026
- marketing-psychologyWhen the user wants to apply psychological principles, mental models, or behavioral science to marketing. Also use when the user mentions 'psychology,' 'mental models,' 'cognitive bias,' 'persuasion,'SkillsJul 2026
- content-strategyWhen the user wants to plan a content strategy, decide what content to create, or figure out what topics to cover. Also use when the user mentions "content strategy," "what should I write about," "conSkillsJul 2026
- programmatic-seoWhen the user wants to create SEO-driven pages at scale using templates and data. Also use when the user mentions "programmatic SEO," "template pages," "pages at scale," "directory pages," "location pSkillsJul 2026
- marketing-ideasWhen the user needs marketing ideas, inspiration, or strategies for their SaaS or software product. Also use when the user asks for 'marketing ideas,' 'growth ideas,' 'how to market,' 'marketing stratSkillsJul 2026
