Advanced Popup Platform

A Claude Code skill for designing, implementing, and optimizing website popups and overlays that convert without annoying visitors. Covers exit-intent, scroll-triggered, timed, and behavioral popups with a focus on balancing conversion with user experience.

When to Use This Skill

Choose Advanced Popup Platform when:

• You need to implement popups for lead capture or promotions
• You want to optimize existing popups for better conversion rates
• You need exit-intent popups to recover abandoning visitors
• You want to reduce popup annoyance while maintaining conversions
• You need to design popup sequences based on user behavior

Consider alternatives when:

• You need to optimize the overall landing page (use a page CRO skill)
• You want email sequence optimization (use an email marketing skill)
• You need A/B testing infrastructure (use a testing framework skill)

Quick Start

Copy
# Install the skill
claude install advanced-popup-platform

# Design a lead capture popup
claude "Design an exit-intent popup for my SaaS blog that offers a free template in exchange for email"

# Optimize popup timing
claude "My popup shows after 5 seconds and has a 1.2% conversion rate. How should I optimize the trigger timing?"

# Create a popup strategy
claude "Build a popup strategy for an e-commerce site: cart abandonment, newsletter signup, and first-time visitor discount"

Core Concepts

Popup Trigger Types

Trigger	When It Fires	Best Use Case
Exit Intent	Mouse moves toward browser close/back	Recover abandoning visitors
Scroll Depth	User scrolls past a threshold (e.g., 50%)	Engaged readers who might subscribe
Time Delay	After N seconds on page	Returning visitors who know the site
Click Trigger	User clicks a specific element	Feature teasers, content upgrades
Behavioral	Based on page count or session depth	Multi-page visitors showing interest
Inactivity	User stops scrolling/interacting	Re-engage idle visitors

Conversion Rate Benchmarks

Exit-Intent Popups: 2-5% conversion rate
Scroll-Triggered: 1-3% conversion rate
Timed (10+ seconds): 1-2% conversion rate
Click-Triggered: 5-15% conversion rate (highest intent)
Welcome Mat (full page): 2-5% conversion rate
Slide-In: 1-3% conversion rate

Popup Design Framework

Element	Best Practice	Common Mistake
Headline	Clear value proposition in 6-10 words	Generic "Subscribe to our newsletter"
Offer	Specific, tangible incentive	No clear reason to give email
Form Fields	Email only (add name if needed)	Asking for too many fields
CTA Button	Action-oriented, specific text	Generic "Submit" button
Close Option	Visible, easy to dismiss	Hidden or guilt-tripping close
Design	Matches site aesthetic, not jarring	Clashing colors or stock imagery

Configuration

Parameter	Type	Default	Description
trigger_type	string	"exit_intent"	Primary trigger: exit_intent, scroll, time, click, behavioral
delay_seconds	number	10	Delay before showing time-triggered popups
scroll_threshold	number	50	Scroll percentage to trigger popup
frequency_cap	string	"once_per_session"	Show frequency: once_per_session, once_per_day, once_per_week
mobile_behavior	string	"bottom_bar"	Mobile popup format: bottom_bar, full_screen, disabled
cookie_duration	number	30	Days to remember dismissed popup

Best Practices

1. Offer genuine value — "Get our free guide to [specific outcome]" converts far better than "Subscribe for updates." The offer should be worth the email address. A template, calculator, or exclusive resource works well.

2. Respect the user experience — Never show a popup in the first 5 seconds to a new visitor. Never show more than one popup per session. Always make the close button obvious. Users remember and avoid sites with aggressive popups.

3. Use exit-intent on desktop, bottom bars on mobile — Exit-intent doesn't work on mobile devices. Use a persistent bottom bar or a slide-in for mobile visitors instead of a full-screen overlay.

4. Segment your popup audiences — Show different offers to new vs. returning visitors, blog readers vs. product page viewers, and different traffic sources. A one-size-fits-all popup leaves conversions on the table.

5. Test the offer, not just the design — The biggest conversion lever is what you offer, not how the popup looks. Test different lead magnets, discounts, or incentives before testing button colors.

Common Issues

Popups hurt SEO rankings — Google penalizes intrusive interstitials, especially on mobile. Use time delays (10+ seconds), exclude mobile from full-screen overlays, and ensure the popup doesn't cover the main content on initial load.

High conversion but low email quality — People entering fake emails to dismiss the popup. Add double opt-in confirmation and consider offering the incentive via email (not immediately on the page) to filter out low-intent signups.

Popup fatigue among returning visitors — Use cookies to suppress popups for users who've already seen them. Set a 30-day cookie minimum for dismissed popups and never show to existing subscribers.