通过弹出窗口增加转化的 11 个最佳实践

已发表: 2022-10-27

在浏览网站时,您不止一次遇到意外且经常不受欢迎的弹出窗口,要求您订阅某些内容、下载白皮书或其他任何内容,从而打断您有趣的阅读。 可能,他们以这样一种方式惹恼了您,以至于您更愿意切换到另一个站点。

知道弹出窗口可能很烦人,甚至会让您失去读者,作为网站所有者,您可能会不断问自己展示它们是否值得,或者它们是否会适得其反以增加转化率。

唯一知道的方法就是尝试一下。 但是在您开始创建弹出窗口之前,这里有一些提示可以帮助您的弹出窗口为访问者增加价值。

目录

  • #1 确定你的目标
  • #2 使用正确的格式
  • #3 让你的弹出窗口简短而简单:只使用一个价值主张
  • #4 只询问基本信息
  • # 5 应用颜色对比
  • #6 使用创意和质量图像
  • #7 将弹出窗口与您网站的其他部分很好地集成
  • #8 突出号召性用语
  • #9 提供价值
  • #10 允许轻松关闭弹出窗口
  • #11 使用正确的工具

#1 确定你的目标

在创建任何弹出窗口之前,问自己以下问题:您希望通过弹出窗口实现什么结果? 也许您对增加订阅者列表、提高对新产品的认识、促进销售或减少购物车放弃感兴趣。

弹出窗口的设计和行为将根据其目的而有所不同。 例如,您将邀请访问者在阅读帖子时订阅时事通讯,或者当潜在买家即将离开购物车页面时,您将显示一个弹出窗口以减少购物车放弃等。请记住,该行为任何弹出窗口都必须与您定义的目标完全一致。

#2 使用正确的格式

当我们谈论弹出窗口时,我们指的是任何出现并显示以吸引访问者注意力的浮动窗口。 弹出窗口的格式可以多种多样:

  • 经典弹出窗口,位于屏幕中间,灯箱类型。
  • 从一侧移动的弹出窗口。
  • 全屏弹出窗口。
  • 顶部和底部栏。

它们都有不同的优缺点、入侵级别,并且适用于不同的用例。

在格式方面,较小的弹窗类型更适合小屏幕,较大的弹窗类型更适合广告促销。 当您只希望用户在继续浏览网站之前执行该操作时,那些阻止整个屏幕的方法更适合。

注册弹出到 BBC 新闻
弹出注册 BBC 新闻。

尽管最好测试在每种情况下有效的方法,但重要的是要记住,您有几个备选方案需要考虑。

#3 让你的弹出窗口简短而简单:只使用一个价值主张

在弹出窗口中使用最少的信息将改善您的结果。 少即是多。

由于您只有几秒钟的时间来打动您的访客,因此简洁对于成功的弹出式设计至关重要。 这意味着直截了当并明确您的价值主张:当您的客户单击该号召性用语按钮时,他们可以获得什么好处?

用你的文字有说服力。 专注于您的产品或服务的优势,并使用有力的词语来吸引注意力。 直接提出您的提议,但不要咄咄逼人。 人们欣赏简单、明确和诚实的提议,但不会被不请自来的东西所淹没。

优衣库商店中显示的弹出窗口
优衣库商店中显示的弹出窗口。

通过精心设计的弹出窗口设计,您可以说服人们采取行动并提高转化率。

#4 只询问基本信息

即使我们想参与、协作或订阅,我们也不喜欢填写太多的表单字段。 更少的字段等于更高的转化率,因此只请求必要的信息。

邮票市场弹出窗口
邮票市场的弹出窗口。

此外,许多访问者也关心他们的隐私,不想在电子商务网站上提供太多信息。 问问自己,您真正需要用户提供多少信息,以及他们需要多长时间才能填写您要求的信息。 如果您只需要他们的电子邮件,为什么还要用更多字段来打扰他们?

# 5 应用颜色对比

确保弹出式设计有效的最佳实践之一是应用颜色对比。 为了让访问者看到弹出窗口而不在页面中间显示它,重要的是在您的配色方案中使用相反的颜色,以便弹出窗口中最重要的元素脱颖而出。

例如,您可以在 Ultra Beauty 页面底部显示一个类似于浮动弹出栏的弹出窗口。

超美页面
超美页面。

如您所见,此弹出窗口的粉红色与网站的奶油色背景形成鲜明对比,但与网站的风格相得益彰。

一般来说,使用引人注目的设计来吸引访问者的注意力是一个好主意,正如您所看到的,在这种情况下,它比在页面中间显示一个弹出窗口要少得多。

#6 使用创意和质量图像

通过在弹出布局中添加相关图像和不同形状来充分利用您的空间。

事实上,弹出窗口越独特,消息就越有可能对访问者产生影响。

人道协会美国网站上显示的弹出窗口
人道协会美国网站上显示的弹出窗口。

使用相关的图像和图形是吸引注意力的好方法,通常可以有效地让人们对您的弹出窗口采取行动。

在弹出布局中使用图像的一些好主意是:

  • 与您要发送的消息相关的图像。
  • 您的产品图片。
  • 代表您的目标受众或理想客户的人。
  • 展示您正在使用的产品。

#7 将弹出窗口与您网站的其他部分很好地集成

在这篇文章中,我们首先说弹出窗口可能很烦人。 如果您不希望您的访问者在看到弹出窗口后立即放弃您,请尽可能让用户体验弹出窗口愉快。

怎么做?

确保弹出窗口与网站的其他部分很好地集成。 您可以通过添加品牌元素来做到这一点,例如您的网站或公司徽标、颜色、字体和色调。 这样,弹出窗口看起来就不那么像不相关的广告,而更像是网站的有机部分。

#8 突出号召性用语

说到清晰度,任何弹出窗口的唯一目的都是让用户采取行动。 它不是开始对话、自我介绍或做任何其他事情的地方。 你必须快速进入主题。

出于这个原因,号召性用语也必须非常明确,更重要的是,必须是独特的。 用户应该只执行一项任务,而不必考虑不同的选项。 否则,您可能会造成混乱,而困惑的访问者将不会执行该操作。

Popup de la web 国际救援委员会
Popup de la web 国际救援委员会。

#9 提供价值

为用户提供一些有用且与他们正在浏览的页面上下文相关的内容。 如果您要求提供信息,您必须提供有价值的东西作为回报。 毕竟,东西很少是免费的。

Timberland 订阅和折扣弹出窗口
Timberland 订阅和折扣弹出窗口。

#10 允许轻松关闭弹出窗口

错误使用的弹出窗口可能会很烦人。 但你知道更糟糕的是什么吗? 难以关闭的弹出窗口。

不要错误地使用小而不明显且难以关闭的“X”,这只会让您的访问者感到沮丧并让他们离开您的网站。 或者更糟糕的是,甚至不要考虑创建一个不允许您关闭它的弹出窗口,除非它是继续浏览的基本要求(例如 GDPR 窗口或您必须事先确认您的年龄的网站)。

让访问者可以轻松关闭您的弹出窗口,让他们与您的网站保持互动,并将弹出窗口视为您网站上显示的信息的一部分。 不要以这种方式冒着跳出率的风险!

#11 使用正确的工具

最后,为了轻松实现上述所有建议,无需编写任何代码,使用与您网站主题完美匹配的插件创建弹出窗口。 如果您在网站上使用 WordPress 块编辑器,Nelio Popups 插件允许您直接使用块设计弹出窗口。

内容编辑是使用您拥有的相同的本机或第三方块(表单、块模式等)完成的,而无需编写一行代码。 此外,您还有一组附加特性和功能,可让您显示具有所需行为的弹出窗口。

Nelio Popups 的免费版本允许您:

  • 根据需要创建和管理任意数量的弹出窗口。
  • 通过自定义 WordPress 弹出窗口的设计和外观来提高您的品牌知名度。
  • 选择适当和所需的 WordPress 弹出窗口打开和关闭动画。
  • 创建非常适合获得新订阅者和营销新产品的全屏弹出窗口。
  • 设置智能条件以定位访问者,例如特定页面和帖子、浏览器 cookie 或推荐。
  • 当用户悬停文本或单击网页上的某处时显示弹出窗口,以使您的弹出窗口具有交互性且更受欢迎。
  • 当用户向下滚动页面或在设置的时间延迟后显示弹出窗口以满足您的访问者。
  • 与任何第三方基于块的插件集成,以将任何块包含到您的弹出窗口中。
使用 Nelio Popups 创建 IRC 弹出窗口
使用 Nelio Popups 创建如上所示的 IRC 弹出窗口。

如果您想要更多功能,请订阅高级版 Nelio Popups。

Nelio 弹出窗口高级功能
Nelio 弹出窗口高级功能。

现在,您已准备好开始在您自己的网站上使用弹出窗口。 幸运的是,有了像 Nelio Popups 这样的插件,这从未如此简单。

Arno Senoner 在 Unsplash 上的特色图片