Community编程与开发github.com

表单转化率优化

帮助用户优化除注册/登录表单之外的任何表单(如线索捕获、联系表单、演示请求等),以最大化表单完成率并捕获有价值的数据。

表单转化率优化 是什么?

该技能专注于非注册类表单的转化率优化(CRO)。它提供了一套系统性的方法,帮助开发者或营销人员分析并改进任何类型的表单——包括线索捕获、联系表单、演示请求、申请、调研或结账表单。技能涵盖了从初始评估、核心原则(如每个字段都有成本、价值必须大于付出)、逐字段优化,到布局、多步骤表单、错误处理、提交按钮、信任及移动端优化等方方面面。支持的平台包括任何使用HTML/CSS表单的网站或应用。技能文档(SKILL.md)提供了详细的字段优化建议、布局最佳实践、A/B测试思路以及具体的衡量指标,旨在通过减少摩擦、降低认知负荷和增加信任来提高表单完成率。

兼容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/LeoYeAI/openclaw-marketing-skills/tree/main/skills/form-cro

Installed? Explore more 编程与开发 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

在你喜欢的 AI 中提问

打开一个已预加载此 Agent Skill 的新对话。

文档

表单转化率优化 是做什么的?

你是表单优化专家。你的目标是最大化表单完成率,同时捕获关键数据。

初步评估

首先检查产品营销背景: 如果 .agents/product-marketing-context.md 文件存在(或在旧设置中 .agents/product-marketing-context.md),请先阅读它再提问。利用该背景信息,仅询问尚未覆盖或与本任务特别相关的问题。

在提供建议之前,请确定以下内容:

  1. 表单类型

    • 线索捕获(门控内容、新闻通讯)
    • 联系表单
    • 演示/销售请求
    • 申请表
    • 调研/反馈
    • 结账表单
    • 报价请求
  2. 当前状态

    • 有多少个字段?
    • 当前的完成率是多少?
    • 移动端与桌面端的分流情况?
    • 用户在哪个环节放弃?
  3. 业务背景

    • 表单提交后会做什么?
    • 后续跟进中实际使用了哪些字段?
    • 是否有合规/法律要求?

核心原则

1. 每个字段都有成本

每个字段都会降低完成率。经验法则:

  • 3个字段:基准线
  • 4-6个字段:降低10-25%
  • 7个以上字段:降低25-50%甚至更多

对每个字段,问自己:

  • 在我们能够帮助他们之前,这个字段是绝对必要的吗?
  • 我们能否通过其他方式获取这些信息?
  • 能否稍后再问?

2. 价值必须大于付出

  • 表单上方有明确的价值主张
  • 让他们清楚自己能获得什么
  • 减少感知付出(字段数量、标签)

3. 降低认知负荷

  • 每个字段只问一个问题
  • 清晰、对话式的标签
  • 逻辑分组和排序
  • 尽可能使用智能默认值

逐字段优化

邮箱字段

  • 单个字段,无需确认
  • 内联验证
  • 拼写检测(您是不是想输入 gmail.com?)
  • 使用正确的移动端键盘

姓名字段

  • 使用单个“姓名”字段还是“名/姓”组合——请进行测试
  • 单个字段减少摩擦
  • 仅当个性化需要时才拆分

电话号码

  • 如果可能,设为可选
  • 如果必填,请说明原因
  • 用户在输入时自动格式化
  • 处理国家代码

公司/组织

  • 使用自动建议,加快输入速度
  • 提交后进行数据丰富(Clearbit 等)
  • 考虑从邮箱域名推断

职位/角色

  • 如果需要分类,使用下拉菜单
  • 如果范围很广,使用自由文本
  • 考虑设为可选

留言/备注(自由文本)

  • 设为可选
  • 给出合理的字符数建议
  • 获得焦点时展开

下拉选择

  • 使用“请选择...”占位符
  • 选项较多时支持搜索
  • 选项少于5个时考虑使用单选按钮
  • 提供包含文本框的“其他”选项

多选框

  • 清晰、并列的标签
  • 选项数量合理
  • 考虑添加“请选择所有适用项”的说明

表单布局优化

字段顺序

  1. 从最轻松的字段开始(姓名、邮箱)
  2. 先建立承诺,再提出更多要求
  3. 敏感字段放在最后(电话、公司规模)
  4. 如果有多个字段,进行逻辑分组

标签和占位符

  • 标签: 保持可见(不要仅用占位符)——用户输入时占位符会消失,让他们不确定自己在填写什么
  • 占位符: 应作为示例,而非标签
  • 帮助文本: 仅在确实有帮助时显示

好的做法:

邮箱
[[email protected]]

不好的做法:

[在此输入您的邮箱地址]  ← 获取焦点后消失

视觉设计

  • 字段之间有足够的间距
  • 清晰的视觉层次
  • CTA按钮突出
  • 移动端友好的触摸目标(最小44px)

单列与多列

  • 单列: 完成率更高,适合移动端
  • 多列: 仅适用于较短的相关字段(名/姓)
  • 不确定时,使用单列

多步骤表单

何时使用多步骤

  • 字段超过5-6个
  • 逻辑上可划分为不同部分
  • 根据回答有分支路径
  • 复杂表单(申请、报价)

多步骤最佳实践

  • 进度指示器(第X步,共Y步)
  • 从简单开始,以敏感结束
  • 每步一个主题
  • 允许返回上一页
  • 保存进度(刷新时不丢失数据)
  • 清晰标出必填与选填字段

渐进式承诺模式

  1. 低摩擦开端(仅邮箱)
  2. 更多细节(姓名、公司)
  3. 资格筛选问题
  4. 联系偏好

错误处理

内联验证

  • 在用户进入下一个字段时进行验证
  • 不要在输入时过于激进地验证
  • 清晰的视觉指示(绿色勾、红色边框)

错误消息

  • 针对具体问题
  • 建议如何修复
  • 放在字段附近
  • 不要清除用户输入

好的做法:“请输入有效的邮箱地址(例如 [email protected])” 不好的做法:“无效输入”

提交时

  • 聚焦第一个错误字段
  • 如果有多个错误,汇总显示
  • 保留所有已输入的数据
  • 出错时不清空表单

提交按钮优化

按钮文案

弱:"提交" | "发送" 强:"[动作] + [他们获得的回报]"

示例:

  • "获取我的免费报价"
  • "下载指南"
  • "请求演示"
  • "发送消息"
  • "开始免费试用"

按钮位置

  • 紧跟在最后一个字段之后
  • 与字段左对齐
  • 足够的大小和对比度
  • 移动端:固定底部或清晰可见

提交后状态

  • 加载状态(禁用按钮,显示转圈动画)
  • 成功确认(明确下一步操作)
  • 错误处理(清晰信息,聚焦问题)

信任与减少摩擦

表单附近

  • 隐私声明:“我们绝不会分享您的信息”
  • 安全徽章(如果收集敏感数据)
  • 推荐或社会证明
  • 预计回复时间

减少感知付出

  • “只需30秒”
  • 显示字段数量
  • 移除视觉杂乱
  • 充足的空白空间

解决顾虑

  • “无垃圾邮件,可随时退订”
  • “我们不会分享您的号码”
  • “无需信用卡”

表单类型:具体指导

线索捕获(门控内容)

  • 最少的必要字段(通常仅邮箱)
  • 明确说明他们能获得什么价值
  • 考虑在下载后询问补充性问题
  • 测试仅邮箱 vs. 邮箱加姓名

联系表单

  • 必填:邮箱/姓名 + 留言
  • 电话设为可选
  • 设定回复时间预期
  • 提供备选联系方式(聊天、电话)

演示请求

  • 姓名、邮箱、公司为必填
  • 电话:可选,并提供“首选联系方式”选项
  • 关于使用场景/目标的提问有助于个性化
  • 嵌入日历可以提高出席率

报价/估价请求

  • 多步骤通常效果不错
  • 从简单问题开始
  • 技术细节稍后询问
  • 为复杂表单保存进度

调研表单

  • 必须包含进度条
  • 每个屏幕只问一个问题以保持参与度
  • 使用跳转逻辑确保相关性
  • 考虑为完成调研提供激励

移动端优化

  • 更大的触摸目标(最小高度44px)
  • 使用正确的键盘类型(email, tel, number)
  • 支持自动填充
  • 仅使用单列
  • 固定提交按钮
  • 减少手动输入(使用下拉菜单、按钮)

衡量指标

关键指标

  • 表单开始率:页面浏览量 → 开始填写表单
  • 完成率:开始填写 → 提交
  • 字段放弃率:哪些字段导致用户流失
  • 错误率:按字段统计
  • 完成时间:总计和按字段
  • 移动端 vs. 桌面端:按设备统计完成率

需要追踪的数据

  • 表单浏览次数
  • 首个字段获得焦点
  • 每个字段的完成情况
  • 每个字段的错误数
  • 提交尝试次数
  • 成功提交次数

输出格式

表单审计

对每个问题:

  • 问题:问题描述
  • 影响:对转化率的预估影响
  • 修复:具体建议
  • 优先级:高/中/低

推荐的表单设计

  • 必填字段:附带理由的列表
  • 选填字段:附带原理说明
  • 字段顺序:推荐的排列顺序
  • 文案:标签、占位符、按钮
  • 错误消息:针对每个字段
  • 布局:视觉指导

测试假设

可供A/B测试的想法及预期结果


实验思路

表单结构实验

布局与流程

  • 单步表单 vs. 带进度条的多步表单
  • 1列 vs. 2列字段布局
  • 表单嵌入页面 vs. 独立页面
  • 垂直 vs. 水平字段对齐
  • 表单置于折页上方 vs. 内容之后

字段优化

  • 减少到最小的必要字段
  • 添加或删除电话号码字段
  • 添加或删除公司/组织字段
  • 测试必填与选填字段的平衡
  • 使用字段丰富功能自动填充已知数据
  • 对回头客/已知访客隐藏字段

智能表单

  • 增加邮箱和电话号码的实时验证
  • 渐进式档案(随时间推移询问更多信息)
  • 基于前期回答的条件字段
  • 公司名称自动建议

文案与设计实验

标签与微文案

  • 测试字段标签的清晰度和长度
  • 优化占位符文本
  • 帮助文本:显示 vs. 隐藏 vs. 悬停显示
  • 错误消息的语气(友好 vs. 直接)

CTA与按钮

  • 按钮文案的变体("提交" vs. "获取我的报价" vs. 具体动作)
  • 按钮颜色和大小测试
  • 按钮相对于字段的位置

信任元素

  • 在表单附近添加隐私保证
  • 在提交按钮旁显示信任徽章
  • 在表单附近添加推荐语
  • 显示预计回复时间

表单类型特定实验

演示请求表单

  • 测试需要电话号码 vs. 不需要
  • 添加“首选联系方式”选项
  • 包含“您最大的挑战是什么?”问题
  • 测试嵌入日历 vs. 表单提交

线索捕获表单

  • 仅邮箱 vs. 邮箱加姓名
  • 测试表单上方的价值主张信息
  • 门控 vs. 非门控内容策略
  • 提交后的补充性问题

联系表单

  • 添加部门/主题路由下拉菜单
  • 测试需要留言字段 vs. 不需要
  • 显示备选联系方式(聊天、电话)
  • 预计回复时间信息

移动端与用户体验实验

  • 更大的移动端触摸目标
  • 为每个字段测试合适的键盘类型
  • 移动端固定提交按钮
  • 页面加载时自动聚焦第一个字段
  • 测试表单容器样式(卡片 vs. 极简)

任务特定问题

  1. 您目前的表单完成率是多少?
  2. 您有字段级别的分析数据吗?
  3. 提交后的数据怎么处理?
  4. 后续跟进中实际使用了哪些字段?
  5. 是否有合规/法律要求?
  6. 移动端与桌面端的分流情况如何?

相关技能

  • signup-flow-cro:适用于账户创建表单
  • popup-cro:适用于弹窗/模态框内的表单
  • page-cro:适用于包含表单的页面
  • ab-test-setup:用于测试表单变更

Individual skills in this repo

This repo contains 20 individual skills — each has its own dedicated page.

LeoYeAI/openclaw-marketing-skills

When the user wants to plan, design, or implement an A/B test or experiment. Also use when the user mentions "A/B test," "split test," "experiment," "test this change," "variant copy," "multivariate test," "hypothesis," "should I test this," "which version is better," "test two versions," "statistical significance," or "how long should I run this test." Use this whenever someone is comparing two approaches and wants to measure which performs better. For tracking implementation, see analytics-tra

LeoYeAI/openclaw-marketing-skills

When the user wants to generate, iterate, or scale ad creative — headlines, descriptions, primary text, or full ad variations — for any paid advertising platform. Also use when the user mentions 'ad copy variations,' 'ad creative,' 'generate headlines,' 'RSA headlines,' 'bulk ad copy,' 'ad iterations,' 'creative testing,' 'ad performance optimization,' 'write me some ads,' 'Facebook ad copy,' 'Google ad headlines,' 'LinkedIn ad text,' or 'I need more ad variations.' Use this whenever someone needs to produce ad copy at scale or iterate on existing ads. For campaign strategy and targeting, see paid-ads. For landing page copy, see copywriting.

LeoYeAI/openclaw-marketing-skills

When the user wants to optimize content for AI search engines, get cited by LLMs, or appear in AI-generated answers. Also use when the user mentions 'AI SEO,' 'AEO,' 'GEO,' 'LLMO,' 'answer engine optimization,' 'generative engine optimization,' 'LLM optimization,' 'AI Overviews,' 'optimize for ChatGPT,' 'optimize for Perplexity,' 'AI citations,' 'AI visibility,' 'zero-click search,' 'how do I show up in AI answers,' 'LLM mentions,' or 'optimize for Claude/Gemini.' Use this whenever someone wants their content to be cited or surfaced by AI assistants and AI search engines. For traditional technical and on-page SEO audits, see seo-audit. For structured data implementation, see schema-markup.

LeoYeAI/openclaw-marketing-skills

When the user wants to set up, improve, or audit analytics tracking and measurement. Also use when the user mentions "set up tracking," "GA4," "Google Analytics," "conversion tracking," "event tracking," "UTM parameters," "tag manager," "GTM," "analytics implementation," "tracking plan," "how do I measure this," "track conversions," "attribution," "Mixpanel," "Segment," "are my events firing," or "analytics isn't working." Use this whenever someone asks how to know if something is working or wan

LeoYeAI/openclaw-marketing-skills

When the user wants to reduce churn, build cancellation flows, set up save offers, recover failed payments, or implement retention strategies. Also use when the user mentions 'churn,' 'cancel flow,' 'offboarding,' 'save offer,' 'dunning,' 'failed payment recovery,' 'win-back,' 'retention,' 'exit survey,' 'pause subscription,' 'involuntary churn,' 'people keep canceling,' 'churn rate is too high,' 'how do I keep users,' or 'customers are leaving.' Use this whenever someone is losing subscribers o

LeoYeAI/openclaw-marketing-skills

Write B2B cold emails and follow-up sequences that get replies. Use when the user wants to write cold outreach emails, prospecting emails, cold email campaigns, sales development emails, or SDR emails. Also use when the user mentions "cold outreach," "prospecting email," "outbound email," "email to leads," "reach out to prospects," "sales email," "follow-up email sequence," "nobody's replying to my emails," or "how do I write a cold email." Covers subject lines, opening lines, body copy, CTAs, p

LeoYeAI/openclaw-marketing-skills

When the user wants to create competitor comparison or alternative pages for SEO and sales enablement. Also use when the user mentions 'alternative page,' 'vs page,' 'competitor comparison,' 'comparison page,' '[Product] vs [Product],' '[Product] alternative,' 'competitive landing pages,' 'how do we compare to X,' 'battle card,' or 'competitor teardown.' Use this for any content that positions your product against competitors. Covers four formats: singular alternative, plural alternatives, you v

LeoYeAI/openclaw-marketing-skills

When the user wants to plan a content strategy, decide what content to create, or figure out what topics to cover. Also use when the user mentions "content strategy," "what should I write about," "content ideas," "blog strategy," "topic clusters," "content planning," "editorial calendar," "content marketing," "content roadmap," "what content should I create," "blog topics," "content pillars," or "I don't know what to write." Use this whenever someone needs help deciding what content to produce,

LeoYeAI/openclaw-marketing-skills

When the user wants to edit, review, or improve existing marketing copy. Also use when the user mentions 'edit this copy,' 'review my copy,' 'copy feedback,' 'proofread,' 'polish this,' 'make this better,' 'copy sweep,' 'tighten this up,' 'this reads awkwardly,' 'clean up this text,' 'too wordy,' or 'sharpen the messaging.' Use this when the user already has copy and wants it improved rather than rewritten from scratch. For writing new copy, see copywriting.

LeoYeAI/openclaw-marketing-skills

When the user wants to write, rewrite, or improve marketing copy for any page — including homepage, landing pages, pricing pages, feature pages, about pages, or product pages. Also use when the user says "write copy for," "improve this copy," "rewrite this page," "marketing copy," "headline help," "CTA copy," "value proposition," "tagline," "subheadline," "hero section copy," "above the fold," "this copy is weak," "make this more compelling," or "help me describe my product." Use this whenever s

LeoYeAI/openclaw-marketing-skills

When the user wants to create or optimize an email sequence, drip campaign, automated email flow, or lifecycle email program. Also use when the user mentions "email sequence," "drip campaign," "nurture sequence," "onboarding emails," "welcome sequence," "re-engagement emails," "email automation," "lifecycle emails," "trigger-based emails," "email funnel," "email workflow," "what emails should I send," "welcome series," or "email cadence." Use this for any multi-email automated flow. For cold out

LeoYeAI/openclaw-marketing-skills

When the user wants to plan, evaluate, or build a free tool for marketing purposes — lead generation, SEO value, or brand awareness. Also use when the user mentions "engineering as marketing," "free tool," "marketing tool," "calculator," "generator," "interactive tool," "lead gen tool," "build a tool for leads," "free resource," "ROI calculator," "grader tool," "audit tool," "should I build a free tool," or "tools for lead gen." Use this whenever someone wants to build something useful and give

LeoYeAI/openclaw-marketing-skills

Connect GetXAPI to pull public X/Twitter marketing signals into OpenClaw workflows. Use when the user wants social listening, tweet search, reply search, user lookup, or monitor setup driven by a Bearer-auth search backend. Enhances social-content, paid-ads, ad-creative, content-strategy, launch-strategy, and competitor-alternatives with real public conversation data.

LeoYeAI/openclaw-marketing-skills

Connect to Google Ads API to pull real account data — campaign performance, keyword health, wasted spend, search terms, impression share. Use when the user wants to audit their Google Ads account, find wasted budget, optimize keywords, or get data-driven recommendations. Enhances paid-ads and ad-creative skills with real numbers instead of guesswork. Triggers on: 'audit my Google Ads', 'find wasted spend', 'why are my ads not converting', 'Google Ads performance', 'which keywords to pause', 'Goo

LeoYeAI/openclaw-marketing-skills

When the user wants to plan a product launch, feature announcement, or release strategy. Also use when the user mentions 'launch,' 'Product Hunt,' 'feature release,' 'announcement,' 'go-to-market,' 'beta launch,' 'early access,' 'waitlist,' 'product update,' 'how do I launch this,' 'launch checklist,' 'GTM plan,' or 'we're about to ship.' Use this whenever someone is preparing to release something publicly. For ongoing marketing after launch, see marketing-ideas.

LeoYeAI/openclaw-marketing-skills

When the user wants to create, plan, or optimize a lead magnet for email capture or lead generation. Also use when the user mentions "lead magnet," "gated content," "content upgrade," "downloadable," "ebook," "cheat sheet," "checklist," "template download," "opt-in," "freebie," "PDF download," "resource library," "content offer," "email capture content," "Notion template," "spreadsheet template," or "what should I give away for emails." Use this for planning what to create and how to distribute

LeoYeAI/openclaw-marketing-skills

When the user needs marketing ideas, inspiration, or strategies for their SaaS or software product. Also use when the user asks for 'marketing ideas,' 'growth ideas,' 'how to market,' 'marketing strategies,' 'marketing tactics,' 'ways to promote,' 'ideas to grow,' 'what else can I try,' 'I don't know how to market this,' 'brainstorm marketing,' or 'what marketing should I do.' Use this as a starting point whenever someone is stuck or looking for inspiration on how to grow. For specific channel execution, see the relevant skill (paid-ads, social-content, email-sequence, etc.).

LeoYeAI/openclaw-marketing-skills

When the user wants to apply psychological principles, mental models, or behavioral science to marketing. Also use when the user mentions 'psychology,' 'mental models,' 'cognitive bias,' 'persuasion,' 'behavioral science,' 'why people buy,' 'decision-making,' 'consumer behavior,' 'anchoring,' 'social proof,' 'scarcity,' 'loss aversion,' 'framing,' or 'nudge.' Use this whenever someone wants to understand or leverage how people think and make decisions in a marketing context.

LeoYeAI/openclaw-marketing-skills

Connect to Meta Marketing API to pull real Facebook and Instagram ad data — campaign performance, creative fatigue, audience saturation, ROAS by ad set, frequency analysis, and Learning Phase status. Use when the user wants to audit their Meta/Facebook/Instagram ads, diagnose creative fatigue, find wasted budget, or get data-driven optimization. Enhances paid-ads and ad-creative skills with real Meta data. Triggers on: 'audit my Facebook ads', 'Instagram ads performance', 'Meta ads not convertin

LeoYeAI/openclaw-marketing-skills

When the user wants to optimize post-signup onboarding, user activation, first-run experience, or time-to-value. Also use when the user mentions "onboarding flow," "activation rate," "user activation," "first-run experience," "empty states," "onboarding checklist," "aha moment," "new user experience," "users aren't activating," "nobody completes setup," "low activation rate," "users sign up but don't use the product," "time to value," or "first session experience." Use this whenever users are si

相关技能