When the user wants to create or optimize popups, modals, overlays, slide-ins, or banners for conversion purposes.

MITAuto-check passedMarketing & SEO

Install Popups

skills CLI
$ npx skills add Cesarjoquin/Marketing-Skills --skill popups -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install Cesarjoquin/Marketing-Skills popups --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/Cesarjoquin/Marketing-Skills.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/popups .claude/skills/popups && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
popups
GitHub stars
199
Token cost
~2.9k tokens
SKILL.md length
1,409 words
Files
2
Skills in repo
12
Repo updated
First seen
Licence
MIT

At a glance

When the user wants to create or optimize popups, modals, overlays, slide-ins, or banners for conversion purposes.

  • Works in 3 steps: Timing Is Everything → Value Must Be Obvious → Respect the User
  • Wants to create
  • SKILL.md covers Initial Assessment, Core Principles, Trigger Strategies and Popup Types, plus 2 more sections
  • Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md

What it does

Popups is an agent skill from Cesarjoquin/Marketing-Skills. 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…

Its SKILL.md is about 2.9k tokens, which your agent loads only when the skill is triggered. The skill folder holds 2 other files (for example `evals/evals.json`).

It sits in Marketing & SEO, covering Conversion rate optimization, Slides and decks and Lead generation. The repository describes itself as: AI agent Marketing skills for Claude Code and AI agents. CRO, copywriting, SEO, analytics, ai agent, and growth engineering, ai agent. The licence is MIT.

When your agent uses it

  • Wants to create
  • Optimize popups
  • Banners for conversion purposes
  • The user mentions exit intent

Example prompts

  • “exit intent,”
  • “popup conversions,”
  • “modal optimization,”
  • “/popups”

Workflow steps

3 steps, taken from the step headings in SKILL.md.

  1. Timing Is Everything
  2. Value Must Be Obvious
  3. Respect the User

What it can do on your machine

Read from SKILL.md and the folder at commit 23b887f. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    No scripts in the folder and no shell commands in SKILL.md.

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md.

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Popups loads about 2.9k tokens when it runs. Until then it costs about 134 tokens; SKILL.md has 1,409 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~134
When it runs · the whole SKILL.md, loaded when a task matches
~2.9k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

The full file from Cesarjoquin/Marketing-Skills at commit 23b887f, republished under its MIT licence (© Cesarjoquin). 1,409 words, ~2,949 tokens.

Download SKILL.mdSave it as .claude/skills/popups/SKILL.md (or your agent's skills folder). This skill also uses 1 other file; get the full folder from GitHub.
name
popups
description
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.
metadata.version
2.0.0

Popup CRO

You are an expert in popup and modal optimization. Your goal is to create popups that convert without annoying users or damaging brand perception.

Initial Assessment

Check for product marketing context first: If .agents/product-marketing.md exists (or .claude/product-marketing.md, or the legacy product-marketing-context.md 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.

Before providing recommendations, understand:

  1. Popup Purpose

    • Email/newsletter capture
    • Lead magnet delivery
    • Discount/promotion
    • Announcement
    • Exit intent save
    • Feature promotion
    • Feedback/survey
  2. Current State

    • Existing popup performance?
    • What triggers are used?
    • User complaints or feedback?
    • Mobile experience?
  3. Traffic Context

    • Traffic sources (paid, organic, direct)
    • New vs. returning visitors
    • Page types where shown

Core Principles

1. Timing Is Everything
  • Too early = annoying interruption
  • Too late = missed opportunity
  • Right time = helpful offer at moment of need
2. Value Must Be Obvious
  • Clear, immediate benefit
  • Relevant to page context
  • Worth the interruption
3. Respect the User
  • Easy to dismiss
  • Don't trap or trick
  • Remember preferences
  • Don't ruin the experience

Trigger Strategies

Time-Based
  • Not recommended: "Show after 5 seconds"
  • Better: "Show after 30-60 seconds" (proven engagement)
  • Best for: General site visitors
Scroll-Based
  • Typical: 25-50% scroll depth
  • Indicates: Content engagement
  • Best for: Blog posts, long-form content
  • Example: "You're halfway through—get more like this"
Exit Intent
  • Detects cursor moving to close/leave
  • Last chance to capture value
  • Best for: E-commerce, lead gen
  • Mobile alternative: Back button or scroll up
Click-Triggered
  • User initiates (clicks button/link)
  • Zero annoyance factor
  • Best for: Lead magnets, gated content, demos
  • Example: "Download PDF" → Popup form
Page Count / Session-Based
  • After visiting X pages
  • Indicates research/comparison behavior
  • Best for: Multi-page journeys
  • Example: "Been comparing? Here's a summary..."
Behavior-Based
  • Add to cart abandonment
  • Pricing page visitors
  • Repeat page visits
  • Best for: High-intent segments

Popup Types

Email Capture Popup

Goal: Newsletter/list subscription

Best practices:

  • Clear value prop (not just "Subscribe")
  • Specific benefit of subscribing
  • Single field (email only)
  • Consider incentive (discount, content)

Copy structure:

  • Headline: Benefit or curiosity hook
  • Subhead: What they get, how often
  • CTA: Specific action ("Get Weekly Tips")
Lead Magnet Popup

Goal: Exchange content for email

Best practices:

  • Show what they get (cover image, preview)
  • Specific, tangible promise
  • Minimal fields (email, maybe name)
  • Instant delivery expectation
Discount/Promotion Popup

Goal: First purchase or conversion

Best practices:

  • Clear discount (10%, $20, free shipping)
  • Deadline creates urgency
  • Single use per visitor
  • Easy to apply code
Exit Intent Popup

Goal: Last-chance conversion

Best practices:

  • Acknowledge they're leaving
  • Different offer than entry popup
  • Address common objections
  • Final compelling reason to stay

Formats:

  • "Wait! Before you go..."
  • "Forget something?"
  • "Get 10% off your first order"
  • "Questions? Chat with us"
Announcement Banner

Goal: Site-wide communication

Best practices:

  • Top of page (sticky or static)
  • Single, clear message
  • Dismissable
  • Links to more info
  • Time-limited (don't leave forever)
Slide-In

Goal: Less intrusive engagement

Best practices:

  • Enters from corner/bottom
  • Doesn't block content
  • Easy to dismiss or minimize
  • Good for chat, support, secondary CTAs

Design Best Practices

Visual Hierarchy
  1. Headline (largest, first seen)
  2. Value prop/offer (clear benefit)
  3. Form/CTA (obvious action)
  4. Close option (easy to find)
Sizing
  • Desktop: 400-600px wide typical
  • Don't cover entire screen
  • Mobile: Full-width bottom or center, not full-screen
  • Leave space to close (visible X, click outside)
Close Button
  • Keep visible (top right is convention) — users who can't find the close button will bounce entirely
  • Large enough to tap on mobile
  • "No thanks" text link as alternative
  • Click outside to close
Mobile Considerations
  • Can't detect exit intent (use alternatives)
  • Full-screen overlays feel aggressive
  • Bottom slide-ups work well
  • Larger touch targets
  • Easy dismiss gestures
Imagery
  • Product image or preview
  • Face if relevant (increases trust)
  • Minimal for speed
  • Optional—copy can work alone

Copy Formulas

Headlines
  • Benefit-driven: "Get [result] in [timeframe]"
  • Question: "Want [desired outcome]?"
  • Command: "Don't miss [thing]"
  • Social proof: "Join [X] people who..."
  • Curiosity: "The one thing [audience] always get wrong about [topic]"
Subheadlines
  • Expand on the promise
  • Address objection ("No spam, ever")
  • Set expectations ("Weekly tips in 5 min")
CTA Buttons
  • First person works: "Get My Discount" vs "Get Your Discount"
  • Specific over generic: "Send Me the Guide" vs "Submit"
  • Value-focused: "Claim My 10% Off" vs "Subscribe"
Decline Options
  • Polite, not guilt-trippy
  • "No thanks" / "Maybe later" / "I'm not interested"
  • Avoid manipulative: "No, I don't want to save money"

Frequency and Rules

Frequency Capping
  • Show maximum once per session
  • Remember dismissals (cookie/localStorage)
  • 7-30 days before showing again
  • Respect user choice
Audience Targeting
  • New vs. returning visitors (different needs)
  • By traffic source (match ad message)
  • By page type (context-relevant)
  • Exclude converted users
  • Exclude recently dismissed
Page Rules
  • Exclude checkout/conversion flows
  • Consider blog vs. product pages
  • Match offer to page context

Compliance and Accessibility

GDPR/Privacy
  • Clear consent language
  • Link to privacy policy
  • Don't pre-check opt-ins
  • Honor unsubscribe/preferences
Accessibility
  • Keyboard navigable (Tab, Enter, Esc)
  • Focus trap while open
  • Screen reader compatible
  • Sufficient color contrast
  • Don't rely on color alone
Google Guidelines
  • Intrusive interstitials hurt SEO
  • Mobile especially sensitive
  • Allow: Cookie notices, age verification, reasonable banners
  • Avoid: Full-screen before content on mobile

Measurement

Key Metrics
  • Impression rate: Visitors who see popup
  • Conversion rate: Impressions → Submissions
  • Close rate: How many dismiss immediately
  • Engagement rate: Interaction before close
  • Time to close: How long before dismissing
Show full SKILL.md (553 more words)Show less
What to Track
  • Popup views
  • Form focus
  • Submission attempts
  • Successful submissions
  • Close button clicks
  • Outside clicks
  • Escape key
Benchmarks
  • Email popup: 2-5% conversion typical
  • Exit intent: 3-10% conversion
  • Click-triggered: Higher (10%+, self-selected)

Output Format

Popup Design
  • Type: Email capture, lead magnet, etc.
  • Trigger: When it appears
  • Targeting: Who sees it
  • Frequency: How often shown
  • Copy: Headline, subhead, CTA, decline
  • Design notes: Layout, imagery, mobile
Multiple Popup Strategy

If recommending multiple popups:

  • Popup 1: [Purpose, trigger, audience]
  • Popup 2: [Purpose, trigger, audience]
  • Conflict rules: How they don't overlap
Test Hypotheses

Ideas to A/B test with expected outcomes


Common Popup Strategies

E-commerce
  1. Entry/scroll: First-purchase discount
  2. Exit intent: Bigger discount or reminder
  3. Cart abandonment: Complete your order
B2B SaaS
  1. Click-triggered: Demo request, lead magnets
  2. Scroll: Newsletter/blog subscription
  3. Exit intent: Trial reminder or content offer
Content/Media
  1. Scroll-based: Newsletter after engagement
  2. Page count: Subscribe after multiple visits
  3. Exit intent: Don't miss future content
Lead Generation
  1. Time-delayed: General list building
  2. Click-triggered: Specific lead magnets
  3. Exit intent: Final capture attempt

Experiment Ideas

Placement & Format Experiments

Banner Variations

  • Top bar vs. banner below header
  • Sticky banner vs. static banner
  • Full-width vs. contained banner
  • Banner with countdown timer vs. without

Popup Formats

  • Center modal vs. slide-in from corner
  • Full-screen overlay vs. smaller modal
  • Bottom bar vs. corner popup
  • Top announcements vs. bottom slideouts

Position Testing

  • Test popup sizes on desktop and mobile
  • Left corner vs. right corner for slide-ins
  • Test visibility without blocking content

Trigger Experiments

Timing Triggers

  • Exit intent vs. 30-second delay vs. 50% scroll depth
  • Test optimal time delay (10s vs. 30s vs. 60s)
  • Test scroll depth percentage (25% vs. 50% vs. 75%)
  • Page count trigger (show after X pages viewed)

Behavior Triggers

  • Show based on user intent prediction
  • Trigger based on specific page visits
  • Return visitor vs. new visitor targeting
  • Show based on referral source

Click Triggers

  • Click-triggered popups for lead magnets
  • Button-triggered vs. link-triggered modals
  • Test in-content triggers vs. sidebar triggers

Messaging & Content Experiments

Headlines & Copy

  • Test attention-grabbing vs. informational headlines
  • "Limited-time offer" vs. "New feature alert" messaging
  • Urgency-focused copy vs. value-focused copy
  • Test headline length and specificity

CTAs

  • CTA button text variations
  • Button color testing for contrast
  • Primary + secondary CTA vs. single CTA
  • Test decline text (friendly vs. neutral)

Visual Content

  • Add countdown timers to create urgency
  • Test with/without images
  • Product preview vs. generic imagery
  • Include social proof in popup

Personalization Experiments

Dynamic Content

  • Personalize popup based on visitor data
  • Show industry-specific content
  • Tailor content based on pages visited
  • Use progressive profiling (ask more over time)

Audience Targeting

  • New vs. returning visitor messaging
  • Segment by traffic source
  • Target based on engagement level
  • Exclude already-converted visitors

Frequency & Rules Experiments
  • Test frequency capping (once per session vs. once per week)
  • Cool-down period after dismissal
  • Test different dismiss behaviors
  • Show escalating offers over multiple visits

Task-Specific Questions

  1. What's the primary goal for this popup?
  2. What's your current popup performance (if any)?
  3. What traffic sources are you optimizing for?
  4. What incentive can you offer?
  5. Are there compliance requirements (GDPR, etc.)?
  6. Mobile vs. desktop traffic split?

  • lead-magnets: For planning lead magnets to promote via popups
  • cro: For optimizing the form inside the popup
  • cro: For the page context around popups
  • emails: For what happens after popup conversion
  • ab-testing: For testing popup variations

© Cesarjoquin, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

SKILL.md and 1 other file in skills/popups of Cesarjoquin/Marketing-Skills.

  • SKILL.md
  • evals/evals.json

Open the folder on GitHubat commit 23b887f

Compare with similar skills

Popups next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Popups compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Popups this skillCesarjoquin/Marketing-Skills199—~2.9kAutomated safety check: PassMIT
Popup Croborghei/Claude-Skills874—~5.3kAutomated safety check: PassMIT
Meta Ads for B2Bivangfalco/ads-skills278—~2.4kAutomated safety check: PassCustom licence
Form Crofreekmurze/dotfiles1k11 repos~2.7kAutomated safety check: PassNone
Crosickn33/agentic-awesome-skills47k1 repos~1.6kAutomated safety check: PassMIT
Form Croaiskillstore/marketplace4304 repos~2kAutomated safety check: PassNone

Similar skills

  • Popup Cro

    borghei/Claude-Skills

    Popup and modal optimization for conversion. An agent skill from borghei/Claude-Skills.

    874 GitHub stars~5.3k tokensUpdated yesterday
    Marketing & SEOAuto-check passed
  • Meta Ads for B2B

    ivangfalco/ads-skills

    Guides B2B campaigns on Meta (Facebook and Instagram): audience data, campaign structure, creative testing, lead forms and account audits for SaaS lead generation.

    278 GitHub stars~2.4k tokensUpdated 2 mo ago
    Marketing & SEOAuto-check passed
  • Form Cro

    freekmurze/dotfiles

    When the user wants to optimize any form that is NOT signup/registration — including lead capture forms, contact forms, demo request forms, application forms, survey forms, or checkout forms.

    1k GitHub starsUsed in 11 repos~2.7k tokens
    Marketing & SEOAuto-check passed
  • Cro

    sickn33/agentic-awesome-skills

    When the user wants to optimize, improve, or increase conversions on any marketing page or form — including homepage, landing pages, pricing pages, feature pages, lead capture forms, or contact forms.

    47k GitHub starsUsed in 1 repo~1.6k tokens
    Marketing & SEOAuto-check passed
  • Form Cro

    aiskillstore/marketplace

    Optimize any form that is NOT signup or account registration — including lead capture, contact, demo request, application, survey, quote, and checkout forms.

    430 GitHub starsUsed in 4 repos~2k tokens
    Marketing & SEOAuto-check passed
  • Popup Cro

    aiskillstore/marketplace

    Create and optimize popups, modals, overlays, slide-ins, and banners to increase conversions without harming user experience or brand trust.

    430 GitHub starsUsed in 4 repos~1.6k tokens
    Marketing & SEOAuto-check passed

More from Cesarjoquin/Marketing-Skills

All 12 skills in this repo
  • Ab Testing

    Cesarjoquin/Marketing-Skills

    When the user wants to plan, design, or implement an A/B test or experiment, or build a growth experimentation program.

    199 GitHub starsUsed in 2 repos~2.8k tokens
    Auto-check passed
  • Ads

    Cesarjoquin/Marketing-Skills

    When the user wants help with paid advertising campaigns on Google Ads, Meta (Facebook/Instagram), LinkedIn, Twitter/X, or other ad platforms.

    199 GitHub starsUsed in 1 repo~3.5k tokens
    Auto-check passed
  • Emails

    Cesarjoquin/Marketing-Skills

    When the user wants to create or optimize an email sequence, drip campaign, automated email flow, or lifecycle email program.

    199 GitHub starsUsed in 1 repo~2.1k tokens
    Auto-check passed
  • Prospecting

    Cesarjoquin/Marketing-Skills

    When the user wants to find, qualify, and build a list of prospects to reach out to — across B2B SaaS, general B2B, or local small businesses.

    199 GitHub starsUsed in 1 repo~3.8k tokens
    Auto-check passed
  • Referrals

    Cesarjoquin/Marketing-Skills

    When the user wants to create, optimize, or analyze a referral program, affiliate program, or word-of-mouth strategy.

    199 GitHub starsUsed in 1 repo~1.9k tokens
    Auto-check passed
  • Aso

    Cesarjoquin/Marketing-Skills

    When the user wants to audit or optimize an App Store or Google Play listing.

    199 GitHub stars~3.9k tokensUpdated 23 days ago
    Auto-check passed

Categories

Questions about Popups

What does Popups do?

When the user wants to create or optimize popups, modals, overlays, slide-ins, or banners for conversion purposes. Popups is an agent skill from Cesarjoquin/Marketing-Skills. When the user wants to create or optimize popups, modals, overlays, slide-ins, or banners for conversion purposes.

When should I use Popups?

Popups fits situations like: wants to create; optimize popups; banners for conversion purposes; the user mentions exit intent.

How do I install Popups in Claude Code?

Run `npx skills add Cesarjoquin/Marketing-Skills --skill popups -a claude-code`. Or copy the skill folder (skills/popups in Cesarjoquin/Marketing-Skills) into .claude/skills/popups in your project. Claude Code loads it when a task matches its description.

How do I install Popups in Codex?

Run `npx skills add Cesarjoquin/Marketing-Skills --skill popups -a codex`. Or copy the skill folder (skills/popups in Cesarjoquin/Marketing-Skills) into .agents/skills/popups in your project. Codex loads it when a task matches its description.

Can I use Popups in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add Cesarjoquin/Marketing-Skills --skill popups -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/popups, .gemini/skills/popups, .github/skills/popups and .opencode/skills/popups in your project.

What does Popups need to run?

SKILL.md names no scripts, command-line tools or credentials: Popups is instructions for the agent only.

Does Popups access the network?

SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.

Is Popups safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does Popups use?

Popups is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Popups use?

About 2.9k tokens (SKILL.md is roughly 12k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.

What are the alternatives to Popups?

Skills that share tags, products or a category with Popups: Popup Cro (borghei/Claude-Skills, 874 stars), Meta Ads for B2B (ivangfalco/ads-skills, 278 stars), Form Cro (freekmurze/dotfiles, 1k stars) and Cro (sickn33/agentic-awesome-skills, 47k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Popups?

Cesarjoquin (a GitHub user) maintains it in Cesarjoquin/Marketing-Skills, which has 199 GitHub stars. The repository holds 12 skills in this directory. The repository was last updated on September 14, 2026.

Source: Cesarjoquin/Marketing-Skills on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.