如何创建一个杀手CTA(超越按钮颜色)

如何创建一个杀手CTA(超越按钮颜色)

红色CTA转换比绿色转换更好吗?

或者蓝色是最好的颜色?

如果我告诉你这不重要怎么办?

当人们谈论CTA优化时,他们往往会选择一些特定的东西:位置,副本和颜色。

例如,他们会告诉您将CTA保持在首位或者使用简单的,面向动作的单词。

或者橙色CTA按钮  可以带来更多转换:

如何创建一个杀手CTA(超越按钮颜色)

对完美的CTA进行了大量的测试和研究。

您可以得出哪些更有效的结论。

是的,这些小元素(如颜色)在一般意义上很重要(我之前已经谈过它们。实际上很多。这里这里  和这里)。   

但他们不是一切。

创造一个令人难忘和高转换率的CTA而不是颜色。

令人震惊,我知道。但是是真的。

这里有一些你可以做的事情来创建一个不围绕按钮颜色的真正有效的CTA。

1.在CTA的目标网页上使用个性化副本

正如我所说,人们喜欢谈论你用于实际CTA的词语。

甚至还有一个  可以使用的单词列表,这些单词已被证明可以改善转换。

例如,“开始”,“加入”,“获取”和“下载”等操作词可以很好地获得点击。

但是,您的CTA按钮副本并不是唯一重要的副本。

有时,您的CTA仅与目标网页的其余部分一样有效。

例如,在Open Mile的一个案例研究中,他们发现减少CTA周围的混乱使其转换率提高了232% 

因此,着陆页与CTA本身一样重要。

Square为例:

如何创建一个杀手CTA(超越按钮颜色)

他们在这里做了很多事情。

首先,他们有一个解释器视频突出显示在折叠上方但低于他们的CTA。

这个视频并不是一个明显的好处列表,就像你向下滚动页面时会看到的那样,但它就在你面前。视频解释器可以很好地进行转换。

所以你可以充分利用这两个世界。

如果向下滚动页面,您还会看到列出的更多好处:

如何创建一个杀手CTA(超越按钮颜色)

所有这些都可以轻松滚动和扫描。

因此,如果您尚未准备好关注CTA(注册Square),您可以获得所需的信息,以便随时为您做出决定。

但他们做得好的另一件事是他们使自己的CTA成为个人。

您会注意到CTA上方的两个下拉按钮:

如何创建一个杀手CTA(超越按钮颜色)

您可以选择两种不同的业务规模和五种不同的业务类型:

如何创建一个杀手CTA(超越按钮颜色)

如果我选择“每年超过25万美元”,我会得到一个完全不同的CTA:

如何创建一个杀手CTA(超越按钮颜色)

CTA下面列出的好处也会发生变化:

如何创建一个杀手CTA(超越按钮颜色)

这种个性化CTA的使用是巧妙而有效的。

 像这样的个性化转换  比通用CTA 好42%

虽然您不一定需要Square使用的所有功能,但您仍然可以优化您的目标网页以反映您的CTA。

以清晰易读的方式解释这些好处,并使其对您的受众个人化。

对于您正在使用的着陆页类型,主页上的内容越少,登录页面上的内容越多。

具有特定优惠或来自PPC广告的目标网页应该包含更多文字。

就像DigitalMarketer的这个例子一样:

如何创建一个杀手CTA(超越按钮颜色)

你希望那里的所有文字出售你的CTA。

但对于主页或其他目标网页,所有文字都可能会混乱。

因此,如果可能,请保持简单,但包含允许用户做出明智决定的信息。

如果你能做一些很酷的事情并且包含不同版本的CTA,那么一定要试一试。

您可以创建的个人越多,转化效果就越好。

但即使你不能做一些很酷的事情,也要解释其中的好处。

如果他们知道为什么他们应该关心你的CTA,他们就更有可能点击它。

2.让你的CTA更大

人们谈论CTA颜色很多,但他们并不总是谈论尺寸。

但按钮并不是一刀切。它们确实有不同的尺寸。

就个人而言,我喜欢大而大胆的CTA。

他们告诉你一旦你来到一个网站你需要做什么,他们很难被忽视。

从Constant Contact获取此CTA ,例如:

如何创建一个杀手CTA(超越按钮颜色)

它太大了,它占据了大部分的上层空间。按钮本身有更多的解释性文字。

我可以继续向下滚动以找出服务的好处,是的。

但老实说,按钮告诉我我还需要知道什么。

我也是弹出式CTA的忠实粉丝,尽管有些人可能认为他们会分散注意力。

营销人员发现,35%的游客  将通过退出弹出窗口进行转换。

我喜欢大型CTA的另一个原因是它们适合移动设备。

平均CTA按钮高约47.9像素,最小高度为20像素。

Apple建议任何触摸点应至少高44像素

这是因为当您使用移动设备时,点按一个小按钮会更加困难。

查看Constant Contact手机主页:

如何创建一个杀手CTA(超越按钮颜色)

它们的按钮仍然足够大,可以容纳更多文本,并且很容易点击。

即使你不想让你的实际按钮非常大,你仍然可以通过周围的文字吸引很多注意力。

看一下MailChimp桌面主页

如何创建一个杀手CTA(超越按钮颜色)

按钮本身的尺寸非常均匀,但它很突出,因为它上面的文字是可以区分的。

并且页面上没有一堆东西可以分散CTA的注意力。

他们的移动网站也利用了这一点:

如何创建一个杀手CTA(超越按钮颜色)

事实上,它在移动网站上更突出。

通过增加大小(或周围元素的大小),您可以大量关注页面上最具可操作性的项目。

而且你知道他们说的话:走大路或回家。

3.提高CTA报价的价值

转换并非完全取决于您的CTA所说的内容或它的外观。

有时它是关于另一方面的东西。

您的优惠价值可能决定您的转化次数。

如果那个“免费下载指南”不是我想读的东西,那么无论它多么大胆和美丽,我都不会点击你的CTA。

所以你能做的最好的事情就是在点击的另一边创造一些有价值的东西。

这包括您主页和网络上其他地方的CTA。

Hotjar的 Facebook广告为例:

如何创建一个杀手CTA(超越按钮颜色)

这里的价值主张是15天免费试用,不需要信用卡。

如果我有兴趣了解有关跟踪我的网站访问者的更多信息,这是一个非常好的交易。

对他们来说,包括“不需要信用卡”也是一个好主意。

如果我在使用基于此广告的服务时出售,那么我点击。它把我带到这里:

如何创建一个杀手CTA(超越按钮颜色)

如果需要,我可以获得更多信息。

单击该CTA会引导我:

Hotjarlandingpage2

这是一个快速简便的表格,我可以开始使用。

每个CTA的价值都很清楚。我知道我在另一边得到了值得的东西。

如果您希望CTA获得更高的点击率,您必须拥有一个价值主张。

如果您有封闭内容,则尤其如此。

以下是Fat Guy Media的门控报价示例:

fatguymediaoffer

CTA很简单(“立即下载”),但因为它要求我提供个人信息,我需要更多。

在这种情况下,有一个完整的登陆页面充满了解释为什么这对我有价值。

但是,如果没有它,我可能会犹豫是否要下载任何内容。

但是,为门控CTA提供价值也可以在没有所有杂项文本的主页上工作。

Shopify为例

shopifyCTA

您必须发送电子邮件才能单击CTA。

但是在主页和CTA本身下面的网站上列出了一些价值,因此虽然它有门控,但仍有足够的价值来推动点击。

如果您的业务围绕创建帐户或甚至尝试演示,这种类型的门控CTA很有效。

以下是Kissmetrics的一个例子:

kissmetricsCTA

CTA是对该服务的试验。

即使您必须输入内容来实现CTA(但它不是电子邮件,因此承诺较少),立即获得回报。

即时支付有利于CTA转换。

如果您不确定您的CTA是否提供了足够的激励,请考虑根本不对其进行控制。

免费试用,演示和帐户注册不应该有门控CTA,即使内容本身是技术门控。

You could do what Canva does and create a CTA that’s just a signup form.

CanvaCTA

There are only two actions you can take here: sign in or sign up.

Testimonials are used to bolster that value proposition, but it’s still a gated CTA that works well.

You can also gate CTAs that capitalize on search engine traffic (like the Fat Guy Media offer from above) and use a separate landing page for it.

But otherwise, as long as your CTA has obvious value, you can leave it as is.

Just make sure that it does have some obvious value.

4. Use anchor text CTAs in your content

Start thinking outside the “button.”

Because “button” is not the only style of CTA.

While button CTAs perform better than other types of CTAs, that doesn’t mean it’s the only type you can and should use.

Anchor text CTAs are another form that can boost conversions depending on your strategy.

Here’s what they look like:

如何创建一个杀手CTA(超越按钮颜色)

It’s a simple, unobtrusive, maybe even too-modest CTA.

So why would you want to use something small and out of the way like this?

Because anchor texts can improve your conversions.

When HubSpot introduced anchor text CTAs as a part of their historical optimization project, they doubled the conversion rates of posts that included them.

For every post they tracked, between 47% and 93% of their leads came from the anchor text CTA alone.

Putting a CTA in the body of a blog post makes it more accessible and visible.

As long as it’s relevant, of course.

You don’t have to limit anchor text to your blog posts, though.

While anchor texts traditionally do better when used in content, you can also include anchor-text CTAs alongside your button CTAs.

Let’s go back to another example on this list from Constant Contact. You can see it in action here:

如何创建一个杀手CTA(超越按钮颜色)

It’s just a small piece of text underneath the button, but it’s still a CTA.

It leads to a different and much more direct conversion point, too.

Here’s another example from Typecast:

如何创建一个杀手CTA(超越按钮颜色)

The main conversion point is a signup, but the anchor text acts as more of a secondary CTA.

It’s not necessarily there to draw attention to itself, but it does provide additional value.

So anchor-text CTAs are great.

They add value and offer a different point of conversion.

What you don’t want to do is use anchor texts as your main CTA, though.

Like I’ve said before, button CTAs typically do work better for overall conversions.

But an anchor-text CTA can be a subtle way to get conversions in locations that might otherwise go unnoticed.

So if you find that your end-of-content CTAs aren’t performing that well, try an anchor text in your body copy.

If you find that your main CTA needs a little more content (but you don’t want to make it bigger), you can use a smaller anchor text around it to give a boost.

Just make sure that your main CTA is noticeable, and you should be fine.

5. Include a secondary (muted) CTA

I know that they say you should only have one CTA. For the most part, they’re right.

But in some cases, more than one button can actually be a good thing, as long as you have an emphasis on your main CTA.

Here’s an example of what I mean:

如何创建一个杀手CTA(超越按钮颜色)

There’s a main CTA (“Find out more”) and a muted CTA (“View products”).

Both are actionable, but the company clearly wants to highlight one over the other.

It’s not a bad idea if you have a site where information about products or services is key but also have a lot of products or services to browse.

If I click on the main CTA, for instance, it takes me here:

如何创建一个杀手CTA(超越按钮颜色)

This site is mainly a corporate site and not an e-commerce site. So it makes sense that an “About” page is the first CTA.

Their consumer base will want to know more about working with the company.

If I click the muted CTA instead, I’m brought here:

如何创建一个杀手CTA(超越按钮颜色)

It’s an overview of products, but there’s nothing really actionable on this page.

如何创建一个杀手CTA(超越按钮颜色)

It makes sense that it’s muted.

People will still want to know what products they make, but because it’s not a store, there’s less incentive to browse.

Here’s another great example from Dribbbox:

如何创建一个杀手CTA(超越按钮颜色)

There are two actionable items that target customers from two points of the funnel.

The first box is most likely for those near the bottom of the funnel who are already familiar with Dribbbox and are ready to download it.

The other is for those who may be at the top of the funnel and want to learn more.

It’s a smart strategy for a homepage that’s targeting different conversion points.

Or if you run a SaaS company where you have something to demo but also want to give information about your product, try something like what Diffbot does:

如何创建一个杀手CTA(超越按钮颜色)

The key is to make sure that one of the CTAs is muted.

You don’t want the buttons competing against each other for attention because then neither will win.

Conclusion

有很多方法可以在不依赖颜色的情况下优化CTA。

重点关注两件事:注意力和价值。

人们可以清楚地看到你的CTA吗?他们知道这对他们有什么影响吗?

这些是您在优化转化时要问的问题。

人们想知道如何采取行动。这就是CTA的重点。

所以要大做强。让它变得大胆。

但是它有价值。

在出售它的目标网页上添加副本。

并确保CTA本身带来真正有价值的东西。

做那些事情,你应该成为创造杀手级CTA的艺术大师。

哪种CTA优化策略最适合您?

Leave a Reply

Your email address will not be published. Required fields are marked *