Components: Newsletter Signup

newsletter-signup-generator

When the user wants to design, optimize, or audit newsletter signup forms. Also use when the user mentions "newsletter," "email signup," "subscribe form," "email capture," "lead magnet," "newsletter form," "email opt-in," "subscribe CTA," "newsletter signup," or "email list building." For email s...

kostja94/marketing-skills·0installs1KstarsMarketing

SKILL.md

Full skill instructions

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:

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

signup-login-page-generator: Full account signup; form design principles apply
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

Install skill

Copy and run in your terminal

npx -y skills add https://github.com/kostja94/marketing-skills --skill newsletter-signup

View on GitHub

skills/components/conversion/newsletter-signup/SKILL.md

More Marketing skills

View all

Marketing

copywriting

Marketing copy for homepages, landing pages, pricing pages, and other conversion-focused web pages.

53.3K 216.1K

View

Marketing

flux-2-klein

Fast image generation with Flux 2 Klein, optimized for sub-second iteration and multi-reference brand styling.

52 176.2K

View

Marketing

marketing-psychology

Psychological principles and mental models for understanding customer behavior and influencing marketing decisions.

53.3K 153K

View

Marketing

content-strategy

Plan searchable and shareable content that drives traffic, builds authority, and generates leads.

53.3K 150.9K

View

Marketing

programmatic-seo

Build SEO-optimized pages at scale using templates, data, and proven playbook patterns.

53.3K 140.1K

View

Marketing

marketing-ideas

Brainstorm and prioritize marketing strategies tailored to your SaaS stage, budget, and goals.

53.3K 137.2K

View

Marketing

ai-seo

Optimize content for discovery, citation, and visibility across AI search platforms and LLM assistants.

53.3K 136.7K

View

Marketing

copy-editing

Systematic improvement of existing marketing copy through seven focused editing passes.

53.3K 136.4K

View

Marketing

site-architecture

Plan and optimize your website's page hierarchy, navigation, URL structure, and internal linking.

53.3K 112.8K

View

Marketing

revops

Design and optimize systems connecting marketing, sales, and customer success into a unified revenue engine.

53.3K 104.9K

View

Marketing

brand-guidelines

Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel. Use it when brand colors or style guidelines, visual formatting, or company design standards apply.

179.7K 100.1K

View