back to all skills

popup-cro

conversionv1.0.0

Create or optimize popups, modals, overlays, slide-ins, and banners for conversion. Exit intent, lead capture, announcements.

copied ✓
openclawclaude-codecursorcodex
0 installsVirusTotal: cleanSource code

Popup CRO v2

Popup Types

TypeTriggerBest For
Exit intentMouse moves to close/backLast-chance offers, lead capture
Scroll-triggered50-75% scroll depthEngaged readers, content upgrades
Time delay15-30 seconds on pageReturning visitors, announcements
Click-triggeredButton/link clickGated content, detailed info
Slide-inCorner, scroll-triggeredLess intrusive lead capture
Top barAlways visibleAnnouncements, promotions

Design Rules

  • One popup per page visit (never stack)
  • Easy close: visible X button, click outside to dismiss, Escape key
  • Mobile-friendly: full-width on mobile, thumb-reachable close button
  • Frequency cap: Don't show again for 7-30 days after dismiss
  • Respect "no": If they close it, don't show same offer again soon

Trigger Timing

  • New visitors: Time delay (30s) or scroll (50%)
  • Returning visitors: Exit intent (they already know you)
  • Blog readers: Scroll-triggered at 60% (they're engaged)
  • Pricing page: Exit intent with discount or chat offer
  • Cart page: Exit intent with urgency/discount

Copy Framework

[Headline: Benefit or offer]
[1-2 line supporting text]
[Form: email field + CTA button]
[Trust text: "No spam. Unsubscribe anytime."]
[Close link: "No thanks, I don't want {benefit}"]

The "no thanks" text should make saying no feel slightly silly (but never manipulative).

Templates and trigger rules: references/popup-templates.md

References

  • references/trigger-rules.md — When to show which popup type
  • references/popup-templates.md — Copy and design templates