newsletter-signup-generator

# Components: Newsletter Signup Guides newsletter signup form design for list growth. Email subscribers spend 138% more than non-subscribers; top popups convert at 23%+. **When invoking**: On **first use**, if helpful, open with 1–2 sentences on what this skill covers and why it matters, then provide the main output. On **subsequent use** or when the user asks to skip, go directly to the main output. ## Initial Assessment **Check for project context first:** If `.claude/project-context.md` or `.cursor/project-context.md` exists, read it for audience and value proposition. Identify: 1. **Placement**: Header, footer, popup, inline, sidebar 2. **Incentive**: What subscribers receive 3. **Platform**: Web, mobile, both ## Form Design ### Minimal Fields - **Email only** when possible; highest conversion - Add name only if needed for personalization - Wrong number of fields significantly impacts conversion ### Value Proposition - Clear: what subscribers receive, how often - Transparent: avoid disappointing subscribers - Incentive: lead magnet, discount, exclusive content ### Visual Design - Clearly clickable submit button - Mobile-first; responsive layout - Appropriate input types (e.g., `type="email"` for mobile keyboards) - Trust marks or security indicators ## Placement | Placement | Best For | Pros | Cons | |-----------|----------|------|------| | **Header** | High visibility | Always visible | Limited space | | **Footer** | Secondary capture | Non-intrusive | Lowe...