行动号召CTA
官网常用区块引导用户完成当前最重要的下一步
行动号召通常表现为注册、试用或购买按钮。一个视觉区域里要明确主要动作,并用文字说明点击后会发生什么;长页面可以在合适位置重复同一个目标。
免费开始
准备好开始了吗?
免费试用 14 天 · 无需信用卡 · 随时取消
立即免费试用先看看定价 →
什么时候用
- 一个页面一个主 CTA:视觉权重最高新建项目
- 按钮下补一句消除顾虑:免费、随时取消免费试用 14 天无需信用卡 · 随时取消
- 长页首尾各放一次:读到哪都能行动开始使用开始使用
- 空状态 Empty 空状态配 CTA:引导用户迈出第一步还没有项目新建项目
什么时候不用
- 三个主按钮并排:都想突出 = 都不突出保存提交发布
- 文案写「点我」「按钮」:不知道点了会怎样点我按钮
- 把主操作缩成小链接藏在角落注册
- 假倒计时、假名额忽悠点击:透支信任仅剩 3 个名额!马上抢购刷新一下,名额又变回 3 个
组成结构 · Anatomy
立即免费试用
14 天免费 · 无需信用卡
先看看演示 →
1主按钮Primary Button页面视觉权重最高的一个按钮
2支撑文案Supporting Copy消除顾虑:免费、随时取消、无需信用卡
3次级选项Secondary Action给犹豫的人一个低承诺出口
常见变体 · Variants
单按钮Primary
免费开始
路径只有一条,别给选择
主按钮 + 副链接WithSecondary
免费开始先看看演示 →
给犹豫的人一个低承诺出口
内联表单InlineForm
输入邮箱订阅
门槛是留邮箱时一步到位
典型使用场景
首屏主按钮
把想法变成网页,只需一句话
免费试用 14 天 · 无需信用卡 · 随时取消
立即免费开始
长页结尾的再次召唤
准备好开始了吗?
免费试用 14 天 · 无需信用卡 · 随时取消
立即免费试用
空状态的引导按钮
还没有任何作品
发布第一个作品,让访客认识你
定价卡上的购买按钮
免费版¥0/月
✓ 10 个项目✓ 社区支持
开始使用
最受欢迎
专业版¥49/月
✓ 不限项目✓ 优先支持
升级专业版