50 个你忍不住点击的号召性用语示例

想想你在生活中注册的所有时间。 你曾经下载过印象笔记吗？ 保管箱？ Spotify？ 也许你甚至上过关于大会的课程。

这些注册中的每一个都可能是有效号召性用语 (CTA) 的结果。

想一想：如果您没有被 CTA 的副本或设计所吸引，或者在您的注册过程中没有被如此雄辩地引导，那么您可能会使用比现在少得多的应用程序和网站。

使用战略 CTA 引导访问者完成购买过程非常重要。

什么是营销中的 CTA？

作为营销人员，CTA 是相关的，因为它们鼓励您的受众对营销活动采取行动。

最终，任何营销活动的目标都是在买家的旅程中引导您的受众，以便他们最终进行购买。

但是，每个营销活动都可能有不同的行动供受众执行，因为您可以使用多种策略来指导受众的旅程。

以下是您可能在营销中使用的 CTA 按钮副本类型的一些示例：

上述类型的 CTA 都有特定的用途，但请记住，它们使用的语言可能会有所不同。 今天，世界各地的营销人员都在他们的行动呼吁上进行了一些创造性的调整，以产生他们的业务所依赖的潜在客户。

为了帮助您确定什么是有效的，什么不是，我们列出了完全震撼的 CTA 示例。 这些号召性用语示例分为三类：

• 简单有效的 CTA
• 具有出色号召性用语的 CTA
• 在一个页面上平衡多个按钮的 CTA

2022 年最佳行动呼吁示例

1. HubSpot

图片来源

使用 HubSpot 的好处之一是他们提供的大量免费资源。 在一篇讨论营销智能的文章中发现了这个滑入式 CTA，它展示了一个放置得当的 CTA 如何改善用户体验。

它不显眼，在文章的中间出现，不仅提示读者“立即下载”，而且提供有用且免费的资源。 营销工具包为那些可能不知道从哪里开始的人提供了一个开箱即用的解决方案。

为什么这个 CTA 有效

这个滑入式 CTA 提供了一个免费资源，它与它出现的文章的主题直接相关。 读者可以读完文章，然后下载带有模板的指南，开始制作自己的营销工具包。 （单击此处了解如何将幻灯片 CTA 添加到您的博客文章中。）

2. Budgetnista

图片来源

The Budgetnista 由个人理财教育家和作家 Tiffany Aliche 经营，是个人理财的一站式商店。 除了提供令观众满意的内容外，她还是创建引人入胜的 CTA 的专家。

她没有简单地注册 CTA 来宣传她的时事通讯，而是使用吸引读者点击的语言。 “注册每周好东西”听起来比“注册我的时事通讯”有趣得多。 谁不想要每周的好东西？

为什么这个 CTA 有效

语言的友好和创造性使用鼓励游客采取所需的行动。 它还反映了 Aliche 的个性，触感很好，有助于个性化交互。

3. 光泽度

图片来源

美容品牌 Glossier 降低了其营销形象，展示了具有各种皮肤类型的女性的真实形象。 谁能忘记他们的男孩眉毛运动？ 他们的网站很干净，有很多空白空间，可以让模特和化妆的照片流行起来。

他们的 CTA 是在您开始向下滚动他们的网站时出现的叠加层。 虽然许多人会很快点击弹出窗口，但 Glossier 选择的语言让您想要留下来。 “让我们把它带到您的收件箱”是一种巧妙的方式来让人们注册您的时事通讯。 如果您想加入，只需单击“我加入”即可。

为什么这个 CTA 有效

与 The Budgetnista 一样，Glossier 使用巧妙的措辞使品牌更具相关性并吸引人们采取行动。 具有出色 Glossier 妆容的模特形象和随附的插图也有助于使此 CTA 具有吸引力。

4. 310创意

图片来源

增长机构和 HubSpot 合作伙伴 310 Creative 旨在帮助 B2B 公司扩展和完善买家的旅程以增加销售额。 知道该网站的访问者可能不太清楚他们需要哪些特定服务，310 Creative 利用 CTA 来消除混乱。

滑入式 CTA 邀请访问者预订免费评估，以了解他们的业务可能在哪些方面存在不足，并了解为什么会出现这些结果。

为什么这个 CTA 有效

它不仅通过明确声明服务是免费的来消除障碍，而且这个 CTA 还表现出对访问者的同情。 通过描述一个问题后跟“如果这听起来很熟悉，让我们谈谈”，这表明 310 Creative 可以帮助并理解用户的挫败感。

5. 鼎盛时期

图片来源

鼎盛时期是面部行业的反叛者。 它的简约、简洁的方法使其成为那些只想在没有大惊小怪和追加销售的情况下看到美学家的人的最爱。

这种极简但友好的方法也出现在他们的 CTA 中。 这个 CTA 充分利用了一些皮肤发光的模特，吸引观众以折扣价注册他们的时事通讯。 “注册并保存”按钮很有说服力，还有幽默的“不，谢谢，我更喜欢全价护肤品”超链接选择退出。

为什么这个 CTA 有效

鼎盛时期采用美丽的美学、折扣和幽默来鼓励游客采取所需的行动。

6. VRBO

图片来源

如果您喜欢在业余时间浏览美丽的度假屋，VRBO 是一个不错的选择。 该品牌充分利用了令人向往的美学和华丽的环境。

深蓝色的 CTA 在 VRBO 的白色背景下弹出，吸引了读者。然后“发现你的逃生”按钮为那些可能有兴趣租用度假屋的人增添了一丝冒险的感觉。

为什么这个 CTA 有效

VRBO 充分利用了色彩和措辞。 这不是一次假期，而是一次冒险，他们可以作为您值得信赖的向导。

7.葫芦

图片来源

流媒体巨头 Hulu 采用了这种 CTA 的戏剧性方法。 暗淡的背景展示了它所有的电视和电影产品，而 CTA 的绿色和白色文本将您的注意力吸引到促销活动上。

这是一种注册和追加销售，通知用户他们可以通过 Disney+ 和 ESPN+ 获得折扣附加。

为什么这个 CTA 有效

此 CTA 以他们与捆绑包达成交易的印象来吸引访问者。 它不仅仅是一个注册按钮，而是“获取迪士尼捆绑包”。 它强调提供价值以吸引访问者采取行动。

8. Hija De Tu Madre

图片来源

服装公司 Hija De Tu Madre 采用干净的粉红色和白色配色方案，散发出年轻和清新的气息，保持新鲜感。 使他们的 CTA 如此吸引人的大部分原因是巧妙的文字游戏，混合了西班牙语和英语，这是对目标受众的颂歌。

图片来源

因为他们如此吸引观众，Hija De Tu Madre 可以从他们的观众中提取更多信息。 他们不仅有一个请求电子邮件的 CTA（第一张图片），而是在第二个 CTA 中引入了手机请求。 他们如何说服人们交出他们的数字？ 通过为他们提供赢得商品的机会——特别是他们流行的牛仔夹克。

为什么这个 CTA 有效

提供访问者认为有价值的东西以换取他们的个人信息——在这种情况下，一件令人垂涎的牛仔夹克，将使人们更有可能分享更多信息。 关键是了解您的受众并挖掘他们的兴趣。

9. 羊毛与帮派

图片来源

这个来自 Wool and the Gang 的 CTA 会让你感到内心一片模糊。 顾客穿着他们的 Wool and the Gang 服装的拼贴背景加上一只可爱的小狗真的吸引了读者，并与品牌的观众相得益彰。

CTA 按钮显示“分享您的针织衫#woolandthegang”，鼓励客户分享他们使用 Wool and the Gang 产品制作的产品，同时起到品牌推广和客户参与的作用。

为什么这个 CTA 有效

这个 CTA 不仅吸引了访问者的注意力，还创造了一种社区感并吸引访问者加入。 随着越来越多的客户在社交媒体上分享他们的套件，这个特殊的 CTA 还兼作品牌推广。

10. 调整它的工作室

图片来源

家居装饰和设计公司 Tweak It Studio 展示了有趣但清晰的 CTA 的重要性。

他们用粗体字的“Just Dropped”吸引访问者的注意力，以告知读者提供的新产品，然后将其与一个 CTA 按钮结合起来，该按钮准确地说明该项目是什么——在本例中为“个性化木材名称”。 它比只有一个简单地说“立即购买”的按钮更有效。

为什么这个 CTA 有效

此 CTA 使用“刚刚放弃”的紧迫性来让访问者检查商店中的新商品，并在单击后访问者接下来要去的按钮中清楚地传达信息。

想要更多 CTA 设计灵感？ 在下面查看我们最喜欢的一些号召性用语示例。

1. HubSpot CTA [免费模板]

寻找灵感来帮助构建更好的 CTA？ 使用我们专业设计的 CTA 模板从您的内容中产生更多点击、提交和潜在客户。

2. 印象笔记

CTA：注册

图片来源

“记住一切。” 访问者一登陆此页面就可以立即理解该信息。 Evernote 网站上的设计让用户可以非常简单地看到使用该应用程序的快速好处以及如何实际注册使用它。 此外，主要和次要 CTA 按钮的绿色与标题和 Evernote 徽标相同，所有这些都跳出页面。

如何复制此 CTA

考虑使用与网页上的元素形成鲜明对比的明亮颜色，以使您的 CTA 脱颖而出。

3. 保管箱

CTA：免费注册

图片来源

Dropbox 一直采用带有大量负面空间的简单设计。 甚至他们主页上的图形也是微妙而简单的。

由于这种简单的设计和负空间，蓝色的“免费注册”号召性用语按钮从页面上的所有其他内容中脱颖而出。 由于 CTA 和 Dropbox 徽标的颜色相同，因此访问者很容易将此 CTA 解释为“注册 Dropbox”。 这是一种有效的号召性用语。

如何复制此 CTA

如果使用得当，负空间对您有利。 让您的 CTA 使用大胆的品牌色彩脱颖而出，从而发挥您的优势

4.办公氛围

CTA：订阅

图片来源

这是一个滑入式号召性用语，引起了 OfficeVibe 的注意。 滚动浏览他们博客上的帖子时，一个横幅从页面底部滑入，并带有订阅他们博客的号召性用语。 最好的部分？ 幻灯片上的副本告诉我，我会得到关于如何成为一名更好的经理的提示——它出现的帖子是关于如何成为一名更好的经理的帖子。 换句话说，这个提议是我已经感兴趣的东西。

另外，我喜欢滑入式 CTA 的不显眼——与我的同事 Rachel Sprung 所说的“停止一切并点击此处弹出 CTA”相反。 我发现这些 CTA 提供了更可爱的体验，因为它们提供了更多信息，同时仍然允许我继续阅读博客文章。

如何复制此 CTA

您可以使用 HubSpot 的营销工具创建自己的滑入式 CTA。 使用我们的模板设计您的 CTA 后，创建一个 HubSpot 帐户。 转到您的 HubSpot 帐户中的营销 > 潜在客户捕获 > CTA，然后按照此处的 CTA 说明进行操作。

5. 网飞

CTA：免费加入一个月

图片来源

用户在承诺注册某些东西之前有一个很大的恐惧？ 如果他们最终不喜欢它，取消订阅会很痛苦。 Netflix 通过“免费加入一个月”CTA 上方的“随时取消”副本将这种恐惧扼杀在萌芽状态。 我冒昧地猜测，仅靠安慰就可以增加注册量。 此外，您会再次注意到此处主要和次要 CTA 的红色与 Netflix 的徽标颜色相匹配。

如何复制此 CTA

您不仅可以通过鲜明的颜色对比来吸引访问者的注意力，而且您可以在 CTA 中使用吸引他们点击的语言。 考虑在您的 CTA 中使用“免费试用”或类似内容，以消除潜在客户的风险。

6.广场

CTA：开始

图片来源

要实现有效的 CTA 设计，您需要考虑的不仅仅是按钮本身。 考虑背景颜色、周围图像和周围文本等元素也非常重要。

考虑到这些额外的设计组件，Square 的人们使用了一张图片来展示使用他们的产品的简单性，悬停的“开始使用”CTA 等待您的点击。 如果您仔细观察，图像中信用卡的颜色和 CTA 按钮的颜色相匹配，这有助于查看者在点击时将预期的点连接起来。

如何复制此 CTA

您可以使用颜色来帮助访问者连接点，无论是协调此图像中的相似色调，还是使用 Dropbox 示例中的品牌颜色。

7. 普雷兹

CTA：试试 Prezi

图片来源

Prezi 的人们也喜欢他们网站上的极简主义设计。 除了绿色恐龙和深棕色咖啡之外，与以黑白为主的设计相伴的唯一其他颜色是亮蓝色——与他们的主要标志相同的蓝色。 明亮的蓝色被战略性地放置在主页上：主要的“试一试 Prezi”CTA 和次要的“Get Started”CTA，两者都将用户带到同一个定价页面。

如何复制此 CTA

该页面采用了简约的配色方案，但包含两个具有相同颜色按钮的 CTA，可将访问者引导至同一目标网页。 如果您的页面设计简洁、简约，请考虑尝试使用两个不同文本的 CTA 来吸引访问者。

8. 全套

CTA：我们的工作

图片来源

Full Bundle 是另一家使用负空间来使他们的主要 CTA 流行的公司。 白色的“我们的工作”号召性用语在背景的深灰色中显得格外醒目。 他们对 CTA 的选择也具有战略意义。 鉴于它们的存在主要是为了建立客户的在线形象，因此展示他们的作品对他们来说很重要——这也是大多数人访问他们网站的目的。

如何复制此 CTA

创造性地利用 Full Bundle 的灰色调等负空间。 如您所见，不同深浅的灰色构成三角形，添加了微妙的设计元素，使其白色 CTA 在底部弹出。

9. 黑豹

CTA：加入

图片来源

Panthera 的人们正在寻找真正关心世界各地野猫的用户，并希望加入一群有同样感受的人。 特别是针对这些人，我们喜欢他们如何使用与大猫爱好者交谈的语言：“今天加入骄傲。” 页面本身非常简单：一个带有两个简单字段的页面表单和一个要求人们（再次）“加入”的按钮。

如何复制此 CTA

通过使用与您的品牌相关的白话，在您的 CTA 中吸引他们，与您的目标受众建立联系。

10. 史诗

CTA：让我们一起开始一个新项目

图片来源

EPIC 机构的人们主要使用他们的主页来展示他们的工作。 当您到达页面时，您会看到动画视频，展示他们为客户所做的一些工作，这些视频在旋转木马上旋转。 虽然用户可能会在许多其他地方点击他们的网站（包括他们客户的网站），但主要的号召性用语很突出，并且总是与在后台播放的视频形成对比。

我喜欢它具有友好、包容性的语言——“让我们一起开始一个新项目”——这给正在寻找创意合作伙伴的用户提供了一个提示，他们是一个特别适合工作的团队。

如何复制此 CTA

使用邀请语言。 制作一个只显示“加入我们”的按钮很容易，但这并不是很有说服力。 考虑一些更友好的内容，例如“让我们一起工作”或特定于您提供的服务的内容。

11.Aquaspresso

CTA：立即向我发送特价商品！

图片来源

号召性用语的全部意义在于将您的网站访问者引导至所需的行动方案——最好的 CTA 会以对访问者有帮助的方式这样做。 咖啡公司 Aquaspresso 的人们在他们的博客主页上通过弹出式 CTA 真正实现了这种平衡。

在这里，希望他们的博客读者查看他们实际销售的产品（并希望从他们那里购买）。 他们有很多方法可以做到这一点，包括发布一个 CTA，敦促人们“查看我们最受欢迎的产品！” 或者非常直接的东西。 但我们喜欢他们所做的事情：他们的 CTA 为博客读者提供了更有用和更微妙的东西——提供“今日特价”以换取读者的电子邮件地址。

补充说，特价商品仅适用于今天，这是一种叫做稀缺的心理策略的一个很好的例子，它使我们为我们认为稀缺的东西赋予更多的价值。 担心今天的特价商品会比明天的特价商品更好，这可能使人们想要填写它并尽可能地索取他们的报价。

如何复制此 CTA

上面的号召性用语是使用 HubSpot 的模板创建的。 考虑通过在 CTA 中使用稀缺性来为网站访问者引入紧迫感。 您可以使用“限时优惠”或“获得今天的优惠”等短语来激励访问者采取所需的行动。

12. 快速发芽

CTA：你的 SEO 做错了吗？ 输入您的网址以查找

图片来源

没有人愿意犯错。 这就是为什么像 QuickSprout 在其博客上的滑入式 CTA 这样的号召性用语按钮如此值得点击的原因。 它问读者，“你的 SEO 做错了吗？” 嗯，是我吗？ 我所要做的就是输入我的 URL 来查找 - 看起来很容易。 正是这样的语言才能真正吸引访问者点击。

另外，在博客文章中添加 CTA 幻灯片是在读者跳出页面之前吸引他们的好策略。 传统上，许多博客在每篇博文的最底部都有 CTA，但研究表明大多数读者只能读完一篇文章的 60%。

如何复制此 CTA

在 CTA 中使用能够吸引访问者注意力或说出他们可能遇到的痛点的语言。 上面的案例使用了 SEO，但您可以使用类似“无法转换潜在客户？”之类的内容。 然后将您的服务定位为补救措施。 （单击此处了解如何将幻灯片 CTA 添加到您的博客文章中。）

13. 灰鹅

CTA：发现适合您口味的鸡尾酒

图片来源

这是一个有趣、独特的号召性用语，可以让人们点击。 虽然网站访问者可能希望从主页被引导到产品页面或新闻稿，但“发现适合您口味的鸡尾酒”的 CTA 是一个令人惊喜的问题。 人们喜欢个性化，这种 CTA 感觉就像一个诱人的游戏。 副本旁边的播放按钮图标提示访问者将被带到视频，以便他们更好地了解点击时会发生什么。

如何复制此 CTA

个性化为与访客建立联系创造了奇迹。 考虑实施 CTA，根据您提供的产品或服务为访问者建议个性化体验。 例如，您可以说“探索适合您预算的计划”或“选择适合您品牌的设计”。

14. 树屋

CTA：申请免费试用

图片来源

许多公司网站为用户提供开始免费试用的机会。 但是 Treehouse 网站上的 CTA 不只是说“开始免费试用”；而是说“开始免费试用”。 上面写着“申请免费试用”。

措辞上的差异可能看起来很微妙，但请考虑一下“要求免费试用”有多个人化。 此外，“索赔”一词表明它可能不会长期可用，让用户有一种紧迫感，可以尽可能地获得免费试用。

如何复制此 CTA

如果您为您的服务提供免费试用，而不仅仅是使用“免费试用”按钮，而是使用“开始免费试用”来个性化体验。

15. OK丘比特

CTA：继续

图片来源

OKCupid 的 CTA 乍一看似乎并没有那么令人印象深刻，但它的精彩之处在于小细节。

号召性用语按钮为亮绿色，在深蓝色背景上非常醒目，它说：“继续。” 这个术语的简单性让人希望注册过程简短而随意。 对我来说，这个 CTA 感觉更像是在玩一个有趣的游戏，而不是填写无聊的表格或承诺可能让我紧张的事情。 而这一切都归功于副本。

如何复制此 CTA

人们喜欢游戏，所以如果它适用于您的产品或服务，请尝试将您的 CTA 游戏化以激发兴趣。

16. 博客网站

CTA：倒计时时钟

图片来源

没有什么比计时器更能让人想采取行动了。 在 blogging.org 的主页上停留一小段时间后，新访问者会看到一个弹出式 CTA，其中包含“限时优惠”，并附有一个从两分钟开始倒计时的计时器。

与 #10 中 Aquaspresso 的示例一样，这是一种称为稀缺性的心理策略的经典用法，它使我们为我们认为稀缺的事物赋予更多价值。 限制某人必须填写表格的时间使人们希望尽可能填写并索取他们的报价。

好奇，当时间用完时会发生什么？ 我也是。有趣的是，什么也没发生。 当计时器归零时，弹出式 CTA 仍保留在页面上。

如何复制此 CTA

与 Aquaespresso 类似，考虑利用稀缺性让网站的访问者有采取行动的紧迫感。

17. 影响品牌与设计

CTA：我们做什么

图片来源

如果使用了错误的语言，CTA 可能会让人感到非常咄咄逼人和推销（是的，这是一个词……）。 我喜欢 IMPACT 的教育方法，他们挑战访问者在推动他们采取任何进一步行动之前了解公司的工作。 这个号召性用语对我来说特别有趣，因为他们甚至不使用动作动词，但他们仍然设法吸引人们点击。

如何复制此 CTA

通过在您的 CTA 中使用能够说服访问者了解您的业务的语言来吸引访问者了解您的业务的更多信息。 使用“查看我们过去的项目”、“我们的工作”或“查看我们的工作”之类的内容。

18.休莫尔

CTA：启动（请勿按下）

图片来源

如果你去一个网站，看到一个“启动”CTA，并附有“请勿按”的副本……你会怎么做？ 老实说：你会很想按下它。 这里使用无害的逆向心理是俏皮的，这非常符合 Huemor 的品牌声音。

如何复制此 CTA

如果您的品牌更具趣味性或在创意行业中，您可以使用游戏化或逆向心理学（如 Huemor 的示例）在 CTA 中利用这一优势。

19. 布鲁克斯跑步

CTA：看看我们什么时候有更多

图片来源

有多少次你热切地追求你喜欢的产品，却发现它已经售罄？ 好吧，您可能知道，这对卖家来说也不是野餐。 但仅仅因为你已经用完了一个项目并不意味着你应该停止推广它。

Brooks Running 使用巧妙的号召性用语来确保他们的客户不会仅仅因为他们最喜欢的鞋子缺货而从他们的网站上跳出。 在上面的屏幕截图中，你可以看到 Brooks 在 CTA 中兜售一款看起来很棒的鞋，“看看我们什么时候有更多。” 我喜欢这个按钮如何将坏消息变成留住客户的机会。 没有它，Brooks 的顾客可能会忘记这双鞋，转而寻找别处。

当您单击下图所示的蓝色 CTA 按钮时，Brooks 会将您引导至一个页面，其中包含一个简单的代码，您可以向公司发送短信。 此代码提示 Brooks 在他们想要的鞋子再次可用时自动提醒访客。

如何复制此 CTA

对于电子商务企业来说，将客户发送到一个声明该商品缺货的页面可能会让客户感到厌烦并导致他们反弹。 考虑添加一个 CTA，上面写着“进货时通知我”或“找出我们什么时候有更多”，以保持他们的参与并获取他们的电子邮件信息。

20. 洪堡县

CTA：跟随魔术

图片来源

洪堡县的网站本身就很漂亮：它以全屏视频向您致意，其中包含令人震惊的美丽镜头。 但我真正喜欢的是位于底部中心的非传统号召性用语按钮，它有一个兔子图标和“跟随魔术”字样。

它增强了镜头的那种梦幻般的感觉，让您感觉自己即将踏入童话故事。

更重要的是，一旦您点击该 CTA，该网站就会变成一种选择您自己的冒险游戏，这对用户来说是一个有趣的号召性用语路径，并鼓励他们在网站上花费更多时间。

图片来源

如何复制此 CTA

非常适合旅游公司和创意公司，像 Humbolt 的 CTA 吸引读者。如果您的品牌有一些创意余地，请使用它。 您可以尝试使用“寻找下一次冒险”或“计划您的旅行”之类的短语。

21.优步

CTA：注册驾驶 | 开始搭乘优步

图片来源

优步正在寻找两种截然不同的人在他们的网站上注册：乘客和司机。 两个角色都在寻找完全不同的东西，然而，该网站将它们很好地联系在一起，背景中播放的大型视频显示 Uber 车手和司机在世界各地度过了愉快的时光。

我也喜欢顶部的驾驶员 CTA 副本：没有比“开车赚钱”更直接的了。 现在说的是人们的语言。

如何复制此 CTA

针对两类客户？ 您可以像 Uber 一样为他们的每个角色创建 CTA。

22. Spotify

CTA：进入高级版 | 免费玩

图片来源

一进入 Spotify 的主页，很明显他们的主要目标是吸引愿意为高级帐户付费的客户，而用户免费注册的 CTA 则非常次要。

不仅仅是标题泄露了这一点。 这也是他们 CTA 按钮的颜色。 “Go Premium” CTA 是浅绿色的，使其从页面上弹出，而“Play Free” CTA 是纯白色的，与页面上的其余部分融为一体。 这种对比确保了访问者被高级 CTA 所吸引。

如何复制此 CTA

如果您同时提供付费和免费版本的服务，请考虑使用两个单独的 CTA，为付费选项选择一种流行的颜色，而不是为免费版本选择更低调的颜色。

23. 乌格蒙克

CTA：给我发优惠券 | 我对此不感兴趣

图片来源

退出 CTA，也称为退出意图弹出窗口，与普通弹出窗口不同。 它们会检测您的用户的行为，并且仅在他们似乎即将离开您的网站时出现。 通过及时干预，这些弹出窗口可以作为一种吸引读者注意力的绝妙方式，同时为他们提供留下来的理由。

Ugmonk 有一个很好的退出 CTA，在用户离开网站之前为用户提供了两个选项作为最后的请求。 首先，他们为其产品提供 15% 的折扣，然后是两个选项：“是的，请：给我发优惠券”和“不，谢谢：我不感兴趣。” 每个 CTA 都明确了“是”和“否”的实际含义，这非常有帮助，而且我也喜欢他们没有像我在其他网站上看到的那样使用像“不，谢谢：我讨厌大自然”这样的内疚语言。 最后，请注意“Yes Please”按钮的颜色比其他选项更明亮、更吸引人。

如何复制此 CTA

退出意图 CTA 对于电子商务非常有用。 您可以提供服务折扣或其他有价值的东西来吸引访问者转换。

24.品脱

CTA：继续使用 Facebook | 报名

图片来源

想要注册 Pinterest？ 您有两种选择：通过 Facebook 或通过电子邮件注册。 如果你有 Facebook 帐户，Pinterest 希望你先这样做。 我怎么知道？ 从美学上讲，我知道是因为蓝色的 Facebook CTA 是第一位的，并且由于品牌标志和颜色而更加突出、色彩丰富且易于识别。 从逻辑上讲，我知道，因为如果您通过 Facebook 登录，Pinterest 可以提取 Facebook 的 API 数据并获取有关您的更多信息，而不是通过您的电子邮件地址登录。

尽管此主页已针对引入新成员进行了优化，但您会注意到一个非常微妙的 CTA，供拥有 Pinterest 帐户的人在右上角登录。

如何复制此 CTA

允许用户在您的 CTA 中使用 Facebook 或 Google 注册。 这可以节省访问者注册的时间，并且您将能够获得有关他们的更多信息。

25. 马德威尔

CTA：带我去那里| 下一步是什么？

图片来源

Madewell（由 J.Crew 拥有）一直拥有出色的网站设计，将典型的电子商务网站提升到一个新的水平。 他们在主页上使用 CTA 也不例外。

当您第一次到达该页面时，您会看到标题“我正在寻找……”，然后是一个类别，例如“可以在任何地方旅行的衣服”。 此副本下方有两个选项：“是的，带我去那里”或“嗯……下一步是什么？” 用户可以在两个 CTA 之间进行选择，要么浏览适合旅行的衣服，要么被带到下一种衣服，在那里他们可以再次玩耍。

这种游戏化是一种很好的方式，可以让您的网站对遇到它的用户来说更有趣，而他们并不知道他们想在哪里看。

如何复制此 CTA

在您的 CTA 中使用游戏化来说服访问者进一步探索您的网站。 他们可能不知道具体他们在寻找什么或您的公司可以如何提供帮助。 Creating fun prompts can help visitors find what they are looking for.

26. Instagram

CTA: Download on the App Store | 在 Google Play 上获取

图片来源

Since Instagram is a mainly mobile app, you'll see two black CTAs of equal size: one to download Instagram in Apple's App Store, and another to download it on Google Play. The reason these CTAs are of equal caliber is because it doesn't matter if someone downloads the app in the App Store or on Google Play … a download is a download, which is exactly what Instagram is optimizing for. If you already have Instagram, you can also click the CTA to “Log In” if you'd prefer that option, too.

How to Replicate this CTA

If you have an app, consider adding a CTA for each platform visitors can download it from. This remove friction and makes it easier for visitors to download your app without having to search.

27. Barkbox

CTA: Get Started | 赠送礼物

图片来源

The two CTAs on Barkbox's homepage show that the team there knows their customers: While many people visiting their site are signing up for themselves, there are a lot of people out there who want to give Barkbox as a gift. To give those people an easy path to purchase, there are two, equally sized CTAs on the page: “Get Started” and “Give a Gift.”

As an added bonus, there's an adorable, pop-up call-to-action on the right-hand side of the screen prompting users to leave a message if they'd like. Click into it, and a small dialogue box pops up that reads, “Woof! I'm afraid our pack is not online. Please leave us a message and we'll bark at you as soon as pawsible.” Talk about delightful copy.

How to Replicate this CTA

Similar to Uber, you can use multiple CTAs to serve different audiences. Play with language and come up with phrases that work best for your brand voice.

28. tc pharma

CTA: Find out more | 查看产品

图片来源

Turns out Red Bull isn't its own parent company: It's owned by Thailand-based tc pharma, a company that makes popular energy drinks, electrolyte beverages, and functional drinks and snacks.

Its homepage features two call-to-action buttons of equal size: “Find out more” and “View products” — but it's clear by the bright yellow color of the first button that they'd rather direct folks to “Find out more.”

How to Replicate this CTA

Use color to persuade visitors to take a desired action. If you have a preferred button that you'd like people to click, make it the more prominent of the two.

29. General Assembly

CTA: View Full-Time Courses | 订阅

图片来源

As you scroll through the General Assembly website, you'll see CTAs for various courses you may or may not want to sign up for. I'd like to point your attention to the CTA that slides in from the bottom of the page as you're scrolling, though, which suggests that you subscribe to email updates.

Although this feels like a secondary CTA due to its location and manner, I actually think they try to sneak this in to become more of a primary CTA because it's so much more colorful and noticeable than the CTAs for individual classes.

How to Replicate this CTA

When you create your own CTAs, try using bolder colors — even ones that clash with your regular stylings — to see if it's effective at getting people's attention. (Click here for a tutorial on how to add slide-in CTAs to your webpages.)

30. charity: water

CTA: Give by Credit Card | Give by PayPal

图片来源

Charity: water's main goal is to get people to donate money for clean water — but they can't assume that everyone wants to pay the same way.

The CTAs featured on their homepage take a really unique approach to offering up different payment methods by pre-filling $60 into a single line form and including two equally important CTAs to pay via credit card or PayPal. Notice how both CTAs are the same size and design — this is because charity: water likely doesn't care how you donate, as long as you're donating.

How to Replicate this CTA

For payment CTAs, consider giving visitors options for how to pay. What matters most is that they make the purchase.

31. Hipmunk

CTA: Flights | 酒店 | 汽车 | 套餐

图片来源

When you land on the Hipmunk site, your main option is to search flights. But notice there are four tabs you can flip through: flights, hotels, cars, and packages.

When you click into one of these options, the form changes so you can fill out more information. To be 100% sure you know what you're searching for, Hipmunk placed a bright orange CTA at the far right-hand side of the form. On this CTA, you'll see a recognizable icon of a plane next to the word “Search,” so you know for sure that you're searching for flights, not hotels. When you're on the hotels tab, that icon changes to a hotel icon. Same goes with cars and packages.

How to Replicate this CTA

Use icons to provide further explanation of your CTA to users.

32. MakeMyPersona

CTA: Grab the template! | 不，谢谢

图片来源

Here's another example of a great pop-up with multiple calls-to-action — except in this case, you'll notice the size, color, and design of the users' two options are very different from one another. In this case, the folks at MakeMyPersona are making the “Grab the template!” CTA much more attractive and clickable than the “No, I'm OK for now, thanks” CTA — which doesn't even look like a clickable button.

I also like how the “no” option uses polite language. I find brands that don't guilt-trip users who don't want to take action to be much, much more lovable.

How to Replicate this CTA

Being friendly shouldn't just be for getting visitors to take the desired action. Using friendly language is just as important in CTAs for those who would like to opt out. Consider using a phrase like “no thanks” or something similar to what MakeMyPersona used to keep it cordial even if customers aren't ready to make a purchase yet.

33. TeuxDeux

CTA: Get Started for Free | 免费试用

图片来源

Another example of simplistic design, TeuxDeux's main website features one phrase and two CTA buttons.

而已。

Using the company's colors, the background is just a splash of red and some black.

The CTA buttons stand out against the color and emphasize that you can try the product for free.

I like these CTAs because they show that the company understands its audience. Whenever I'm researching to-do list apps, I always want to try it before I buy it. It's something that people are very particular about and want to test-drive. TeuxDeux's CTAs shows that they understand this about their audience.

How to Replicate this CTA

Know your audience and allow them to test drive your service. Tap into their needs and interests and include them in a CTA to help them navigate to what they need faster, risk-free. It could be something like “get started for free,” “download templates for free,” or “try for free.”

34. Betabrand

CTA: Get involved

图片来源

Betabrand is a clothing company that sells yoga/dress pants for women. Usually, clothing brands tend to use similar CTAs such as “Shop Now.”

However, Betabrand's homepage CTA is unique in that it involves the audience. Here, users can vote and impact the design of new products.

This is a fun way to get the audience involved and do something different.

如何复制此 CTA

适当时使用投票或调查类型的 CTA 鼓励访客参与。 它可以帮助客户与品牌建立个人关系，因为他们正在为决策过程做出贡献。

35. 寓言

CTA：限量版

图片来源

这个 Fabletics CTA 使用了几种营销策略：稀缺性和假期。

在主页上，该品牌宣布推出与节日（母亲节）相关的限量版系列。

此外，CTA 使用明亮的颜色，因此 CTA 在简单的主页上脱颖而出。

如何复制此 CTA

在有意义的情况下组合 CTA 类型。 例如，您可以将稀缺性与限时促销一起用于盛大开幕、假期或庆祝新产品发布。

36. 阿什莉·斯图尔特

CTA：购买 Lookbook

图片来源

Ashley Stewart 是一个迎合大码女性的服装品牌。 在这个 CTA 中，该公司使用有趣的设计来吸引网站访问者。 整个图像拼贴看起来像一个幕后的相机胶卷，看起来很有趣。

此外，CTA 副本直截了当，这对希望浏览的访问者很有帮助。

如何复制此 CTA

有时简短而甜蜜是最好的方法。 使用您的 CTA 直截了当，让访问者得到他们想要的东西。 您可以使用“购买此外观”或“立即下载指南”之类的内容。

37. 亚马逊音乐

CTA：免费 3 个月

图片来源

这是我们在一个 CTA 中讨论过的几个元素的一个很好的例子。

亚马逊使用两个战略性放置的 CTA，色彩丰富但设计简单，并免费提供产品。

借助此 CTA，亚马逊将在其主页上推广其自己的产品和服务之一，而不是在网站上列出待售的其他产品。

他们想要传达的唯一信息是什么？ 您可以免费试用他们的产品 Amazon Music 整整三个月。 此 CTA 以简单的设计实现了该目标。

如何复制此 CTA

提供免费试用？ 通过使用突出的 CTA 弹出并消除使登录页面混乱的不必要功能来使其广为人知。

38. 巴恩斯和诺布尔

CTA：立即购买

图片来源

Barnes and Noble 使用简单的 CTA 来吸引游客在母亲节假期期间购买限量系列。

我喜欢这个 CTA，因为着陆页设计与整个公司的品牌非常有凝聚力。

此外，图形和字体都很有趣，与品牌的信息相匹配。

如何复制此 CTA

创建一个吸引观众并与您的品牌声音保持一致的有凝聚力的外观。 使用相互补充且令人赏心悦目的字体和颜色。 使用“立即购买”或“立即下载”按钮使 CTA 保持简单。

39. 松弛

CTA：了解更多 | 联系我们

图片来源

Slack 在其主页上使用漂亮、简单的设计来吸引访问者点击两个 CTA 按钮之一。

我喜欢这个例子，因为 Slack 有两个针对两个不同受众的 CTA 按钮。 如果您刚刚开始研究，可以点击“了解更多”。 但是，如果您是回头客并且知道您想与销售人员交谈，则可以单击“联系我们”。

这是在您的主页上使用 CTA 为两个受众提供服务的一个很好的例子。

如何复制此 CTA

在同一个着陆页上使用不同的 CTA 为两个受众提供服务。 您可以使用颜色来对比两个按钮或将更多注意力吸引到所需的选择上，从而使它们与众不同。

40. 任天堂

CTA：比较功能

图片来源

在任天堂的网站上，该公司专注于回答访问者可能提出的任何问题。

事实上，主要的 CTA 之一是“比较功能”。 通过这个 CTA，任天堂回答了他们最受欢迎的问题之一，因为他们知道许多访问者在购买产品之前仍在进行研究。

如何复制此 CTA

有多种定价或功能选项？ 考虑使用 CTA 来帮助用户比较他们的选择，以便他们做出更明智的决定。

创建自己的 CTA

你有它。 现在您可以看到一些小的 CTA 调整有多么重要。 从上面的示例中获取灵感并创建可转换的 CTA。

完全披露：我们没有数据来知道这些是否都在科学上是成功的，但这些例子都遵循我们的最佳实践。 如果您决定在您的网站上重新创建这些 CTA，请记住测试它们是否适合您的受众。

编者注：这篇文章最初发表于 2014 年 6 月，为了全面性而进行了更新。