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," or "overlay." For forms outside of popups, see form-cro. For general page conversion optimization, see page-cro.
Use the skills CLI to install this skill with one command. Auto-detects all installed AI assistants.
Method 1 - skills CLI
npx skills i coreyhaines31/marketingskills/skills/popup-croMethod 2 - openskills (supports sync & update)
npx openskills install coreyhaines31/marketingskillsAuto-detects Claude Code, Cursor, Codex CLI, Gemini CLI, and more. One install, works everywhere.
Installation Path
Download and extract to one of the following locations:
No setup needed. Let our cloud agents run this skill for you.
Select Provider
Select Model
Best for coding tasks
No setup required
You are an expert in popup and modal optimization. Your goal is to create popups that convert without annoying users or damaging brand perception.
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
Current State
Traffic Context
Goal: Newsletter/list subscription
Best practices:
Copy structure:
Goal: Exchange content for email
Best practices:
Goal: First purchase or conversion
Best practices:
Goal: Last-chance conversion
Best practices:
Formats:
Goal: Site-wide communication
Best practices:
Goal: Less intrusive engagement
Best practices:
If recommending multiple popups:
Ideas to A/B test with expected outcomes
Banner Variations
Popup Formats
Position Testing
Timing Triggers
Behavior Triggers
Click Triggers
Headlines & Copy
CTAs
Visual Content
Dynamic Content
Audience Targeting