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

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

网站总是试图引起你的注意,然后让你采取行动。这是一个来自亚马逊的呼吁行动的例子。乍一看,亚马逊似乎只想让你注册亚马逊Prime。这是真的——这个行动呼吁确实是为了产生Prime的注册。但在这个CTA中还有很多事情要做。

看看“无Prime”栏目:

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

现在让我们看看主列:

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

这是一个很好的行动呼吁。本文将介绍在为您的商店构建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利用这种策略将人们吸引到其“套件”和“阳光”产品上。当你把鼠标悬停在产品点击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.简洁是你的朋友

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

其实,最长的行动呼吁在这一分析只有9个字。死亡愿望咖啡例如,简单地说选择磨而不是像选择你想尝试的咖啡豆粉

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

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

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

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

唯一普遍正确的是,找出你的网站最有效的方法是查看你自己的参数。从建立基准开始。一旦你有了这些,定期查看分析数据,并将其与不同时间段进行比较。

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

什么是好的行动呼吁?

在你创建你的商店时,我们有15条CTA规则需要牢记。让我们来回顾一下我们所知道的:

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

cta可以有很多目的,从增加社会参与到鼓励通讯注册。

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

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

  1. 辅助性文字确实能赋予行动呼吁以生命力

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

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

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

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

如果你有特定的产品或优惠,你想让你的访客看到,使用丰富多彩的,吸引注意力的行动呼吁,让他们到那里。

  1. 在呼吁行动上耍花招是很蹩脚的

虽然你可以用行动号召来为你的客户提供价值,但也有人用行动号召来欺骗他们。这并不酷。

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

不要羞于你的cta。人们滚动屏幕,他们会分心,他们可能不会百分之百地集中注意力。设计你的行动呼吁来帮助人们。然后,没有人会介意看到他们不止一次。

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

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

  1. 使用cta作为导航工具

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

  1. 一致性是关键。

随着时间的推移,您可以训练返回的用户点击哪些cta,从而更快速、更容易地浏览您的站点。

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

展示你的创造力是很诱人的,但最好让cta直奔主题。

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

你上面有CTA吗?你们的cta是否在互相赶超?知道在哪里放置cta可以避免让用户感到困惑。

  1. 激发行动。

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

  1. 保持cta短。

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

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

你永远不知道什么最适合你的网站,直到你尝试过。不要害怕尝试和不断改进,以获得更多的转化率。

现在开始与Shopify网上销售

开始免费试用

想了解更多?