行动的号召是通向目标道路上的路标。就像在马拉松比赛中推动跑步者前进的里程标志,或者指引徒步旅行者到达山顶的箭头。

行动呼吁让你的访问者知道他们在哪里,他们下一步应该做什么。有无数种不同的方法可以使用cta来激发特定的行为。见鬼,你可能会在这个页面上找到10个不同的cta。下载。订阅。学习更多的知识。份额。

网站总是试图引起你的注意,然后,让你采取行动。这里有一个来自亚马逊的行动号召的例子。乍一看,亚马逊似乎只是想让你注册亚马逊Prime会员。这是真的——这个行动呼吁确实是为了吸引Prime会员。但是在这个CTA中有很多东西。

看看“没有Prime”列:

  • 标题是黑色的,狭窄的,无聊的
  • 价格是红色的,看起来像警告
  • 他们不再使用让人以为是“点击”的按钮,而是使用文本
  • 文字提醒你,你将“没有快速,免费的运输”

现在让我们看看Prime栏目:

  • 标题是淡蓝色的,上面有一个笑脸
  • 而不是红色的数字,表示“停止!”,他们用绿色数字表示“开始!”
  • 那个黄色按钮跳出页面
  • 按钮里的文字说的是“好处”

一个好的行动号召需要这么多。这篇文章将介绍你在为商店构建cta时需要牢记的9件事,以及每一件事的行动实例。好吗?

开始网上销售现在与Shopify

开始免费试用

什么是行动呼吁?

行动呼吁(cta)是网站和应用程序用来触发某些行为的。行动呼吁以各种形式出现——包括按钮、图像和文本——并鼓励人们采取具体的行动。在电子商务和dropshipping方面,他们通常恳求访问者浏览产品,注册时事通讯,并在社交媒体上分享内容。

1.不是所有的行动电话都是关于销售的(至少不是现在)

电子商务的最终目标是销售.这就是为什么这么多电子商务呼吁行动的例子是为了销售——他们告诉我们购买或购买或添加一些东西到我们的篮子里。但也有很多cta与销售无关。或者至少他们现在与创造销售没有任何关系。相反,许多行动呼吁的目的是产生线索,告知购物者,并鼓励分享。

让我们来看一些鼓励用户采取各种行动的例子除了购买。

社会证明CTA

这些床垫图片的客户评论来自卡斯珀都是可点击的,每个都显示与特定模型相关联的评论。产品照片本质上是CTA的“按钮”,每个按钮都向访问者显示客户有多喜欢他们的Casper体验。他们还设置了一个方便的“购物”按钮,帮助用户更接近购买点。

社交分享行动号召

在这两幅图片中,有无数的行动呼吁HubSpot的,它们都和销售没有任何关系。这种CTA营销策略旨在使HubSpot的内容更容易分享社交媒体,电子邮件,或任何其他地方(最后一个图标是“复制”)。

邮件列表CTA

在这三张图片中,我们看到了折扣,然后是免费下载,然后是回答问题。在每一个项目中,CTA都被设计为获得一个电子邮件地址。你可以建立一个电子邮件列表发送营销材料和额外的报价,以促进未来的销售。不像cta说“现在购买!”这些cta会说:“让我们给你发邮件,这样你以后可能会购买。”

这是Fivestory纽约的:

和一个来自Au Lit精细亚麻布

2.行动呼吁几乎可以出现在任何地方

对于放置cta的位置没有规则。我们可以看到Foodora该公司希望游客能做以下几件事中的一件。您可以选择是送货还是取货:

该网站还鼓励求职者申请该公司的一个职位,并在网站顶部以横幅的形式发布。在cta的正上方可以登录和切换语言。这个菜单粘在顶部,并与您保持滚动。

在页面下方,你可以浏览他们提供的商务午餐,如果你还没有准备好下订单,可以加入电子邮件列表。

我们是动态植入的行动营销的忠实粉丝。例如,如果你想尝试Shopify的免费试用,你可以在每个页面的顶部使用粘性导航菜单。

HubSpot的无论你在页面的哪个位置,都能很好地让他们的cta出现在访问者面前。这张图片显示了HubSpot页面是如何响应当你向下滚动一点:订阅开始)固定在顶部,共享cta固定在底部。

最后一个关于行动召唤的例子ColourPop.这颗心可以让你在你的愿望清单上增加一件东西。心形图案不仅吸引人——心形图案比写着“添加到愿望列表”的矩形图案要好——而且也不会影响产品本身的形象。它一直在那里,但从不妨碍你。

3.支持文本给cta额外的果汁

一个行动的呼吁只能说明这些。许多cta大概只有一个按钮那么大,所以没有足够的空间来吹嘘功能或交易。下面这些行动呼吁的例子证明,您可以通过一些支持文本使您的cta更易于点击。

红牛的实际行动呼吁包含两个字-保存现在。但这两个词有很多帮助。从最上面的标题开始的押韵-吸引用户的注意力。在那下面,有一张字条,上面写着25%的折扣。保存现在不是焦点。相反,保存现在只是一个工具,利用所有酷的东西在下一页。

这里有一些汽车制造商的CTA例子特斯拉.首先,特斯拉让游客知道,如果你现在想购物,你可以得到一个完整的退款7天或1000英里。选择从现有的库存,去定制的订单,参观一个商店.文本用于设置期望,解释选项,并准确地引导访问者去他们想去的地方。

接下来是一个CTA的例子听得见的,有声书出口。对行动的呼吁本身就很吸引人,信息量也很大,“免费”这个词反复出现,像“尝试”和“随时取消”这样让人放心的语言,强化了这真的没有任何坏处。

下一个行动号召来自斗争熊鼓励访问者将他们的产品添加到他们的购物车,以安抚任何买家的犹豫。他们提醒顾客,符合条件的订单可以免费送货,退货也不麻烦。这样的笔记可能会为你的购买提供最后的推动力添加到购物车永远不可能。

这里的CTA和周围的文字之间更加和谐间隙、保存商店的交易绝对互相支持:他们都专注于买一笔好交易。像这样的小转折可以对你的cta的有效性产生巨大的影响。

4.cta不一定是无聊的按钮

所有的网站都在用CTA设计做一些有趣的事情。毕竟,并没有规定cta必须是有颜色的矩形。

例如,这里是一个时事通讯的注册,和这个词订阅却无处可寻。

这个CTA设计来自老板嵌入在几十种产品中。它绝对能抓住参观者的注意力:你本以为会看到另一件衣服,结果却收到了参观新系列的邀请。

在设计方面从不懈怠,苹果为iPhone x策划了一个漂亮的行动号召。不能决定点击哪里?没关系。整个东西都是链接的,所以你可以用这个新时代的CTA点击屏幕上的任何地方。

这里有一些更漂亮的呼吁行动的例子。有标准的CTA元素,比如商店现在,但在每一款游戏中,整个屏幕都是一个可点击的行动号召。

这个来自KKW美

Mollyjogger的方法:

5.突出的行动呼吁可以引导游客到你想要的地方

如果你想推销某些产品,或者想让购物者了解某些交易,你可以将你的呼吁转化为行动,准确地推动人们去你想让他们去的地方。

SKINNYDIP用这个能做到吗出售行动呼吁。他们很乐意看到你点击新、电话,或其他菜单导航选项,但CTA鼓励游客查看销售突出。当然,购物者喜欢打折,所以这是一种双赢:SKINNYDIP显示准备出售的商品,购物者立即了解到最优惠的交易。

这家软件公司Zendesk利用这种策略将人们引向它的“Suite”和“Sunshine”产品。当你悬停在产品在Zendesk网站上的选项卡,许多选项弹出。但这两个选择通过特殊的专门设计处理,比其他选择更引人注目。这个行动号召的大小和位置表明Zendesk希望你去看看它。

这是另一个行动号召,来自耐克,立即吸引眼球。你可以商店现在,这将让任何电子商务商店感到高兴。不过,另一个选择是定制和购买.微妙的颜色轮吸引了我们的注意,并强化了你可以在定制的鞋子设计中获得创意的想法。

6.在行动呼吁上耍花招是很差劲的

有时你会发现行动的呼吁有点误导。这些都不好玩。

而不是使用我们刚刚讨论的策略——创建引人注目的cta来引导访问者获得最佳的交易和服务——这些cta做的恰恰相反。他们使用颜色和位置来引导用户选择他们特别喜欢的物品要,经常防止客户流失。

要取消你在这个网站上的订阅,你必须回答几个问题。没什么大不了的。但最后一步是提交取消——然后事情就变得棘手了。有两个按钮,它们的一切都是违反直觉的。首先,它们是相反的:通常当两个按钮并排放置时,表示“继续”的按钮会在右边。在这里,提交取消在左边。此外,回来按钮是彩色的,本能地吸引用户的注意力。

下面是欺骗性cta的另一个例子,同样与订阅取消有关。当你表示你打算退出时,你会进入这个页面。你得到了续订的最后一次推销:

浏览完推销说辞后,你可以去确认是否取消了:

你点击后是的,都结束了。至少你是这么想的。相反,点击是的简单地把你带到另一个页面:

你不得不滚动更多内容,并最终提交问题的答案。然后要消去再一次

在这一点上,你已经回答了同样的问题你确定要取消吗?——两次。您还导航了多个页面,如果您在任何时候退出了该流程,取消操作将无法执行。

这种事情有各种各样的缺点。最好的情况是那些频繁更换的用户——他们对服务的满意度可能还不到100%——会成功地取消服务。最糟糕的情况是cta会让用户感到困惑,从而导致取消无法进行。这将意味着(a)他们必须再次经历取消步骤,或(b)他们惊讶于下个月他们以为被取消的服务被收费。

7.多使用一次cta是可以的

对于行动的号召,有时你不得不重复自己的话。这很好。大多数网站。事实上,有一个平均2.68次行动呼吁/网页。

如果你的cta是有品位的设计,为购物者创造价值——例如,引导他们找到最好的交易或最新的优惠——那么他们不会介意看到它们不止一次。或者两次以上。或者不止……好吧,让我们来看看几个使用“不止一次说”策略的行动号召的例子。

这个页面的Gymshark让用户有机会购物。这些行动呼吁的位置确保了,在桌面或移动设备上,访问者总是靠近一个按钮,帮助他们购物。

让我们再次关注Audible。在他们的主页上,每个CTA按钮都有“免费”和“尝试”的字样,这当然不是偶然的。他们还在整个页面上散布“试验”这个词。

8.小心那些需要应用程序的行动呼吁

起初,cta多为站点内的。换句话说,“号召行动”中的“行动”将访问者留在他们已经在访问的网站中——访问一个页面,去结账,往篮子里添加一些东西。

然后我们看到了社交cta的爆炸式增长。除了浏览产品或购买商品,行动呼吁开始鼓励用户在Pinterest上发布图片,在Twitter上分享文章等。

下一步的发展是:使用行动呼吁让人们在应用程序上分享东西。例如,下面是一些你会在网络上找到的新图标——WhatsApp和Slack是前两个。WhatsApp是一款移动通讯应用,也有桌面版本;Slack是一款桌面和移动办公协作工具。

鼓励分享的cta非常棒。但是,当你把WhatsApp和Slack这样的应用程序整合到你的行动电话中时,它需要的技术不仅是站外的,而且是浏览器外的。即使在2018年,这些整合也并不总是一帆风顺。

当你点击Slack CTA时,你可能会看到以下内容。没有人希望单击一个行动呼叫,然后看到需要联系管理员的提示。

同样的事情也可能发生在WhatsApp身上。你可能会被要求注册WhatsApp,而不是通过WhatsApp分享文章——即使你登录的是桌面应用程序。

9.使用cta作为导航工具

行动呼吁是一个很好的导航工具:你受益于你可以引导你的访问者到你想要他们去的地方,你的访问者受益于他们有一个干净的体验导航你的网站。

这是一个号召行动的例子曼联的蓝色这是为了帮助访问者浏览大量的类别和子类别。

在拥有无尽选择的网站上,像这样的cta可以节省购物者寻找产品的时间和精力。我们希望尽我们所能减少他们结账的时间。

10.保持一致的

随着时间的推移,您希望培训返回的用户在您的站点上采取特定的行动。如果你有不同的行动号召按钮去同一个页面,不要使用不同的“学习更多”,“购物更多”,和“现在购买”。这可能会让人感到困惑——用户不确定链接会把他们带到哪里。

当他们回到他们的网站时,一致性会创造一种熟悉的感觉,让回头客更容易浏览。看看iHeartRaves在他们的主页上写着行动号召:他们总是说商店然后是产品类别,用于链接到产品列表页面。

11.明确了聪明

就像一致性对用户来说很容易一样,您希望确保副本是清晰的。虽然使用巧妙的双关语、做作的复制或有趣的拼写是很诱人的,但最好是直截了当。

这尤其重要,如果你是面向国际观众-你不想在翻译中丢失任何东西。

宣传文案应该易于阅读和理解——把这些有创意的东西保存到你网站的其他地方或其他渠道。

贝丝Macri数学使用去项链制作器把这个产品为他们的行动号召按钮。这是直接的,用户知道如果他们选择点击会发生什么。

12.介意你的位置

有一个地方需要你的行动号召吗?上面的褶皱。

上面的折叠是行业术语,表示你向下滚动页面之前看到的内容。这为用户提供了一个点击的地方,而不必向下滚动你的网站。

你还需要记住等级制度。你可能有一个主要的行动号召——你的一件事真的想让用户在你的网站上做什么。但如果用户还不够热情,你就会想要引导他们到其他地方。这给了你一个培养他们的机会,并在他们准备好时说服他们购买。

伊芙琳&博比它的主要行动标志是深蓝色的方框,但次要的方框则位于页面下方,采用了更微妙的白色设计。

这是另一个号召行动的例子给经理.T嘿,使用文本作为最不需要的动作(更多的付款方式),而两个更希望的行动-添加到购物车购买与贝宝-有一个更醒目的视觉处理。

13.激发行动

行动号召是为了让一个人做你想让他们做的事情。有两种主要方法可以做到这一点:通过复制和通过设计。

你如何写行动呼吁?

说到复制,创造紧迫感专注于以行动为导向的语言。在一个分析在呼吁行动的短语和例子中,94%的网站使用了“学习”、“开始”、“阅读”和“请求”等面向行动的动词。

你如何设计行动号召?

色彩心理学红色让人兴奋,黄色让人自信,橙色给人安全感。以此为指导,这取决于你希望客户在购买你的产品时的感受(或认识到购买你的产品的必要性)——以及你的品牌审美。

曼联的蓝色是否以行动为导向,有行动按钮说找出商店现在.“现在”这个词具有紧迫性,使它比简单的商店

14.简洁是你的朋友

当用户看到你的行动号召时,你希望他们能够立即意识到点击会产生什么效果。冗长的行动呼吁很容易因为太长而被忽略,用户甚至可能误以为这是一个横幅或标题,而不是一个可点击的行动呼吁。

事实上,最长的行动号召在这一分析只有九个字。死亡愿望咖啡,例如,简单地说选择磨而不是像选择你想要尝试的咖啡豆

对于他们的电子邮件注册CTA,基本的订阅而不是获取我们所有的时事通讯更新

如果你的行动号召太长,写下来。这可以很好地支持上面的副本,下面,或旁边的行动呼吁。突出显示最接近您希望用户执行的操作的动词。把它作为你行动的召唤。

15.测试、分析和优化您的cta

最终,尽可能多的最佳实践,你想要阅读关于行动呼吁和如何优化你的电子商务网站在美国,没有放之四海而皆准的答案。每个网站都是不同的——以不同的价格点向不同的受众销售不同的产品。

唯一一件普遍正确的事情是,找出最适合你的网站的唯一方法是查看你自己的参数。首先建立基准。一旦你有了这些,定期查看分析,并将它们与不同的时间段进行比较。

运行A/B测试,观看录制的用户会话回放,分析热图,分析点击率和其他相关内容kpi看看什么能与你的观众产生共鸣。迭代——并再次测试。

什么是好的行动号召?

我们有15条CTA规则要记住,当你建立你的商店。让我们回顾一下我们所知道的:

  1. 不是所有的cta都是关于销售的(至少现在不是)

cta可以达到很多目的,从增加社交参与度到鼓励订阅时事通讯。

  1. cta几乎可以出现在任何地方

如果没有人能看到行动的呼吁,那就毫无价值。把它们固定在你的顶部导航栏上,或者让它们在访问者滚动时出现。

  1. 辅助性文本可以真正赋予行动的呼吁生命

一个行动的呼吁可能只有两个字-商店现在-但这两个词在支持CTA的文本中更有效。

  1. cta不一定是无聊的按钮

厌倦了按钮?没有规则反对让你的网站的整个部分成为一个可点击的行动号召。

  1. 优秀的cta可以引导访客到你想要的地方

如果你想让你的访客看到某些产品或优惠,就使用色彩鲜艳、吸引眼球的行动呼吁来吸引他们。

  1. 在行动呼吁上耍花招是很差劲的

虽然你可以用行动号召来为客户传递价值,但有些人却用行动号召来欺骗他们。这并不酷。

  1. 有时候问一次是没用的

不要羞于面对你的cta。人们浏览网页,他们会分心,他们可能不会百分之百地集中注意力。设计你的行动呼吁来帮助人们。那么,没人会介意见到他们不止一次。

  1. 小心那些需要应用程序的行动电话

将社交媒体和电子邮件整合到你的cta中真的可以帮助提高参与度。当你采取下一步行动,将cta推荐的应用程序如WhatsApp和Slack放在你的网站上时,要小心。这项技术并不总是完美无缺的。

  1. 使用cta作为导航工具

你可以使用cta来引导你的流量到他们想去的地方。

  1. 一致性是关键。

随着时间的推移,您可以训练返回的用户单击cta以更快、更容易地导航您的站点。

  1. 专注于清晰而不是聪明。

展示你的创造力是很诱人的,但最好保持cta的重点。

  1. 注意你的行动呼吁的位置。

你有血管造影图吗?你的cta是否正在赶超对方?知道在哪里放置cta可以避免让用户感到困惑。

  1. 激发行动。

你希望用户所以使用专注于那个动作的语言。一定要用动词。

  1. 保持cta短。

九个字以内是一般的经验法则。

  1. 测试、分析和优化您的cta。

在您尝试之前,您永远不知道什么是最适合您的站点的。不要害怕尝试并不断提高转化率。

开始网上销售现在与Shopify

开始免费试用

想了解更多?