newsletter-signup-generator
npx machina-cli add skill kostja94/marketing-skills/newsletter-signup --openclawComponents: 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 product marketing context first: If .claude/product-marketing-context.md or .cursor/product-marketing-context.md exists, read it for audience and value proposition.
Identify:
- Placement: Header, footer, popup, inline, sidebar
- Incentive: What subscribers receive
- 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 | Lower visibility |
| Footer bar | Persistent | Sticky | Can annoy |
| Popup | High intent | High conversion | Intrusive |
| Inline | Content pages | Contextual | Depends on scroll |
- Avoid hiding forms behind unclicked buttons/links
- Don't place competing forms nearby
Accessibility
| Requirement | Practice |
|---|---|
| Labels | <label> for each input; for/id association |
| Placeholders | Don't replace labels; supplement only |
| Error messages | Clear, associated with field |
| Keyboard | Full tab order; submit via Enter |
| Touch targets | ≥44×44px for submit button |
Technical
- Validation: Client-side; server-side required
- Privacy: Link to privacy policy; GDPR/CCPA compliance
- Double opt-in: When required by jurisdiction or best practice
Output Format
- Form structure (fields, copy)
- Placement recommendation
- Value proposition suggestions
- Accessibility checklist
Related Skills
- landing-page-generator: Lead capture landing page contains signup form; LP exchanges value for email
- email-marketing: Full email marketing strategy; EDM, newsletter, deliverability, content types
- footer-generator: Footer often hosts signup forms
- cta-generator: Submit button is a CTA
- trust-badges-generator: Trust marks near form
Source
git clone https://github.com/kostja94/marketing-skills/blob/main/skills/components/newsletter-signup/SKILL.mdView on GitHub Overview
newsletter-signup-generator guides the design, optimization, and auditing of newsletter signup forms across header, footer, popups, and inline placements. It emphasizes minimal fields, a clear value proposition, accessible design, and privacy considerations to lift conversions and grow email lists.
How This Skill Works
It starts with an initial assessment of context (placement, incentive, platform), then covers form design (minimal fields, transparent value proposition, mobile-first visuals), followed by placement, accessibility, and technical checks. The output is a recommended form structure, placement guidance, value-prop copy, and an accessibility checklist you can implement immediately.
When to Use It
- Designing a new signup form for a product page or site.
- Auditing or optimizing an existing signup form to improve conversions.
- Deciding the best placement (header, footer, popup, inline) for your signup form.
- Ensuring accessibility and privacy compliance (GDPR/CCPA) for signups.
- Implementing or validating a double opt-in flow where required.
Quick Start
- Step 1: Assess the context — placement, incentive, and platform.
- Step 2: Craft the form — keep fields minimal, state the value, and ensure accessibility.
- Step 3: Implement and test — apply placement, privacy links, and run conversion checks.
Best Practices
- Use email-only fields when possible; add a name field only if you truly need it for personalization or segmentation.
- Clearly state what subscribers receive and how often, and make the incentive transparent.
- Adopt mobile-first, responsive design with the correct input types (type="email").
- Show trust indicators and security cues near the form.
- Link to a privacy policy and respect GDPR/CCPA; apply double opt-in when appropriate.
Example Use Cases
- E-commerce site offering 10% discount via a header signup form.
- Blog article with an inline signup offering a content upgrade lead magnet.
- SaaS landing page using a high-visibility popup to capture trials or newsletters.
- Footer bar signup on mobile providing a non-intrusive opt-in.
- Exit-intent popup offering an exclusive guide to capture last-minute leads.
