当前位置:首页 > 营销观察 > 正文

谨防! 你的 CTA 设计讲述了你的时尚感

谨防! 你的 CTA 设计讲述了你的时尚感

你会在客户会议上穿一条棕色腰带搭配黑色鞋子吗? 没有权利? 那么为什么您的号召性用语 (CTA 设计包括您试图将神话般的红色 CTA 按钮放入紫色背景中? 在我们回答...

你会在客户会议上穿一条棕色腰带搭配黑色鞋子吗? 没有权利? 那么为什么您的号召性用语 (CTA) 设计包括您试图将神话般的红色 CTA 按钮放入紫色背景中?

在我们回答这个问题之前,什么是 CTA? 多年来,CTA 不断发展,如今它们以各种形式和模式出现。

CTA 可以很容易地订阅您的博客或时事通讯。 它可能是您提供的产品或服务的优惠,甚至可能是免费试用的优惠。

但归根结底,CTA 是一个简单但强制性的按钮,它会调用用户采取行动。

使 CTA 看起来像按钮,CreateDebate 的点击次数增加了 45%。

复制博主

CTA 可以提供什么?

目录

你可以脱下黑色阿玛尼西装,但如果你穿着它去参加万圣节派对,这有什么关系吗?

同样,CTA 也有时间和地点。 即使 CTA 设计得很好,如果您没有正确放置它,它也不会产生任何影响。

以下是您可以使用正确的报价和展示位置组合来形成正确的号召性用语的一些方法:

  1. 内联号召性用语
  2. 滑入式 CTA
  3. 侧边栏号召性用语
  4. 标题号召性用语
  5. 滚动意图 CTA
  6. 时间意图 CTA
  7. 退出意图 CTA
  8. 页脚号召性用语

这些 CTA 如何运作?

与目标 CTA 相比,个性化 CTA 将 42% 的访客转化为潜在客户。

——HubSpot

1. 内联号召性用语

人们通常在博客中的几段之后使用内联 CTA。 他们在读者真正开始行动之前就向用户介绍 CTA 提到的产品/服务。

解释是强制性的,因为用户需要在博客文章和博客内的内嵌 CTA 之间找到连接。 除此之外,用户还可以在浏览您的博客时感受到控制。

2. 滑入式 CTA

滑入式 CTA 从侧面滚动并保持在那里,直到您点击“X”或退出页面。 这个 CTA 通常出现在用户滚动到某个点之后。

它通常在博客涵盖与 CTA 相关的教育信息后弹出。 创建此 CTA 很重要,这样它就不会覆盖博客内容的任何部分。

3. 侧边栏 CTA

侧边栏 CTA 有两种类型:粘性或静态。 当您向下滚动页面时,粘性侧边栏 CTA 会滚动。

静态侧边栏 CTA 保持原样,只有当您返回到最初看到它的位置时才会成为焦点。

您可以将此 CTA 放在任何页面的一侧,它通常为人们提供下载电子书的能力。 您的电子书可能是任何一种全年都需要的有用指南,例如网站测试清单。

4. 标题 CTA

标题 CTA 可以是静态的或粘性的,具体取决于您使用的标题类型。 人们倾向于将标题 CTA 用于全新的优惠,例如新服务或新产品发布。

在标题中放置一个“订阅”按钮是很常见的,这样用户在您的网站上发现有价值的东西时就可以轻松订阅博客和新闻通讯。 您可以使用 Hello Bar 创建良好的标题 CTA。

5.滚动意图CTA

滚动意图 CTA 类似于滑入 CTA。 滚动意图 CTA 也会在用户在特定页面上进行大量滚动后弹出。

但不是像滑入式 CTA 那样留在侧面,滚动意图 CTA 像覆盖一样覆盖整个页面。

要实现这种类型的号召性用语,您需要进行用户行为跟踪。 这样,您就可以更好地了解滚动意图 CTA 的时间安排。 您可以使用 Hotjar 和 Google Analytics 等各种工具来分析用户行为。

6. 时间意图 CTA

用户在您的页面上花费一定时间后,会弹出时间意图 CTA。 分析用户行为在这里成为强制性的。 给 CTA 计时会严重惹恼用户,有些人声称 CTA 时机不当已经破坏了他们的用户体验。

7.退出意图CTA

退出意图 CTA 是在用户决定离开时弹出的 CTA。 退出意图 CTA 通常是所有 CTA 中最大的。

它覆盖了整个页面,背景褪色。 此 CTA 通常包含最好的优惠,因为它会在用户表示希望离开网站时弹出。

在这种类型的 CTA 中,营销人员通常以折扣价或免费赠送某些产品或服务。 这个号召性用语完全是为了给用户留下留下的动力。

8.页脚CTA

设计人员将页脚 CTA 放置在页面末尾的页脚中。 唯一的目的是提供订阅您的博客或时事通讯或获取报价的选项。

页脚 CTA 通常针对那些不常阅读并且急于完成页面浏览的页面浏览者。

Neil Patel 发现用户更喜欢在点击 CTA 之前了解优惠。

CTA 设计神话和现实

这里有一些你应该知道的 CTA 神话和现实! (还包括免费的时尚提示。)

1. 正确的字体

世界上没有适合所有新娘的 Vera 婚纱的特定尺寸。 同样,没有一种字体大小或类型适用于世界上的每个网站。

提示:不要干预您的字体类型。 保持整个网站和 CTA 相同。 但是,您可以将字体放大两个大小,以便您的 CTA 脱颖而出。

2. 正确的颜色

与婚纱一样,没有一种颜色的衬衫几乎适合所有人。 这完全取决于人们的肤色和衬衫搭配的裤子的颜色。 谁会穿棕色衬衫搭配黑色裤子?

同样,没有一种颜色适用于每个网站。 根据您网站上的其他颜色选择您的 CTA 颜色。 让我们面对现实吧,紫色 CTA 不适用于靛蓝色背景。

提示:使用与您网站上使用的颜色形成对比的颜色。 确保您选择的颜色不会太亮而刺耳,也不会暗到没人注意到。

3. 红色 CTA 按钮

紫色的鞋子搭配红色的裙子,简直就是最糟糕的时尚灾难。 是的我明白了! 红色唤起紧迫感。 但是红色不适合紫色,人们甚至不会注意到紫色海洋中的红色 CTA 按钮。

提示: CTA 按钮的颜色必须与 CTA 中使用的背景颜色以及品牌颜色相辅相成。

你必须做什么,加上为什么和如何

让我们从你必须做的事情开始:

1. 如果您使用退出意图、时间意图或滚动意图 CTA,请确保十字标志可见。

原因:如果缺少十字标志,用户会感到被困。 他们会关闭标签并且可能永远不会回来。

如何:十字必须在 CTA 的右上角以易于查看的大小和颜色可见。

2. 确保幻灯片、侧边栏、退出意图、滚动意图和时间意图 CTA 中的文本具有单行式的冲击力(即,使用较少的单词)。

为什么:读者不耐烦。 如果你不能用简单的语言快速地向他们传达你的信息,没有人会点击你的 CTA。

方法:使用诸如“单击此”、“单击此处”、“立即免费下载”和“加入 X 个订阅者”之类的短语。 如果您的数字大于 50,000,则仅使用最后一个示例。 不要使用超过七个字。

3. 确保您在页眉和页脚 CTA 中使用的文本比您在其他 CTA 中放置的文本短。

原因:增加页眉和页脚 CTA 中的字词意味着使站点的页眉和页脚混乱。

如何:使用诸如“订阅”、“获取报价”等短语。这些表达方式用很少的词直接向用户传达信息。

4. 内联 CTA 上方的文字必须说明产品的重要性和有效性。 词的流动应该引导用户到要约。

原因:当博客通过导航谈论用户体验时,添加用于下载免费电子商务指南的内联 CTA 毫无意义。

如何:解释产品的有效性和功效点,以唤起用户对产品的需求。 然后您可以在博客中放置内嵌 CTA。

5. 使用紧迫性和稀缺性的激励。

为什么:每个人都想要 任何稀缺和紧急的东西。 暗示稀缺的词会让用户迅速采取行动。

如何:使用诸如“Last 2 hours to Go”、“Free Today”、“Last 20pieces Available”等短语。

6. 大小很重要。

原因:内联、滑入或侧边栏 CTA 的大小不能太大。 如果是,它们会将用户的注意力从同一页面上的其他 Web 元素上移开。

如何:上述三个 CTA 必须足够大,以至于分成两个段落的六个句子出现在 CTA 的上方和下方。

7、滑入式CTA必须有“X”标志,不得叠加在网站文字上。

为什么:如果在网站的文字上叠加了滑入式CTA,会打扰用户,因为它会中断他们的阅读流程。 如果用户无法点击 CTA,他们将直接离开网站。

如何:调整网站上的文字边距,以及CTA的大小,使其不叠加,使十字标志清晰可见。

8. 在 CTA 周围放置足够的空间。

原因:带有大量网站元素的 CTA 不会吸引用户的注意力。 它会让用户对杂乱无章的网页设计产生更少的思考。

如何:确保 CTA 周围和内部有足够的空白空间。 如果页面上的网页元素过多,请不要将 CTA 放在那里。

9. 如果必须,只给用户两个选择。

原因:如果您想在 CTA 中给用户一个选择,那就只给他们两个。 两个以上的选择会削弱你用户的决策权。

如何:让选择变得非常容易。 例如,它可以在“是的! 我今天想要免费的电子书”和“不! 我想明天支付 9.99 美元购买电子书。”

减少 CTA 周围的混乱使 Open Mile 的转化率提高了 232%。

VWO

外卖

CTA 的大小必须使其既不与背景元素合并,也不支配网站的其余部分。

您在 CTA 中使用的颜色必须使其从其他元素中脱颖而出。 同时,它必须与背景颜色形成对比并与您的其他网页元素相匹配。

CTA 中的文字不能很长,但必须有力且切中要害。 它应该适合您在读者到达 CTA 之前解释的有关产品的所有内容的上下文。

确保您的 CTA 不会妨碍网站上的内容,并且读者可以在需要时退出 CTA。

CTA 中的文本必须包括稀缺性和紧迫性的诱因。 包括不超过两种选择,一种是聪明的,一种是愚蠢的。

最后,将您的 CTA 放置在整洁的环境中,周围有充足的空白空间。

工具

这里有一些工具供您考虑。

Kissmetrics

Kissmetrics 是一种分析工具,可让您根据用户行为分析和创建 CTA。

热加尔

Hotjar 将让您可视化用户行为、访客记录并获得表单分析,以帮助您决定最佳 CTA 位置。

OptinMonster

OptinMonster 是一款潜在客户生成软件,可帮助营销人员创建出色的 CTA。

提示:确保您尽可能清楚地传达您的 CTA 信息,以便用户准确了解他们在做什么以及为什么这样做。

,

最新文章