4个引人注目的CTA按钮示例

已发表: 2020-04-03

任何试图在当今世界取得成功的企业都必须密切关注他们的在线形象。 网站相当于 21 世纪的名片,因此您需要让自己的名片脱颖而出。

当您的公司依赖在线销售(无论是产品还是服务)时,您需要密切注意您的 CTA 按钮。 2018 年和 2019 年的平均转化率约为 3%,一个引人注目的号召性用语可以在获得新客户或输给竞争对手之间产生差异。 您可以在营销策略上投入大量资金,但您的底线仍然没有增加,因为您网站的设计本身并不能帮助您进行转化。

幸运的是,网络上有很多关于如何创建有效 CTA 的建议。 但是,如果您要查找的是做得很好的公司实例,这里列出了四个引人注目的 CTA 按钮示例。

现场设计:Cubefunder

在为您的网站设计 CTA 按钮时,您应该遵循一些规则:

  • 它应该脱颖而出。 这意味着页面的其余部分不应该太忙于内容。 它还应该被相当数量的空白包围。
  • 它应该有适当的大小——以便清楚地知道通过单击它可以采取行动。
  • 它应该与背景形成对比。 在这里融入不是你想要的。
  • 它应该放在正确的区域。 中央放置效果最好,但请记住,右上角也可能是一个好位置。

Cubefunder 做得特别好的地方是他们有一个简洁的网站设计,其中包含他们想要发送给客户的最重要的信息。 此外,他们主页的每个部分都具有相同的 CTA 按钮,其中描述了关键功能并呼吁潜在客户申请。 这确保客户可以向下滚动并了解公司的服务,而无需通过任何额外(不必要的)努力来获取这些服务。

4 醒目的 CTA 按钮示例 1

资料来源:cubefunder.com
科学支持的颜色使用:冒险迷

人们在设计自己的网站时最常犯的错误之一就是对颜色感到疯狂。 即使他们足够聪明,可以让事情变得简单,但他们并不总是根据研究和颜色含义做出最佳选择。

将 CTA 按钮添加到您的主页时,您希望根据象征意义和激发行动的能力来选择它的颜色。 专门提供令人兴奋的旅行体验的网站 Adventure Junkies 正是这样做的。 他们选择在 CTA 中使用橙色并一针见血。

4 醒目的 CTA 按钮示例 2

资料来源:theadventurejunkies.com

关于橙色的事实是,它通常与积极的感觉和行为有关。 它代表快乐、友善、冒险和热情。 它也可能激发自发性和积极性。 从设计师的角度来看,它也与大多数其他常用的网页设计颜色相得益彰,并且不会像红色那样引起眼睛疲劳。

CTA 按钮的其他出色颜色选择包括:

  • 蓝色——受金融和保险机构欢迎
  • 绿色 - 非常适合添加到购物车操作
  • 红色——表示紧迫感
  • 紫色——特别受女性喜爱
  • 黑色——给人一种奢华的感觉
营造紧迫感:Mindvalley

要销售服务或产品,您需要让客户相信他们确实需要它,这已经不是什么秘密了。 不仅需要,而且他们必须立即动手。 一些最成功的企业依靠这些策略,让购物者产生紧迫感。

这种策略之所以对 CTA 按钮如此有效,是因为它迎合了每个人对错过的固有恐惧(简称 FOMO)。 FOMO 让我们有必要了解最新动态、尝试过某种产品、参加活动或阅读最新消息。

使用 CTA 创造紧迫感的简单方法包括:

  • 添加 NOW、FREE 或 BEFORE IT'S GONE 等词
  • 包括采取某些行动的倒计时
  • 添加有关已购买您产品的用户数量的统计信息
  • 使用需要人们采取行动来获取他们正在寻找的信息的悬念

然而,当谈到创造紧迫感时,请记住,有效的设计和走得太远之间有一条细线。 如果您的信息过于庞大,您就有可能让潜在用户认为您不可靠或垃圾邮件。 所以最好用批判的眼光来处理这个策略。

例如,一家公司设法使用了适当的紧迫性,看看 Mindvalley,一个在线学习平台。 他们的主页不超过三个突出显示的课程,每个都有几个词的描述和一个 CTA 按钮,上面写着“立即预订我的位置”。 在这里,信息很清楚。 鼓励用户尽快采取行动,但不要使用过于激进的语言。

4 醒目的 CTA 按钮示例 3

资料来源:mindvalley.com
交互式 CTA 按钮:最佳选择人寿保险

对于那些可以做得更多,或者只是想在竞争中脱颖而出的人来说,互动内容绝对是必经之路。 一个意想不到的例子来自 Best Choice Life Insurance,一家帮助用户找到最佳人寿保险费率的公司。

该公司的主页上有一个 CTA 按钮,客户可以通过输入相关数据立即获得答案。 一旦用户写下他们的姓名、出生日期、期限、州、性别、健康等级和覆盖范围,他们就会被带到可用政策的概述中,他们可以在其中做出明智的选择。 更重要的是,该网页邀请任何有问题的人拨打电话,在此期间所有这些都将得到解答。

4 醒目的 CTA 按钮示例 4

资料来源:bestchoicelifeinsurance.com

交互式 CTA 按钮的好处在于,只需稍加努力,您就可以将它们变成您需要的任何东西。 它们被非营利组织、约会网站和清洁能源企业成功使用。 然而,它们的一个潜在缺点是它们可能非常昂贵,并且需要您聘请经验丰富的 Web 开发人员。

让 CTA 按钮发挥作用

一旦您查看了这些引人注目的 CTA 按钮示例并找到了最适合您的主页的策略,您将需要采取额外的步骤,以使您的努力达到预期的效果。

做到这一点的唯一最佳方法是进行测试,并密切关注分析。 请记住,措辞、设计和布局都会对转化率产生重大影响。 所以不要害怕尝试,或者改变没有显示结果的东西。 最后,您的网站将需要为您的目标受众服务,而做到这一点的唯一方法就是让您清楚地了解什么是有效的,什么是无效的。