图一:白色背景上的红色CTA真正脱颖而出并具有吸引力。热图显示观众多次在这里访问,证明该 CTA 按钮与项面颜色的结合非常有效。为了在另一颜色背景页面上获得相同的效果(例如黑色),你应该选择 录色的 CTA 按钮。至于蓝色背景页面,CTA 颜色最好是橙色。
当考虑选择CTA 的颜色时,请注意:“红色表示停止。绿色表示“同行”。尽管脱颖而出,但红色仍然表示威胁、危险并向访客发出停止的信号。因此,仅在你要访客停止并执行某些最终操作(例如添加到购物车或立即购买)时,你才应该将CTA设为红色。
反之,如果你要访客在点击CTA按钮之后做出某些具体的行动,那么绿色是个不错的选择。在这些情况下,CTA按钮香转达的通常为“转到”、“加入”、“付款”或“了解”。
图二:在白色背景网页上的橙色CTA按钮也显示出良好的效果。但根据3秒钟的热图,同在一个白色背景上,橙色的CTA按钮没有红色的效果好。
想要在ShopBase 店铺上更改CTA按钮的颜色,请访问ShopBase仪表板=>店铺=>主题=>自定义主题=>设置=>颜色=>高级=>加入购物车的颜色。
当然,CTA 的尺寸不应太小。尺寸太小的CTA按钮不仅不能吸引访客,而且使他们似乎看不见该按钮。除了要注意到CTA 的内容、颜色 等重要因素之外,你也要留意,CTA 应该有适中的尺寸,能够吸引访客而不带来烦人的感觉。这就是促使访客可以看到并考虑是否点击它的必要条件。
根据 UX Framework 的研究,应该限制使用高度低于32 pixel 的 CTA按钮,因为当访客使用手机上网时,此CTA会显得非常小。高度大于44 pixel 的CTA通常用于网站的最重要功能,例如创建帐户或登录。总体而言,高度为36 pixel 的 CTA 会带来最好的效果。
若你觉得选择一个完美CTA按钮的规矩真让人心烦,那么我们有一个好消息!,那清不用担心。对于每个ShopBase 和 PrintBase 的店铺,,CTA 按钮都已经经过优化的设计了,你的工作就是出售而已!
为了优化CTA,你应该将其放在最显眼的位置删去,尤其不需要与同一区的其它按钮竞争点击次数。
如果你认为将CTA放在页面顶部会收到最多的关注,那就是一个大错误。请记住,如果你要客户做出具体的行动,则CTA 应该在他们准备好之后出现。
例如,在 Facebook 广告上,CTA 只应该出现在 客户浏览了几乎所有广告内容(包括照片和描述)的位置。
CTA应该放在第一屏幕,越近产品价格越好,因为客户倾向于在点击立即购买或加入购物车之前进行价格对比。
放在网页上不同位置的CTA会为该网站增加不同的转化率。根据