设计一个非常有效的 CTA 转换的 10 个步骤

已发表: 2021-06-13

您知道您网站的主要目标,但您的访问者知道吗?

您可能拥有网络上最好的产品、具有用户友好界面的华丽网站,以及通过有效的 SEO 技术产生的大量流量。 但是,如果您并不清楚您希望访问者在访问您的网站时做什么,那么您就已经失去了他们。

“如果您正在努力将访问者转化为客户,您可能需要注意您的 CTA。

什么是 CTA?

号召性用语或 CTA 是出现在您网站上并邀请读者采取特定行动的口号。 它的主要工作是吸引人们的注意力并推动他们做一些将他们引向转化漏斗的事情。

常见的 CTA 包括:

  • 下载电子书、指南或优惠券代码
  • 注册电子邮件通讯
  • 开始免费试用
  • 学到更多
  • 添加到购物车
  • 获得免费咨询

CTA 有几种不同的形式,包括带下划线的文本、图标和图像,尽管按钮通常是最常见的。

几个描绘形状和字母的彩色按钮

CTA 的重要性

您的 CTA 是将访问者转变为客户的基本步骤; 它是您品牌成功的守门人。 因此,他们需要自己的设计规则。 由于微小的更改可能会对转化产生巨大影响,因此您必须正确完成这一更改。

以下是设计非常有效的 CTA 的十个最佳实践。

1. 颜色

CTA 按钮的颜色是您将做出的最重要的设计选择之一。 它需要在视觉上引人注目,以便从页面上的其他元素中脱颖而出。

关于哪种颜色最适合 CTA 存在很多争论。 事实上,没有一种颜色是一种神奇的转换魔杖——它取决于几件事,包括你的受众和你网站的配色方案。

但是,视觉层次结构确实很重要,因此您选择的颜色应该从页面上的所有其他颜色中脱颖而出。 出于这个原因,对比色是要走的路。

选择与您网站的其他部分形成鲜明对比的鲜艳颜色,但又适合整体设计。

Freshbooks 网站 CTA 屏幕截图,带有两个表单框和一个绿色按钮,上面写着“免费试用”

2. 给它呼吸的空间

你是在一张漂亮、干净、周围有很多空间的办公桌上工作得最好,还是在周围杂乱无章的地方工作得最好? 对大多数人来说,干净的办公桌意味着头脑清晰,能够保持专注。

这同样适用于您的 CTA。 在它周围包含一块健康的负空间会创造必要的呼吸空间,并将其与界面上的其他元素分开。 您在最重要的按钮周围包含的干扰越少,您进行转换的机会就越大。

3. 面向行动的文本

忘掉枯燥乏味的文案,比如“输入以获取更多信息”,无论你做什么,都不要指望人们会“提交”。 如果您想鼓励您的读者采取特定行动,请使用引人注目的、面向行动的语言,例如“下载”、“尝试”、“加入”或“开始”,这样人们就清楚他们下一步需要做什么.

您的文字应该简短——最好在两到七个字之间——但它应该准确地传达访问者在执行操作时将收到的内容。 这不是试验聪明或令人困惑的词语的地方。

研究表明,信息越个人化,它就越成功。 将“创建您的帐户”更改为“创建我的帐户”,或将“开始您的 30 天免费试用”更改为“开始我的 30 天免费试用”可以将您的点击率提高多达 90%。

4. 添加价值主张

除了迫使您的读者采取某种行动之外,您的文本还应该传达他们在点击时将获得的好处。 如果不清楚对他们有什么好处,他们就没有理由听从你的指示。

你可以在 Copyblogger 上看到一个很好的例子:

copyblogger 网站 CTA 截图。 “立即免费获得经过验证的营销培训”位于绿色按钮上方,上面写着“获得免费培训”

Copyblogger 在其文本中加入了“免费”一词,这是一个很有说服力的词。 “奖金”或“立即”将产生类似的效果。

5. 营造紧迫感

购买时,情绪是一个很好的驱动力。 对潜在客户产生很好的一种情绪是好奇心,激发某人好奇心的一个好方法是激发一种紧迫感和稀缺感。

通过提供限时优惠并将其与福利相结合,例如免费电子书或在特定时间范围内注册的折扣,您将激励人们在他们仍然可以申请优惠的情况下领取优惠。 FOMO(害怕错过)可以成为采取行动的强大动力。 即使使用“现在”这个词也能传达出一种微妙的紧迫感。

6. 安置

CTA 的位置是一个热门话题。 传统上,首屏被视为理想的位置,因此当人们登陆页面时,这是不容错过的。

但情况并非总是如此。 如果你在一家店里,推销员在描述产品的好处之前就用他的“立即购买”高谈阔论,你很可能会放弃购买。

Neil Patel 发现,人们通常想在注册前了解更多关于优惠的信息——他的研究发现,当 CTA 放在首屏时,转化率下降了 17%。 如果您的产品很复杂并且人们在做出承诺之前需要了解更多信息,则尤其如此。

归根结底,如果您的报价足够引人注目,人们会找到 CTA; 在他们准备好之前不要强迫他们。 如果您有一个长篇销售页面,那么在页面下方撒上一些 CTA 是一种很好的做法,因为它让人们有机会在他们准备好后立即进行转换。

手在键盘上打字以获得有效的 CTA

7.特效

“在设计 CTA 按钮时,不要重新发明轮子。 按钮需要看起来像一个按钮,这样人们就知道它是可点击的。

按钮的大小应该合适——大到足以让其一目了然,但又不能大到占据其余内容的主导地位。 按钮的形状会影响它的成功,圆角更容易在眼睛上,你可以玩一些特殊的效果,如阴影、3D效果、微妙的渐变和箭头,或者包括 PayPal 或卡标志以增加和平头脑。

在大和大胆而不是霸道之间找到适当的平衡是有效CTA的关键。 从本质上讲,按钮越引人注目,人们点击的可能性就越大。

8. 减少选项

提供太多选项可能会导致访问者决策瘫痪,这可能导致他们点击离开您的网站。 在可能的情况下,最好坚持一种选择。

如果您确实需要包含两个或更多选项,请始终为最重要的选项赋予更多视觉权重。 为此,请为不太重要的选项提供较低对比度的颜色,甚至使其透明,就像星巴克在这里所做的那样。

星巴克网站 CTA 屏幕截图,有两个选项。金色的“立即加入”和黑色背景上的黑色“登录”

有时,包括两个选项可以帮助人们感觉好像他们对过程有更多的控制权,这使他们更有可能转换。 您可以包含第二个选项,它只是加强第一个选项,例如,“是的,请给我发免费的电子书”和“不,谢谢,我现在很好——也许以后会。”

然而,我见过一些例子,人们几乎因为第二个按钮上的文字而羞于做出某个决定。 虽然这可能会诱使一些人采取行动,但您可能会惹恼更多人,因此请简单而谨慎地使用此技术。

9. 提供令人信服的信息

在 CTA 按钮周围添加补充文本有助于说服犹豫不决的潜在客户冒险尝试。 如果您的 CTA 鼓励人们注册免费试用,这将特别有用。

令人信服的信息可以包括诸如“无风险”、“无承诺”、“无需信用卡”或“退款保证”等保证。 您还可以包括来自满意客户的推荐或隐私承诺。

Netflix 解决了客户在其“免费加入一个月”CTA 之前“随时取消”的能力。

Netflix 网站 CAT 截图

10.测试,测试,测试

一旦您创建了 CTA 并实施了所有这些有用的提示,您的工作还没有结束! 您需要检查您的 CTA 是否具有预期的效果。

进行 A/B 测试,看看颜色、信息、报价、设计和位置的变化如何影响您的转化率。 反复尝试,直到找到正确的组合——有时微小的、易于进行的更改可以产生巨大的变化。 并且不要忘记定期检查以查看 CTA 是否继续有效。

您是否在在线副本中明智地使用 CTA? 您对设计有效的 CTA 有哪些提示和技巧? 在下面的评论中告诉我们。