切换·Esc 返回

行动号召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/月 ✓ 不限项目✓ 优先支持 升级专业版