newsletter-signup-generator
Compare original and translation side by side
🇺🇸
Original
English🇨🇳
Translation
ChineseComponents: Newsletter Signup
组件：Newsletter注册表单
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.
指导newsletter注册表单设计，助力邮件列表增长。邮件订阅用户的消费额比非订阅用户高138%；优质弹窗的转化率可达23%以上。
调用规则：首次使用时，如果适用，可先用1-2句话介绍本技能覆盖的范围及其价值，再给出核心输出。后续调用或用户要求跳过介绍时，直接输出核心内容即可。
Initial Assessment
初步评估
Check for product marketing context first: If or exists, read it for audience and value proposition.
.claude/product-marketing-context.md.cursor/product-marketing-context.mdIdentify:
- Placement: Header, footer, popup, inline, sidebar
- Incentive: What subscribers receive
- Platform: Web, mobile, both
优先核对产品营销上下文：如果存在或文件，先读取其中的受众定位和价值主张信息。
.claude/product-marketing-context.md.cursor/product-marketing-context.md需要明确：
- 摆放位置：头部、底部、弹窗、正文内嵌、侧边栏
- 激励措施：订阅用户可获得的权益
- 适用平台：网页、移动端、二者兼顾
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
- 清晰明确：说明订阅用户可获得的内容、推送频率
- 公开透明：避免让订阅用户产生预期落差
- 激励机制：lead magnet、折扣、专属内容等
Visual Design
视觉设计
- Clearly clickable submit button
- Mobile-first; responsive layout
- Appropriate input types (e.g., for mobile keyboards)
type="email" - Trust marks or security indicators
- 提交按钮点击辨识度高
- 移动端优先，响应式布局
- 使用合适的输入类型（例如移动端键盘适配）
type="email" - 添加信任标识或安全提示
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 | |
| 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 |
| 要求 | 实践规范 |
|---|---|
| 标签 | 每个输入框对应 |
| 占位符 | 不要替代标签，仅作为补充信息 |
| 错误提示 | 表述清晰，与对应字段关联 |
| 键盘操作 | 完整的Tab切换顺序，支持按Enter提交 |
| 触控区域 | 提交按钮尺寸≥44×44px |
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
- 校验：必须同时实现客户端校验和服务端校验
- 隐私合规：提供隐私政策链接，符合GDPR/CCPA合规要求
- 双重 opt-in：当辖区法规或最佳实践要求时启用
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
- landing-page-generator：线索获取落地页包含注册表单，落地页通过提供价值换取用户邮箱
- email-marketing：完整邮件营销策略，包含EDM、newsletter、送达率、内容类型等
- footer-generator：页脚通常会放置注册表单
- cta-generator：提交按钮属于CTA的一种
- trust-badges-generator：表单附近的信任标识