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

行动呼吁让你的访问者知道他们在哪里,他们下一步应该做什么。使用cta激发某些行为的方式有很多种。见鬼,你可能会在这个页面上找到10个不同的cta。下载。订阅。了解更多。分享。

网站始终试图引起您的注意,并在此之后,得到您的行动。这是亚马逊的呼叫。一目了然,它看起来像亚马逊只是希望你报名参加亚马逊的素数。这是真的 - 这对动作的调用确实是为了生成主要报纸而设计。但这个CTA有很多事情。

看看没有Prime列:

  • 标题是黑色的,狭窄的,无聊的
  • 价格是红色的,看起来像一个警告
  • 而不是使用一个让人们认为“点击”的按钮,而不是使用文本
  • 短信提醒你,你将“没有快速、免费的快递”。

现在让我们看看Prime列:

  • 标题是柔和的蓝色,有一个笑脸
  • 而不是红色的数字,表示“停止!,他们用绿色的数字,表示“走!”
  • 那个黄色按钮跳下页面
  • 按钮里的文字讲的是“好处”

这是一个很好的行动号召。这篇文章将介绍在为你的商店创建cta时需要记住的9件事,以及每件事的行动例子。好吗?

不要等着别人去做。雇佣你自己,开始发号施令。

自由开始

什么是行动呼吁?

网站和应用程序使用行动呼吁(cta)来触发某些行为。号召行动的方式多种多样——包括按钮、图片和文字——鼓励人们采取具体行动。在电子商务和dropshipping方面,它们通常会恳请访问者浏览产品,订阅时事通讯,并在社交媒体上分享内容。

1.并非所有的行动呼吁都与销售有关(至少不是现在)

在电子商务中,最终目标是销售.这就是为什么这么多电子商务呼吁采取行动示例是销售 - 他们告诉我们购买或商店或为我们的购物篮添加一些东西。但是有很多CTA与发电销售无关。或者至少他们现在与发电销售无关。相反,许多呼叫采取措施旨在生成领导,通知购物者和鼓励分享。

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

社会证明CTA

床垫图像关于这些客户评论卡斯珀是可单击的,每个都显示与该特定模型相关联的评审。产品照片本质上是CTA的“按钮”,每一个都向访问者展示了客户是多么喜欢他们的Casper体验。此外,他们还提供了一个方便的“商店”按钮,帮助用户更接近购物点。

社会分享呼吁采取行动

在这两个图像中有许多调用行动HubSpot的而且他们都没有任何与销售有关。这个CTA营销策略旨在使HUBSPOT的内容轻松实现社交媒体,电子邮件,或其他任何地方(最后一个图标是“复制”)。

邮件列表CTA

在这三张图片中,我们看到了一个折扣,然后是免费下载,然后是回答问题的提议。在每一份文件中,CTA都被设计成获取一个电子邮件地址。你可以建立一个电子邮件列表发送营销材料和额外的优惠以促进未来的销售。不像cta会说“现在就买!”这些cta实际上是在说,“让我们给你发邮件,这样你以后就可以买了。”

这是Fivestory纽约':

和一个来自au点燃了漂亮的床单

2.行动呼吁随处可见

对于cta的位置并没有规定。这里我们可以看到Foodora,食品送货服务,希望游客做一些事情。您可以选择是否要开始订单以供货或接送:

网站顶部的一条横幅鼓励求职者申请该公司的职位。这是正确的上面的cta登录和切换您的语言。当你滚动时,这个菜单会一直放在顶部。

当你继续往下看,你可以浏览他们的商务午餐,如果你还没有准备好下订单,你也可以加入他们的电子邮件列表。

我们也是动态定位的行动营销的忠实粉丝。例如,如果您想尝试Oberlo,您可以在每个页面的顶部使用粘性导航菜单进行操作。

HubSpot的也能很好地将他们的cta呈现在访问者面前,无论你在页面的哪个位置。这张图片显示了当你向下滚动一点时HubSpot页面的反应:订阅开始)停留在顶部,共享CTA停在底部。

最后一个例子是ColourPop.这颗心让您将项目添加到您的愿望清单中。不仅是设计吸引力 - 一颗心比一个矩形更好,矩形表示加入愿望清单 - 但它也不会侵入产品图像本身。它总是在那里,但从未在路上。

3.支持文本为CTA提供额外的果汁

号召行动也只能说明这么多。许多cta的大小和按钮差不多,所以并没有足够的空间来吹嘘其功能或交易。下面这些调用操作的例子证明了您可以使用一些支持文本使您的cta更容易点击。

红牛这里的实际行动呼吁包含两个词——保存现在。但这两个词有很多帮助。从顶部开始顶部 -的押韵-吸引用户的注意。就在那下面,有一个关于百分之二十五折扣的注释。保存现在不是焦点。相反,保存现在只是利用下一页上所有酷东西的工具。

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

接下来是一个CTA示例听得见的,音频书出口。采取行动本身的呼吁是诱人和信息,并“免费”一词重复和令人放心的语言,如“尝试”和“随时取消”加强,在此处确实没有任何缺点。

下次调用来自的动作斗争熊鼓励访问者添加他们的产品到他们的购物车与支持性复制意在安抚任何买家的犹豫。它们提醒购物者,符合条件的订单可以免运费,退货也不麻烦。这样的提示可能会对你的购买起到最后的推动作用添加到购物车永远可以。

CTA和周围的文字更和谐了rei.间隙、保存商店的交易绝对支持对方:他们都专注于达成一笔好交易。像这样小小的措辞可以对你的cta产生巨大的影响。

4. CTA不必是无聊的纽扣

所有网络上的网站都与CTA设计进行了有趣的东西。毕竟,没有规则说CTA必须是彩色的矩形。

例如,这里是时事通讯注册和单词订阅无处可被发现。

这个CTA设计来自老板嵌入在数十种产品中。它绝对能抓住访问者的注意力:你希望看到另一件衣服,但相反,你得到了一个参观新系列的邀请。

从来没有懒散设计,苹果为iPhone X煮了一个漂亮的呼吁,无法决定点击哪里?没关系。整个事情链接了,因此您可以使用此新时代CTA单击屏幕上的任意位置。

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

这是来自KKW美

Mollyjogger的方法:

5.备用拨打行动可以指导您想要的访客

如果你想推销某些产品,或者想让购物者知道某些交易,你可以调整你的行动呼吁,准确地推动人们去你想让他们去的地方。

SKINNYDIP完全是这样的销售呼吁采取行动。他们很高兴你点击新、电话,或其他菜单导航选项,但CTA鼓励访问者查看销售突出。当然,购物者喜欢打折,所以这是一个双赢的局面:SKINNYDIP展示的是准备出售的商品,购物者立即了解到最划算的交易。

这家软件公司Zendesk.使用这种策略来引导人们使用它的“Suite”和“Sunshine”产品。当你徘徊在产品在Zendesk网站上的选项卡,弹出大量选项。但这两个选项突然比其他专用设计处理更大。此调用的规模和放置行动显示Zendesk希望您检查出来。

这是另一个行动号召,来自n,立即引起眼睛。你可以现在去购物,这会让任何一家电子商务商店感到高兴。另一个选择是定制和购买.颜色轮的微妙包含吸引了我们的注意,并加强了你可以获得创造性的定制鞋设计的想法。

6.与采取行动的电话棘手是蹩脚的

你会时不时地发现,呼吁人们采取行动的声音有点误导人。这一点都不好玩。

而不是使用我们刚刚讨论的策略 - 创建引人注目的CTA,以指导游客参加最优惠的交易和服务 - 这些CTA相反。他们使用颜色和放置,以指导用户专门的物品要想,往往要防止顾客的翻腾。

要取消你在这个网站的订阅,你必须回答几个问题。没什么大不了的。但是最后一步是提交取消-然后事情变得棘手。有两个按钮,所有的东西都是违反直觉的。对于初学者来说,它们是颠倒的:通常当两个按钮并排时,表示“继续”的按钮将在右侧。在这里,提交取消在左边。此外,回来按钮是彩色的,本能地吸引用户的注意力。

这是另一个欺骗性cta的例子,同样与取消订阅有关。当您表示要退出时,请访问此页面。你有最后一次推销,以更新你的订阅:

在你浏览了推销词后,你可以继续确认取消:

你点击后是的, 一切都结束了。或者你以为。相反,点击是的只需将您带到另一个页面:

你不得不继续滚动屏幕,最终提交问题的答案。然后,你要取消再一次

现在,你已经回答了同样的问题你确定要取消吗?——两次。您还浏览了多个页面,如果您在任何时候退出了流程,那么就不会执行取消操作。

这种东西有各种各样的缺点。最好的案例方案是,搅拌的订户 - 可能已经不到100%对服务满意的人 - 成功取消。最糟糕的情况是CTA使用户足够困惑,以至于取消不会通过。这意味着(a)他们必须再次通过取消措施,或(b)下个月他们在他们被认为被取消的服务时发票。

7.可以多次使用cta

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

如果您的CTA是高雅的设计并为购物者创造价值 - 例如,导致他们最优惠或最新的优惠 - 然后他们不介意不止一次地看到它们。或超过两次。或者超过......好吧,让我们看看几个呼吁对使用说法的操作示例 - 超过一旦策略。

这个页面的Gymshark让用户每一次购物。这些呼叫的位置进行操作可确保在桌面或移动时,访问者始终密切关注一个可以帮助他们购物的按钮。

让我们回到Audible。CTA主页上的每个按钮上都有“免费”和“尝试”的字样,这当然不是偶然的。他们还在页面上洒满了“试验”这个词。

8.小心那些需要应用程序的操作调用

开始时,cta多为位点内。换句话说,“号召行动”中的“行动”将访问者保持在他们已经在的网站中——访问一个页面,去结帐,向一个篮子中添加一些东西。

然后我们看到了社会CTA的爆炸。除了浏览产品或进行购买外,呼叫行动开始鼓励用户在Pinterest上发布图像,分享Twitter上的文章等。

下一个演进:使用呼叫采取行动,让人们在应用程序上分享一些东西。例如,这里是您在Web上找到的一些新图标 - WhatsApp和Slack是前两个。whatsapp是一个移动消息传递应用程序,也有桌面版本;Slack是桌面和移动工作场所协作工具。

鼓励分享的CTA很棒。但是,当您将应用程序融入WhatsApp并将其缩小到您的操作时,它需要与不简单的技术的技术集成,而且还需要禁止浏览器。即使在2018年,这些一体化并不总是顺利。

点击Slack CTA时,这是您可能看到的。没有人想点击呼叫操作,然后查看您需要联系您的管理员。

Whatsapp可能会发生同样的事情。也可以通过WhatsApp分享文章,而是可能会要求您注册WhatsApp - 即使您已登录桌面应用程序。

9.使用CTA作为导航工具

呼吁采取行动是大型导航工具:您受益,因为您可以在您希望它们到达的位置指导您的访客,以及您的访客受益,因为它们具有浏览您的网站的干净体验。

下面是一个例子曼联的蓝色这旨在帮助访客导航大量的类别和子类别提供。

在具有无穷无尽的选项的网站上,像这样的CTA可以在寻找产品时节省您的购物者的时间和精力。我们想做任何我们可以减少它需要结账所需的时间。

10.保持一致的

随着时间的推移,您希望培训返回用户在您的站点上采取特定的操作。如果你在同一个页面上有不同的操作按钮,不要使用不同的“了解更多信息”、“更多购物”和“立即购买”按钮。这可能会让人困惑——用户无法确定链接将把他们带到哪里。

当他们回到他们的站点时,一致性将创造一种熟悉感,并使返回用户更容易导航。看看iHeartRaves在他们的主页上写着行动号召:他们总是说商店接着是产品类别,用于链接到产品列表页面。

11.明确了聪明

就像一致性对用户来说很容易一样,你需要确保拷贝是清晰的。虽然使用你想到的聪明的双关语、做作的复制或有趣的拼写是很有诱惑力的,但最好直截了当。

如果你是销售给国际观众- 你不想要在翻译中丢失的任何东西。

号召行动副本应该易于阅读和理解-保存创造性的东西在你的网站或其他渠道的其他地方。

贝丝Macri数学使用去项链制造商那里查看此产品他们呼吁动作按钮。这是直接的,用户确切地知道他们会选择单击的情况。

12.介意你的位置

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

上面是行业术语,指的是在你向下滚动页面之前看到的东西。下面是Oberlo主页上面的折叠图:

注意将Oberlo添加到Shopify左侧按钮,以及得到Oberlo现在在右上角。

这为用户提供了一个点击的地方,而无需在您的网站上滚动。

您还想记住等级化。你可能有一个主要的动作呼吁 - 你的一件事真的希望用户在您的网站上执行。但如果用户不够温暖才能转换,您将想要将它们指向其他地方。这让你有机会培养他们并说服他们准备好购买。

Evelyn&Bobbie主要呼叫的行动是深蓝色的框,但他们的辅助版本进一步沿着更微妙的白色设计进一步下来。

这是另一个例子给手准备.T.对最不需要的动作使用文本(更多的付款方式),而两个所需的行动 -添加到购物车用paypal购买- 具有更引人注目的视觉待遇。

13.激发动作

号召行动的意思是让某人做你想让他们做的事情。你可以采用两种主要方法:复制和设计。

你如何写作呼叫行动?

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

如何设计行动号召?

颜色心理学说明红色创造兴奋,黄色激发自信心,橙色给出了安全感。使用此作为指导,具体取决于您希望如何在购买产品时感受到(或认识到购买产品) - 以及您的品牌审美。

曼联的蓝色是以行动为导向的吗找出现在去购物.“现在”这个词有紧迫感,使它比简单的词更有力量商店

14.简洁是你的朋友

当用户看到您的行动号召时,您希望他们立即识别单击将做什么。冗长的动作调用很容易因为太长而被忽略,用户甚至可能误以为它是一个横幅或标题,而不是一个可点击的动作调用。

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

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

如果你的行动号召太长,写下来。这可以很好地支持上面、下面或旁边的行动呼吁。突出显示最接近您希望用户采取的动作的动词。让这成为你的行动号召吧。

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

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

唯一普遍普遍的是,找出您网站上最好的方法的唯一方法是看看自己的指标。首先建立基准。一旦您有那些,会定期查看分析并将它们与不同的时间段进行比较。

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

是什么让行动呼吁?

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

  1. 并非所有CTA都是关于销售(无论如何)

CTA可以提供很多目的,从而提高社会参与鼓励通讯注册。

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

如果没有人看到,行动的呼吁是毫无价值的。将它们固定在顶部导航栏或让它们在用户滚动时出现。

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

呼吁采取行动可能只是两个词 -现在去购物- 但这两个词可以对支持CTA的文本更有效。

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

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

  1. 优秀的cta可以为你的访客提供指引

如果你想让访问者看到某些产品或优惠,那就使用色彩丰富、吸引眼球的电话来吸引他们。

  1. 在呼吁采取行动时耍滑头是没用的

虽然你可以使用行动召唤来传递价值给你的客户,但也可以使用行动召唤来欺骗他们。这并不酷。

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

不要对你的助教害羞。人们会滚动,他们会分心,他们可能不会百分之百地集中注意力。设计你的行动来帮助人们。那么,没有人会介意看到他们超过一次。

  1. 小心呼叫需要应用程序的操作

把社交媒体和电子邮件融入到你的cta中真的可以帮助提高参与度。但你下一步要注意的是,在你的网站上添加具有WhatsApp和Slack等应用程序的cta。技术并不总是完美无缺的。

  1. 使用cta作为导航工具

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

  1. 一致性是关键。

随着时间的推移,您可以培训返回用户,让cta更快速、更轻松地浏览您的网站。

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

弯曲你的创造性肌肉很诱人,但最好让CTA保持一切。

  1. 介意你的电话行动的位置。

你有一个上方的CTA吗?你的CTA是互相超越吗?知道将CTA的地方避免混淆您的用户。

  1. 激发行动。

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

  1. 保持cta短。

九个词或更少是拇指的一般规则。

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

你永远不知道什么对你的网站是最好的,直到你尝试它。不要害怕尝试,不断提高转化率。

想了解更多吗?