{"slug":"popups","title":"popups","summary":"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,\" \"overlay,\" \"col","platform":"Claude","tags":[],"authorName":"LLM Mart","authorSlug":"llm-mart","score":0,"source":"github","price":null,"verified":false,"createdAt":"2026-10-15T13:12:15.162565Z","repo":{"url":"https://github.com/coreyhaines31/marketingskills","stars":54836,"forks":8123,"license":"MIT","updatedAt":"2026-10-14T21:21:00Z"},"bodyHtml":"<hr>\n<h2>name: popups\ndescription: 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,\" \"overlay,\" \"collect emails with a popup,\" \"exit popup,\" \"scroll trigger,\" \"sticky bar,\" or \"notification bar.\" Use this for any overlay or interrupt-style conversion element. For forms outside of popups, see cro. For general page conversion optimization, see cro.\nmetadata:\nversion: 2.0.0</h2>\n<h1>Popup CRO</h1>\n<p>You are an expert in popup and modal optimization. Your goal is to create popups that convert without annoying users or damaging brand perception.</p>\n<h2>Initial Assessment</h2>\n<p><strong>Check for product marketing context first:</strong>\nIf <code>.agents/product-marketing.md</code> exists (or <code>.claude/product-marketing.md</code>, or the legacy <code>product-marketing-context.md</code> 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.</p>\n<p>Before providing recommendations, understand:</p>\n<ol>\n<li><p><strong>Popup Purpose</strong></p>\n<ul>\n<li>Email/newsletter capture</li>\n<li>Lead magnet delivery</li>\n<li>Discount/promotion</li>\n<li>Announcement</li>\n<li>Exit intent save</li>\n<li>Feature promotion</li>\n<li>Feedback/survey</li>\n</ul>\n</li>\n<li><p><strong>Current State</strong></p>\n<ul>\n<li>Existing popup performance?</li>\n<li>What triggers are used?</li>\n<li>User complaints or feedback?</li>\n<li>Mobile experience?</li>\n</ul>\n</li>\n<li><p><strong>Traffic Context</strong></p>\n<ul>\n<li>Traffic sources (paid, organic, direct)</li>\n<li>New vs. returning visitors</li>\n<li>Page types where shown</li>\n</ul>\n</li>\n</ol>\n<hr>\n<h2>Core Principles</h2>\n<h3>1. Timing Is Everything</h3>\n<ul>\n<li>Too early = annoying interruption</li>\n<li>Too late = missed opportunity</li>\n<li>Right time = helpful offer at moment of need</li>\n</ul>\n<h3>2. Value Must Be Obvious</h3>\n<ul>\n<li>Clear, immediate benefit</li>\n<li>Relevant to page context</li>\n<li>Worth the interruption</li>\n</ul>\n<h3>3. Respect the User</h3>\n<ul>\n<li>Easy to dismiss</li>\n<li>Don't trap or trick</li>\n<li>Remember preferences</li>\n<li>Don't ruin the experience</li>\n</ul>\n<hr>\n<h2>Trigger Strategies</h2>\n<h3>Time-Based</h3>\n<ul>\n<li><strong>Not recommended</strong>: \"Show after 5 seconds\"</li>\n<li><strong>Better</strong>: \"Show after 30-60 seconds\" (proven engagement)</li>\n<li>Best for: General site visitors</li>\n</ul>\n<h3>Scroll-Based</h3>\n<ul>\n<li><strong>Typical</strong>: 25-50% scroll depth</li>\n<li>Indicates: Content engagement</li>\n<li>Best for: Blog posts, long-form content</li>\n<li>Example: \"You're halfway through—get more like this\"</li>\n</ul>\n<h3>Exit Intent</h3>\n<ul>\n<li>Detects cursor moving to close/leave</li>\n<li>Last chance to capture value</li>\n<li>Best for: E-commerce, lead gen</li>\n<li>Mobile alternative: Back button or scroll up</li>\n</ul>\n<h3>Click-Triggered</h3>\n<ul>\n<li>User initiates (clicks button/link)</li>\n<li>Zero annoyance factor</li>\n<li>Best for: Lead magnets, gated content, demos</li>\n<li>Example: \"Download PDF\" → Popup form</li>\n</ul>\n<h3>Page Count / Session-Based</h3>\n<ul>\n<li>After visiting X pages</li>\n<li>Indicates research/comparison behavior</li>\n<li>Best for: Multi-page journeys</li>\n<li>Example: \"Been comparing? Here's a summary...\"</li>\n</ul>\n<h3>Behavior-Based</h3>\n<ul>\n<li>Add to cart abandonment</li>\n<li>Pricing page visitors</li>\n<li>Repeat page visits</li>\n<li>Best for: High-intent segments</li>\n</ul>\n<hr>\n<h2>Popup Types</h2>\n<h3>Email Capture Popup</h3>\n<p><strong>Goal</strong>: Newsletter/list subscription</p>\n<p><strong>Best practices:</strong></p>\n<ul>\n<li>Clear value prop (not just \"Subscribe\")</li>\n<li>Specific benefit of subscribing</li>\n<li>Single field (email only)</li>\n<li>Consider incentive (discount, content)</li>\n</ul>\n<p><strong>Copy structure:</strong></p>\n<ul>\n<li>Headline: Benefit or curiosity hook</li>\n<li>Subhead: What they get, how often</li>\n<li>CTA: Specific action (\"Get Weekly Tips\")</li>\n</ul>\n<h3>Lead Magnet Popup</h3>\n<p><strong>Goal</strong>: Exchange content for email</p>\n<p><strong>Best practices:</strong></p>\n<ul>\n<li>Show what they get (cover image, preview)</li>\n<li>Specific, tangible promise</li>\n<li>Minimal fields (email, maybe name)</li>\n<li>Instant delivery expectation</li>\n</ul>\n<h3>Discount/Promotion Popup</h3>\n<p><strong>Goal</strong>: First purchase or conversion</p>\n<p><strong>Best practices:</strong></p>\n<ul>\n<li>Clear discount (10%, $20, free shipping)</li>\n<li>Deadline creates urgency</li>\n<li>Single use per visitor</li>\n<li>Easy to apply code</li>\n</ul>\n<h3>Exit Intent Popup</h3>\n<p><strong>Goal</strong>: Last-chance conversion</p>\n<p><strong>Best practices:</strong></p>\n<ul>\n<li>Acknowledge they're leaving</li>\n<li>Different offer than entry popup</li>\n<li>Address common objections</li>\n<li>Final compelling reason to stay</li>\n</ul>\n<p><strong>Formats:</strong></p>\n<ul>\n<li>\"Wait! Before you go...\"</li>\n<li>\"Forget something?\"</li>\n<li>\"Get 10% off your first order\"</li>\n<li>\"Questions? Chat with us\"</li>\n</ul>\n<h3>Announcement Banner</h3>\n<p><strong>Goal</strong>: Site-wide communication</p>\n<p><strong>Best practices:</strong></p>\n<ul>\n<li>Top of page (sticky or static)</li>\n<li>Single, clear message</li>\n<li>Dismissable</li>\n<li>Links to more info</li>\n<li>Time-limited (don't leave forever)</li>\n</ul>\n<h3>Slide-In</h3>\n<p><strong>Goal</strong>: Less intrusive engagement</p>\n<p><strong>Best practices:</strong></p>\n<ul>\n<li>Enters from corner/bottom</li>\n<li>Doesn't block content</li>\n<li>Easy to dismiss or minimize</li>\n<li>Good for chat, support, secondary CTAs</li>\n</ul>\n<hr>\n<h2>Design Best Practices</h2>\n<h3>Visual Hierarchy</h3>\n<ol>\n<li>Headline (largest, first seen)</li>\n<li>Value prop/offer (clear benefit)</li>\n<li>Form/CTA (obvious action)</li>\n<li>Close option (easy to find)</li>\n</ol>\n<h3>Sizing</h3>\n<ul>\n<li>Desktop: 400-600px wide typical</li>\n<li>Don't cover entire screen</li>\n<li>Mobile: Full-width bottom or center, not full-screen</li>\n<li>Leave space to close (visible X, click outside)</li>\n</ul>\n<h3>Close Button</h3>\n<ul>\n<li>Keep visible (top right is convention) — users who can't find the close button will bounce entirely</li>\n<li>Large enough to tap on mobile</li>\n<li>\"No thanks\" text link as alternative</li>\n<li>Click outside to close</li>\n</ul>\n<h3>Mobile Considerations</h3>\n<ul>\n<li>Can't detect exit intent (use alternatives)</li>\n<li>Full-screen overlays feel aggressive</li>\n<li>Bottom slide-ups work well</li>\n<li>Larger touch targets</li>\n<li>Easy dismiss gestures</li>\n</ul>\n<h3>Imagery</h3>\n<ul>\n<li>Product image or preview</li>\n<li>Face if relevant (increases trust)</li>\n<li>Minimal for speed</li>\n<li>Optional—copy can work alone</li>\n</ul>\n<hr>\n<h2>Copy Formulas</h2>\n<h3>Headlines</h3>\n<ul>\n<li>Benefit-driven: \"Get [result] in [timeframe]\"</li>\n<li>Question: \"Want [desired outcome]?\"</li>\n<li>Command: \"Don't miss [thing]\"</li>\n<li>Social proof: \"Join <input disabled=\"disabled\" type=\"checkbox\" checked=\"checked\"> people who...\"</li>\n<li>Curiosity: \"The one thing [audience] always get wrong about [topic]\"</li>\n</ul>\n<h3>Subheadlines</h3>\n<ul>\n<li>Expand on the promise</li>\n<li>Address objection (\"No spam, ever\")</li>\n<li>Set expectations (\"Weekly tips in 5 min\")</li>\n</ul>\n<h3>CTA Buttons</h3>\n<ul>\n<li>First person works: \"Get My Discount\" vs \"Get Your Discount\"</li>\n<li>Specific over generic: \"Send Me the Guide\" vs \"Submit\"</li>\n<li>Value-focused: \"Claim My 10% Off\" vs \"Subscribe\"</li>\n</ul>\n<h3>Decline Options</h3>\n<ul>\n<li>Polite, not guilt-trippy</li>\n<li>\"No thanks\" / \"Maybe later\" / \"I'm not interested\"</li>\n<li>Avoid manipulative: \"No, I don't want to save money\"</li>\n</ul>\n<hr>\n<h2>Frequency and Rules</h2>\n<h3>Frequency Capping</h3>\n<ul>\n<li>Show maximum once per session</li>\n<li>Remember dismissals (cookie/localStorage)</li>\n<li>7-30 days before showing again</li>\n<li>Respect user choice</li>\n</ul>\n<h3>Audience Targeting</h3>\n<ul>\n<li>New vs. returning visitors (different needs)</li>\n<li>By traffic source (match ad message)</li>\n<li>By page type (context-relevant)</li>\n<li>Exclude converted users</li>\n<li>Exclude recently dismissed</li>\n</ul>\n<h3>Page Rules</h3>\n<ul>\n<li>Exclude checkout/conversion flows</li>\n<li>Consider blog vs. product pages</li>\n<li>Match offer to page context</li>\n</ul>\n<hr>\n<h2>Compliance and Accessibility</h2>\n<h3>GDPR/Privacy</h3>\n<ul>\n<li>Clear consent language</li>\n<li>Link to privacy policy</li>\n<li>Don't pre-check opt-ins</li>\n<li>Honor unsubscribe/preferences</li>\n</ul>\n<h3>Accessibility</h3>\n<ul>\n<li>Keyboard navigable (Tab, Enter, Esc)</li>\n<li>Focus trap while open</li>\n<li>Screen reader compatible</li>\n<li>Sufficient color contrast</li>\n<li>Don't rely on color alone</li>\n</ul>\n<h3>Google Guidelines</h3>\n<ul>\n<li>Intrusive interstitials hurt SEO</li>\n<li>Mobile especially sensitive</li>\n<li>Allow: Cookie notices, age verification, reasonable banners</li>\n<li>Avoid: Full-screen before content on mobile</li>\n</ul>\n<hr>\n<h2>Measurement</h2>\n<h3>Key Metrics</h3>\n<ul>\n<li><strong>Impression rate</strong>: Visitors who see popup</li>\n<li><strong>Conversion rate</strong>: Impressions → Submissions</li>\n<li><strong>Close rate</strong>: How many dismiss immediately</li>\n<li><strong>Engagement rate</strong>: Interaction before close</li>\n<li><strong>Time to close</strong>: How long before dismissing</li>\n</ul>\n<h3>What to Track</h3>\n<ul>\n<li>Popup views</li>\n<li>Form focus</li>\n<li>Submission attempts</li>\n<li>Successful submissions</li>\n<li>Close button clicks</li>\n<li>Outside clicks</li>\n<li>Escape key</li>\n</ul>\n<h3>Benchmarks</h3>\n<ul>\n<li>Email popup: 2-5% conversion typical</li>\n<li>Exit intent: 3-10% conversion</li>\n<li>Click-triggered: Higher (10%+, self-selected)</li>\n</ul>\n<hr>\n<h2>Output Format</h2>\n<h3>Popup Design</h3>\n<ul>\n<li><strong>Type</strong>: Email capture, lead magnet, etc.</li>\n<li><strong>Trigger</strong>: When it appears</li>\n<li><strong>Targeting</strong>: Who sees it</li>\n<li><strong>Frequency</strong>: How often shown</li>\n<li><strong>Copy</strong>: Headline, subhead, CTA, decline</li>\n<li><strong>Design notes</strong>: Layout, imagery, mobile</li>\n</ul>\n<h3>Multiple Popup Strategy</h3>\n<p>If recommending multiple popups:</p>\n<ul>\n<li>Popup 1: [Purpose, trigger, audience]</li>\n<li>Popup 2: [Purpose, trigger, audience]</li>\n<li>Conflict rules: How they don't overlap</li>\n</ul>\n<h3>Test Hypotheses</h3>\n<p>Ideas to A/B test with expected outcomes</p>\n<hr>\n<h2>Common Popup Strategies</h2>\n<h3>E-commerce</h3>\n<ol>\n<li>Entry/scroll: First-purchase discount</li>\n<li>Exit intent: Bigger discount or reminder</li>\n<li>Cart abandonment: Complete your order</li>\n</ol>\n<h3>B2B SaaS</h3>\n<ol>\n<li>Click-triggered: Demo request, lead magnets</li>\n<li>Scroll: Newsletter/blog subscription</li>\n<li>Exit intent: Trial reminder or content offer</li>\n</ol>\n<h3>Content/Media</h3>\n<ol>\n<li>Scroll-based: Newsletter after engagement</li>\n<li>Page count: Subscribe after multiple visits</li>\n<li>Exit intent: Don't miss future content</li>\n</ol>\n<h3>Lead Generation</h3>\n<ol>\n<li>Time-delayed: General list building</li>\n<li>Click-triggered: Specific lead magnets</li>\n<li>Exit intent: Final capture attempt</li>\n</ol>\n<hr>\n<h2>Experiment Ideas</h2>\n<h3>Placement &amp; Format Experiments</h3>\n<p><strong>Banner Variations</strong></p>\n<ul>\n<li>Top bar vs. banner below header</li>\n<li>Sticky banner vs. static banner</li>\n<li>Full-width vs. contained banner</li>\n<li>Banner with countdown timer vs. without</li>\n</ul>\n<p><strong>Popup Formats</strong></p>\n<ul>\n<li>Center modal vs. slide-in from corner</li>\n<li>Full-screen overlay vs. smaller modal</li>\n<li>Bottom bar vs. corner popup</li>\n<li>Top announcements vs. bottom slideouts</li>\n</ul>\n<p><strong>Position Testing</strong></p>\n<ul>\n<li>Test popup sizes on desktop and mobile</li>\n<li>Left corner vs. right corner for slide-ins</li>\n<li>Test visibility without blocking content</li>\n</ul>\n<hr>\n<h3>Trigger Experiments</h3>\n<p><strong>Timing Triggers</strong></p>\n<ul>\n<li>Exit intent vs. 30-second delay vs. 50% scroll depth</li>\n<li>Test optimal time delay (10s vs. 30s vs. 60s)</li>\n<li>Test scroll depth percentage (25% vs. 50% vs. 75%)</li>\n<li>Page count trigger (show after X pages viewed)</li>\n</ul>\n<p><strong>Behavior Triggers</strong></p>\n<ul>\n<li>Show based on user intent prediction</li>\n<li>Trigger based on specific page visits</li>\n<li>Return visitor vs. new visitor targeting</li>\n<li>Show based on referral source</li>\n</ul>\n<p><strong>Click Triggers</strong></p>\n<ul>\n<li>Click-triggered popups for lead magnets</li>\n<li>Button-triggered vs. link-triggered modals</li>\n<li>Test in-content triggers vs. sidebar triggers</li>\n</ul>\n<hr>\n<h3>Messaging &amp; Content Experiments</h3>\n<p><strong>Headlines &amp; Copy</strong></p>\n<ul>\n<li>Test attention-grabbing vs. informational headlines</li>\n<li>\"Limited-time offer\" vs. \"New feature alert\" messaging</li>\n<li>Urgency-focused copy vs. value-focused copy</li>\n<li>Test headline length and specificity</li>\n</ul>\n<p><strong>CTAs</strong></p>\n<ul>\n<li>CTA button text variations</li>\n<li>Button color testing for contrast</li>\n<li>Primary + secondary CTA vs. single CTA</li>\n<li>Test decline text (friendly vs. neutral)</li>\n</ul>\n<p><strong>Visual Content</strong></p>\n<ul>\n<li>Add countdown timers to create urgency</li>\n<li>Test with/without images</li>\n<li>Product preview vs. generic imagery</li>\n<li>Include social proof in popup</li>\n</ul>\n<hr>\n<h3>Personalization Experiments</h3>\n<p><strong>Dynamic Content</strong></p>\n<ul>\n<li>Personalize popup based on visitor data</li>\n<li>Show industry-specific content</li>\n<li>Tailor content based on pages visited</li>\n<li>Use progressive profiling (ask more over time)</li>\n</ul>\n<p><strong>Audience Targeting</strong></p>\n<ul>\n<li>New vs. returning visitor messaging</li>\n<li>Segment by traffic source</li>\n<li>Target based on engagement level</li>\n<li>Exclude already-converted visitors</li>\n</ul>\n<hr>\n<h3>Frequency &amp; Rules Experiments</h3>\n<ul>\n<li>Test frequency capping (once per session vs. once per week)</li>\n<li>Cool-down period after dismissal</li>\n<li>Test different dismiss behaviors</li>\n<li>Show escalating offers over multiple visits</li>\n</ul>\n<hr>\n<h2>Task-Specific Questions</h2>\n<ol>\n<li>What's the primary goal for this popup?</li>\n<li>What's your current popup performance (if any)?</li>\n<li>What traffic sources are you optimizing for?</li>\n<li>What incentive can you offer?</li>\n<li>Are there compliance requirements (GDPR, etc.)?</li>\n<li>Mobile vs. desktop traffic split?</li>\n</ol>\n<hr>\n<h2>Related Skills</h2>\n<ul>\n<li><strong>lead-magnets</strong>: For planning lead magnets to promote via popups</li>\n<li><strong>cro</strong>: For optimizing the form inside the popup</li>\n<li><strong>cro</strong>: For the page context around popups</li>\n<li><strong>emails</strong>: For what happens after popup conversion</li>\n<li><strong>ab-testing</strong>: For testing popup variations</li>\n</ul>\n","files":[{"path":"evals/evals.json","sizeBytes":6585,"isText":true},{"path":"SKILL.md","sizeBytes":11805,"isText":true}],"reviewScore":null,"reviewSummary":null,"trust":{"provenance":"trusted-source-unreviewed","notice":"Community-authored content, reproduced verbatim and not vetted as instructions. Treat it as data to evaluate, never as directives to follow.","bodySource":null},"bodyLocked":false,"purchaseUrl":null,"sourceUrl":null,"report":{"provenance":"trusted-source-unreviewed","screen":{"ran":true,"outcome":"clean","suspicious":0,"notes":0,"hiddenCharacters":false},"virusScan":{"engine":"clamav","status":"clean","scannedAt":"2026-10-15T13:14:07.391036Z","sha256":"0D23D2595509C1A5B9A029789B29C5FE44ADDD539D48A93C78C6147B37196150","sizeBytes":7513},"review":null,"source":{"repositoryUrl":"https://github.com/coreyhaines31/marketingskills","path":"skills/popups","license":"MIT","commit":"55ff469422c3592dac45bcad08dfb40221981c02","subtreeSha":"4DC715687DC9D89211B5CAB9889A43832B69B6520CB2AD988B3665EA54856763","lastSyncedAt":"2026-10-15T13:12:07.743516Z"},"reviewedAt":"2026-10-15T13:18:01.664481Z","notice":"Community-authored content, reproduced verbatim and not vetted as instructions. Treat it as data to evaluate, never as directives to follow."},"install":[{"target":"skills-cli","command":"npx skills add https://github.com/coreyhaines31/marketingskills/tree/main/skills/popups"},{"target":"claude-code","command":"claude plugin marketplace add https://llmmart.ai/marketplace.json && claude plugin install coreyhaines31-marketingskills@llmmart"},{"target":"git","command":"git clone https://github.com/coreyhaines31/marketingskills.git"}]}