CTA（行动按钮）

CTA按钮文案怎么定？

CTA文案只要用顾客视角的动词，写清“点了之后会发生什么”就可以了。因为顾客在按钮前最先担心的是“点了会不会直接付款？”“会不会直接拨出电话？”。

如果点击按钮后有让顾客感到负担的事，就在按钮正下方简短补充说明。“只咨询也没关系”“下一步才付款”这样一句话就能减少犹豫。

按钮文案越短越好，但不能短到意思都没了。在两三个词之内，同时看得出“做什么”和“怎么做”，就比较合适。

按钮文案要和顾客实际使用的说法一致。如果是美发店，比起“项目预约”，“剪发 · 烫发预约”这种顾客脑子里会浮现的说法读起来更快。

主按钮和次要按钮怎么区分？

主按钮是店铺最希望顾客做的那一个动作，次要按钮则是为还没拿定主意的顾客准备的另一条路。比如美发店，“立即预约”可以是主按钮，“查看价目表”可以是次要按钮。

主按钮用填充色，次要按钮只用边框或做成文字链接，以此区分轻重。两个按钮颜色相同 · 大小相同的话，顾客就得重新想一想该点哪一个。

事先定好每个页面的主按钮是什么，设计会议也会缩短。比如首页是“预约”，价格页面是“预约这个项目”，交通指南页面是“路线导航”，根据页面目的来调整就行。

按行业举例，咖啡馆的主按钮多是“路线导航”，手作工坊是“报名课程”，网店是“加入购物车”。次要按钮则是为还在犹豫的顾客准备的“查看菜单”“欣赏作品”“查看评价”之类。

CTA按钮放在哪里、做多大？

CTA要放在顾客做决定的位置旁边。典型位置是首屏、读完价格或说明的地方，以及页面最底部。

按钮大小要让手指能准确点到。网页无障碍国际标准WCAG 2.2规定点击区域至少为24×24 CSS像素，重要按钮最好做得比这更宽裕。按钮之间挨得太近容易误点旁边的按钮，所以间距也要一并注意。

在手机上，把“电话 · 预约”按钮固定在屏幕底部的做法也很常见。这个位置拇指容易够到，很方便，但高度要压低，避免遮挡内容。

让按钮看起来像按钮也很重要。只有文字、没有边框或背景的话，顾客很容易不知道它可以点而直接略过。

CTA按什么顺序来做？

正确的顺序是先确定“要请顾客做什么”，再考虑按钮设计。按下面的步骤走，就能为每个页面定好合适的按钮。

店铺越小，主按钮越应该设为您能最快回应的联系方式。比如营业时经常接不了电话，就把“KakaoTalk咨询”或“立即预约”设为主按钮，而不是“拨打电话”。

按钮位置不必一开始就完美。上线后根据实际点击记录来调整，比凭感觉决定更准确。

1. 01写下能带来店铺营收的行动。（预约、电话、KakaoTalk咨询、购买、到店）
2. 02其中最重要的一个设为主按钮，其余一两个设为次要按钮。
3. 03给每个页面分配一个主按钮。
4. 04用顾客视角的动词写按钮文案。
5. 05在首屏、说明结束处和页面底部放置按钮。
6. 06在手机上用拇指点一点，确认大小和间距。
7. 07上线后记录每个按钮被点击的次数，再优化文案和位置。

怎么确认CTA是否有效？

看按钮被点了几次、其中有多少真正变成了预约 · 咨询就行。在访问统计工具里把按钮点击记录为“事件”，就能知道哪个按钮在发挥作用。

电话按钮只能知道被点击的次数，是否接通需要另外确认。同时养成在店里问一句“您是怎么知道我们的？”的习惯，数字就更容易解读。

修改文案时最好一次只改一处，观察2~4周左右。同时改好几处的话，就很难知道是哪一处带来了变化。

访客不多的小店，看次数比看比例更好。记下每个月按钮被点了几次、其中有几次真正变成了预约，几个月后就能看出变化。

CTA常见的错误有哪些？

常见的错误是按钮放得太多。“预约”“咨询”“电话”“KakaoTalk”“Instagram”以同样大小排成一行，顾客反而可能什么都不点。

“点击这里”“查看更多”这类脱离上下文就看不懂意思的文案也要避免。使用读屏软件（把页面内容读出来的程序）的顾客只听按钮文案就做判断，所以网页无障碍标准也建议写清链接的目的。

点击按钮之后的页面也是CTA的一部分。提交了咨询却没有任何提示，顾客不知道是否发送成功，就会重新提交或打电话过来。一定要加上“通常几小时内回复您”这样的完成提示。

关于CTA，该问网站制作公司哪些问题？

与其只向制作公司提出“按钮要大、要红”这类外观要求，不如先说明目的，比如“这个页面最重要的是预约”。目的明确了，设计师才能提出相应的大小 · 颜色 · 位置方案。

• 能说明每个页面的主按钮是怎么定的吗？
• 会单独在手机上确认按钮大小和间距吗？
• 会把按钮点击记录到访问统计里吗？
• 上线后想修改按钮文案或位置，该怎么提出？