When the user wants to create or optimize popups, modals, overlays, slide-ins, or banners for conversion — "exit intent," "lead capture popup," "email popup," "announcement banner," "scroll trigger," "sticky bar," or any interrupt-style conversion element. For forms outside popups, see form-cro. For page-level conversion, see page-cro.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
설치 방법 보기설치하기 전에 에이전트에게 전달되는 지시 내용을 확인할 수 있습니다.
Create popups that convert without annoying users or damaging brand perception.
Product context: If .agents/product-marketing-context.md exists (or .claude/product-marketing-context.md in older setups), read it first and tailor output to it; only ask for what it doesn't cover.
Before recommending, understand:
"Show after 5 seconds" is not recommended; "after 30-60 seconds" (proven engagement) is better. Best for general site visitors.
Typically 25-50% scroll depth — indicates content engagement. Best for blog posts and long-form content. Example: "You're halfway through—get more like this."
Detects cursor moving to close/leave — last chance to capture value. Best for e-commerce and lead gen. Mobile alternative: back button or scroll up.
User initiates (clicks button/link), so zero annoyance. Best for lead magnets, gated content, demos. Example: "Download PDF" → popup form.
After visiting X pages — indicates research/comparison behavior. Best for multi-page journeys. Example: "Been comparing? Here's a summary..."
Add-to-cart abandonment, pricing page visitors, repeat page visits. Best for high-intent segments.
Goal: Newsletter/list subscription. Clear value prop (not just "Subscribe"), specific benefit of subscribing, single field (email only), consider an incentive (discount, content).
Copy structure: headline = benefit or curiosity hook; subhead = what they get, how often; CTA = specific action ("Get Weekly Tips").
Goal: Exchange content for email. Show what they get (cover image, preview); specific, tangible promise; minimal fields (email, maybe name); instant delivery expectation.
Goal: First purchase or conversion. Clear discount (10%, $20, free shipping); deadline creates urgency; single use per visitor; easy-to-apply code.
Goal: Last-chance conversion. Acknowledge they're leaving; different offer than the 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"
Goal: Site-wide communication. Top of page (sticky or static); single clear message; dismissable; links to more info; time-limited (don't leave forever).
Goal: Less intrusive engagement. Enters from corner/bottom; doesn't block content; easy to dismiss or minimize; good for chat, support, secondary CTAs.
Desktop: 400-600px wide typical; don't cover the entire screen. Mobile: full-width bottom or center, not full-screen. Leave space to close (visible X, click outside).
Keep visible (top right is convention) — users who can't find it bounce entirely. Large enough to tap on mobile; "No thanks" text link as alternative; click outside to close.
Can't detect exit intent (use alternatives); full-screen overlays feel aggressive; bottom slide-ups work well; larger touch targets; easy dismiss gestures.
Product image or preview; a face if relevant (increases trust); minimal for speed; optional — copy can work alone.
Expand on the promise; address an objection ("No spam, ever"); set expectations ("Weekly tips in 5 min").
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".
Polite, not guilt-trippy: "No thanks" / "Maybe later" / "I'm not interested". Avoid manipulative: "No, I don't want to save money."
Show maximum once per session; remember dismissals (cookie/localStorage); wait 7-30 days before showing again; respect user choice.
New vs. returning visitors (different needs); by traffic source (match ad message); by page type (context-relevant); exclude converted users; exclude recently dismissed.
Exclude checkout/conversion flows; consider blog vs. product pages; match offer to page context.
Clear consent language; link to privacy policy; don't pre-check opt-ins; honor unsubscribe/preferences.
Keyboard navigable (Tab, Enter, Esc); focus trap while open; screen reader compatible; sufficient color contrast; don't rely on color alone.
Intrusive interstitials hurt SEO, mobile especially. Allowed: cookie notices, age verification, reasonable banners. Avoid: full-screen before content on mobile.
Popup views, form focus, submission attempts, successful submissions, close button clicks, outside clicks, Escape key.
If recommending multiple popups: Popup 1 [purpose, trigger, audience]; Popup 2 [purpose, trigger, audience]; conflict rules for how they don't overlap.
Ideas to A/B test with expected outcomes.
Banner variations: top bar vs. banner below header; sticky vs. static; full-width vs. contained; 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: popup sizes on desktop and mobile; left vs. right corner for slide-ins; visibility without blocking content.
Timing triggers: exit intent vs. 30-second delay vs. 50% scroll depth; optimal time delay (10s vs. 30s vs. 60s); scroll depth percentage (25% vs. 50% vs. 75%); page count trigger (show after X pages viewed).
Behavior triggers: user intent prediction; specific page visits; return visitor vs. new visitor targeting; referral source.
Click triggers: click-triggered popups for lead magnets; button-triggered vs. link-triggered modals; in-content vs. sidebar triggers.
Headlines & copy: attention-grabbing vs. informational headlines; "Limited-time offer" vs. "New feature alert" messaging; urgency-focused vs. value-focused copy; headline length and specificity.
CTAs: button text variations; button color for contrast; primary + secondary CTA vs. single CTA; decline text (friendly vs. neutral).
Visual content: countdown timers for urgency; with/without images; product preview vs. generic imagery; social proof in the popup.
Dynamic content: personalize on visitor data; industry-specific content; tailor to pages visited; progressive profiling (ask more over time).
Audience targeting: new vs. returning visitor messaging; segment by traffic source; target by engagement level; exclude already-converted visitors.
Frequency capping (once per session vs. once per week); cool-down period after dismissal; different dismiss behaviors; escalating offers over multiple visits.
아직 리뷰가 없습니다. 사용해 본 소감을 남겨 주세요.
로그인 없이 쓸 수 있습니다. 사용 후기, 질문, 작동하지 않은 환경 등을 편하게 남겨 주세요.
아직 댓글이 없습니다. 첫 댓글을 남겨 보세요.
Act as a Senior Accessibility Engineer to audit a page, component, or design against WCAG 2.2 AA. Produces a triaged finding list (critical/serious/moderate), focus-order map, contrast report, ARIA decision tree, and a screen-reader test plan. Use when shipping new UI, hardening an existing flow, or preparing for VPAT/accessibility conformance.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
When the user wants to plan, design, or implement an A/B test or experiment — "split test," "variant copy," "multivariate test," "hypothesis," "statistical significance," "how long should I run this test," or comparing two versions. For tracking implementation, see analytics-tracking. For page-level conversion optimization, see page-cro.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
When the user wants to generate, iterate, or scale ad creative — headlines, descriptions, primary text, full variations — for any paid platform; 'ad copy variations,' 'RSA headlines,' 'bulk ad copy,' 'creative testing,' 'write me some ads.' For campaign strategy and targeting, see paid-ads. For landing page copy, see copywriting.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
When the user wants content cited by LLMs or surfaced in AI-generated answers — 'AI SEO,' 'AEO,' 'GEO,' 'LLMO,' 'answer engine optimization,' 'AI Overviews,' 'optimize for ChatGPT/Perplexity/Claude,' 'AI citations,' 'zero-click search.' For traditional technical/on-page audits, see seo-audit. For structured data, see schema-markup.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
When the user wants to set up, improve, or audit analytics tracking and measurement — "GA4," "conversion tracking," "event tracking," "UTM parameters," "tag manager," "GTM," "tracking plan," "attribution," "Mixpanel," "Segment," "are my events firing," or how to measure marketing results. For A/B test measurement, see ab-test-setup.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Architectural decision advisor for cloud, data, and SaaS distributed systems. Use when the user asks "should we use X or Y", weighs a tradeoff, or needs a decision matrix, scaling analysis, cost-at-scale review, data-tier design, multi-tenancy model, or API/resilience guidance. For full technical blueprints, use enterprise-design.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.