components-newsletter-signup
8
总安装量
7
周安装量
#35190
全站排名
安装命令
npx skills add https://github.com/kostja94/marketing-skills --skill components-newsletter-signup
Agent 安装分布
opencode
7
github-copilot
7
codex
7
kimi-cli
7
amp
7
cline
7
Skill 文档
Components: Newsletter Signup
Guides newsletter signup form design for list growth. Email subscribers spend 138% more than non-subscribers; top popups convert at 23%+.
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
- components-footer: Footer often hosts signup forms
- components-cta: Submit button is a CTA
- components-trust-badges: Trust marks near form