过去,网站有很多不必要的元素,即页面上充满了浮躁和丑陋的配色方案,太多的文本停留在狭小的空间中,弹出窗口弹出并惹恼了访问者。

但是设计师当时并不了解更多,或者说,他们只是按照他们所知道的唯一的设计趋势和最佳实践工作。

从那时起,时代发生了很大变化。

Web 开发人员和设计人员不再受技术或技巧的限制,这意味着糟糕的设计不再有借口。 这涉及到 WordPress 网站上的每个元素,从主页标题图像到 形式 联系人,以及从排版到弹出窗口。 在设计用户体验时,一切都很重要。

今天,我想集中讨论使弹出窗口有效的原因,我将其视为转换过程中必不可少的部分。 具体来说,我想看看一个有效的WordPress弹出窗口的剖析,以及这个令人兴奋的元素如何提高您的转化率。

在WordPress上使用弹出窗口的论点

弹出窗口是一个有趣的设计元素。 尽管它们会暂时打断用户体验(通常不怎么值得赞赏),但正确完成的过程却能提供吸引人或令人兴奋的功能,以至于访问者不介意失去分钟要注意。

当然,在这种情况下,我们谈论的是用于收集订阅者的转换生成弹出窗口 通讯 或吸引访客购买。 但是,弹出窗口可用于各种目的。 例如,您可以分享您的 cookie 或隐私政策,在访问者将商品添加到购物车后推荐相关商品,甚至要求他们进行快速调查。

弹出式解剖 - 弹出目标建议

在大多数情况下,如果您使用的是弹出窗口,则可能希望访问者采取行动。 毕竟,如果干扰对他们的时间没有用处,那么为什么要中断他们的经历呢? 根据一项针对近3,09亿个弹出式窗口的研究,他们发现这些类型的弹出式窗口的平均转化率为XNUMX%。

这就引出了一个问题:弹出窗口是否仍然相关且有效? 如果市场因弹出窗口,问候栏,整页叠加图等等而变得过分饱和,这是否值得在WordPress网站上使用的转换生成器工具?

当然!

弹出窗口考虑了许多良好的Web设计实践。 例如:

  • 弹出窗口可消除您网站页面上不必要的混乱情况。
  • 它们通常由清晰的视觉效果和最少的文字组成。
  • 行动呼吁经过精心设计,仅在措辞方面即可提供。
  • 对于您的访问者来说,学习曲线很小,因为大多数人都熟悉弹出窗口,并且知道如何与弹出窗口进行交互。
  • 弹出窗口提供了一个有趣的机会,可以为您的网站注入动画,视频或社交证明。
  • 您可以轻松地创建它们 WordPress插件 像 Hustle 或 OptinMonster.

弹出的解剖学 - 社会证明HubSpot

通常,精心设计的弹出窗口非常适合在最需要时吸引访问者的注意力。 您可以使用它们及时发送通知或请求。 您还可以使用访问者数据来诱使他们进行购买。

一个有效的WordPress弹出窗口的剖析

显然,您的 WordPress 网站弹出窗口的成功取决于那些设计完美的弹出窗口,并且提供如此引人注目的优惠,让访问者情不自禁地进行互动。 因此,让我们来看看有效弹出窗口的制胜法宝是什么样的。

1。 风格

在将访问者转换为订阅者方面,不同类型的弹出窗口往往更有效:

  • 电子邮件订阅弹出窗口的转换率为2,9%。
  • 欢迎弹出式窗口(在输入时会填满整个页面)以2,6%的比例转换。
  • 滚动触发的弹出窗口将转换1,9%。
  • “智能”或“你好”弹出窗口显示0,5%的转换。

这并不意味着您总是必须使用传统的电子邮件订阅弹出窗口。 这是尼尔·帕特尔(Neil Patel)网站上的示例。

Pop-up Anatomy  -  Neil Patel's Bar你好

这是做得很好的,因为它设计简单,非侵入式, et 使用有趣的动画来吸引注意力,以防其最小的占用空间被忽略。 请记住,选择一种样式并不是要使用最受欢迎或转换率最高的样式。 这是关于找到一种适合您的网站和访问者的样式,并且该样式旨在补充两者之间的体验。

2。 颜色

当然,色彩将始终在网站设计中起主要作用。 通过了解所选颜色背后的心理,您可以创建更有效的转换弹出窗口。 当然,您也不会忘记为品牌建立的配色方案,因此,要在设计看起来像站点上不错的弹出窗口之间找到平衡点,但是也迫使游客采取行动。

3。 组成

重要的是要退后一步,将弹出窗口视为一个整体。 尽管弹出框中每个移动部分的设计都很重要,但弹出框的整体构成也很重要。

您的弹出窗口应:

  • 简单易懂。
  • 设计线条简洁,平衡良好。
  • 包括相关的高分辨率图像; 理想情况下,是一张概述要约主题的图像。
  • 似乎是您网站的扩展,显然不是由自定义选项有限的弹出式窗口构成的。
  • 使用大型,易于阅读的字体。

4。 文本

然后我们有弹出消息。 尽管您不打算开发用于这些内容的语言,但是在使用文本填充弹出窗口时,您仍应了解许多最佳做法。

请注意以下几点:

  • 始终包括标题,短消息(一个句子即可)和号召性用语。
  • 使用能吸引游客情绪的语言。
  • 简洁的。 如果您的文字写法少于30个字,则此消息不属于弹出窗口。
  • 使用您在网站上使用的相同语气和个性。
  • 提供有价值的东西,您的访问者在网站的其他地方找不到。
  • 尽可能使用紧急性。 如果您不能用文字做到,那就用颜色。

解剖弹出窗口-Wishpond屏幕覆盖

5。 CTA

如今,网站正为访问者提供两个号召性用语选项,这是一个奇怪的增长趋势。 我知道为什么这种趋势在增长,但是我已经看到它在许多网站上都被误用了,希望这种趋势最终消失。

您可能自己已经看过这个不良应用程序:

  1. 积极的选择 :这个人说:“哦,谢谢,谢谢! 我知道这项优惠将使我的生活变得更好! ” 
  2. 否定选择 :这个人说:“我喜欢做出糟糕的生活选择,我感谢您揉脸。” 让我单击此自动弃用选项仅会收到另一个窗口,再次询问我是否要做出这个糟糕的决定。 ” 

这并不是说所有带有两个CTA选项的弹出式窗口的设计都不佳,或旨在使访问者感到羞耻。 蒂姆·费里斯(Tim Ferris)很好地说明了双重选择CTA:

弹出式解剖-Tim Ferris阳性阴性

但是总的来说,我想说的是,如果您想讽刺或吓or访客,请离开您的网站,然后将其放在Twitter上。 您的网站不是那个地方,Twitter有望完全吞噬它。

除了那种讨厌的表情,我还建议保持行动号召简单。 使用简单的语言可以清楚地说明访问者输入电子邮件或单击按钮会得到什么。 另外,将工作保持在最低限度:要填写的字段不得超过两个(例如,电子邮件,可能是姓名),并单击一个按钮。

就是本教程的内容了,希望它能使您更好地设计号召性用语按钮。