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

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

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

看看没有Prime列:

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

现在让我们看看Prime列:

  • 标题是柔和的蓝色,有一个笑脸
  • 而不是红色数字,说“停止!”,他们使用绿色数字,说“去吧!”
  • 黄色按钮跳出页面
  • 按钮中的文本谈论“福利”

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

不要等待别人去做。雇用自己并开始呼叫镜头。

自由开始

什么是呼吁采取行动?

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

1.并非所有对行动的呼吁都是关于销售(无论如何,无论如何)

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

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

社会认证CTA

床垫图像关于这些客户评论卡斯珀可点击,每个都显示与该特定模型相关的评论。产品照片基本上是CTA“按钮”,每个人都显示了访问者,只有多少客户喜欢他们的卡斯珀​​经验。它们还将其与一个方便的“商店”按钮一起,以帮助用户更接近购买点。

社会分享呼吁采取行动

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

邮件列表CTA

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

这是Fivestory纽约的:

和一个来自Au Lit Fine linen

2.行动呼吁随处可见

您放置CTA的地方没有规则。我们看到了Foodora这家外卖服务公司希望访客做几件事中的一件。您可以选择是否开始送货或提货订单:

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

当您进一步下页时,如果您还没有准备好订单,您可以浏览他们的营业午餐产品或加入电子邮件列表。

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

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 beauty.

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上分享文章等。

下一个演进:使用呼叫采取行动,让人们在应用程序上分享一些东西。例如,这里是您在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在右上角。

这给用户提供了一个点击的地方,而不必向下滚动你的网站。

您还想记住等级化。你可能有一个主要的动作呼吁 - 你的一件事真的希望用户在你的网站上做什么。但如果用户还没有足够的热情来转换,你就需要将他们引导到其他地方。这给了你一个培养他们的机会,并说服他们在他们准备好了的时候购买。

伊芙琳&博比的主要行动号召是深蓝色的方框,但他们的次要号召是在页面的更下端,以更微妙的白色设计。

这是另一个对行动示例的呼叫给经理.T对最不需要的动作使用文本(更多的付款方式),而两个更需要的行动-添加到购物车购买与贝宝- 具有更引人注目的视觉待遇。

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中真的可以帮助推动订婚。当您拍摄下一步时,请小心,并将CTA放在您的网站上像WhatsApp和Slack这样的应用程序。科技并不总是完美无瑕的。

  1. 使用CTA作为导航工具

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

  1. 一致性是关键。

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

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

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

  1. 注意你的行动召唤的位置。

褶子上面有CTA吗?你们的cta是否在互相超越?知道在哪里放置cta可以避免混淆用户。

  1. 激发行动。

你希望用户某事,所以使用专注于该行动的语言。始终包括动词。

  1. 保持cta短。

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

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

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

想了解更多吗?