CTA
你可能会说
想在页面里放个显眼的地方，让人看了就想点“免费试用”。
CTA 是引导用户执行注册、试用或购买等关键动作的核心入口。CTA 可以是按钮、链接或简短表单。产品页可用“开始免费试用”直接说明行动和结果；一个视觉区域通常突出一个主目标，长页面可按阅读阶段重复或调整。不要使用“提交”“点击这里”等看不出结果的文字。
也常被叫作行动号召核心行动入口转化按钮Call to Action
什么时候用
- 每个视觉区域通常突出一个主 CTA，让下一步容易识别新建项目
- 在行动入口旁说明影响决定的条件，例如试用期限、费用或取消规则开始免费试用试用期限 · 是否需要信用卡 · 取消规则
- 长页面可在关键阶段重复或调整 CTA，但目标要与上下文一致开始使用开始使用
- 空状态 Empty 空状态配 CTA：引导用户迈出第一步还没有项目新建项目
什么时候不用
- 三个主按钮并排：都想突出 = 都不突出保存提交发布
- 文案写「点我」「按钮」：不知道点了会怎样点我按钮
- 将主要行动处理成低强调的小链接，会让用户难以识别下一步注册
- 用假倒计时或假名额诱导点击会损害信任仅剩 3 个名额！马上抢购名额提示没有对应的真实库存或截止规则
组成结构 · Anatomy
立即免费试用
试用期限 · 费用与取消规则
先看看演示 →
当前区域最需要用户采取的下一步
说明影响决定的费用、期限或前置条件
在不干扰主目标的前提下提供另一条合理路径
常见变体 · Variants
单一行动Primary
免费开始
下一步明确，不需要额外选择时
主要行动 + 次级链接WithSecondary
免费开始先看看演示 →
部分用户需要先了解更多信息时
内联表单InlineForm
输入邮箱订阅
下一步只需要提交一个简短字段时
典型使用场景
首屏主按钮
把想法变成网页，只需一句话
试用期限、费用和取消规则按实际情况填写
立即免费开始
长页结尾的再次召唤
准备好开始了吗？
说明试用期限、费用和取消规则
立即免费试用
空状态的引导按钮
还没有任何作品
发布第一个作品，让访客认识你
定价卡上的购买按钮
示例价格与权益
免费版¥0/月
✓ 10 个项目✓ 社区支持
开始使用
适合高频使用者
专业版¥49/月
✓ 不限项目✓ 优先支持
升级专业版
延伸阅读 · 权威出处