Back to Blog List

帮助您推动转化的最佳网站弹出窗口示例(2024 年)

GemPages Team
Updated:
7 minutes read
The Best Website Popup Examples that Help You Drive Conversion (2024)

网站弹出窗口是一个简单但功能强大的元素,可以改变您的网站。

在电子商务中,弹出窗口的作用不仅仅是收集潜在客户的电子邮件。尽管人们对这一多功能功能的看法仍不尽相同,但我们可以向您保证,弹出窗口并没有消失,尤其是在虚拟购物中。最有力的证据是我们在本博客文章中列出的顶级网站弹出窗口示例。想知道他们是如何做到的吗?请继续阅读以找出答案。

什么是网站弹出窗口?

网站弹出窗口是出现在当前浏览页面顶部的窗口,用户无需采取任何操作,因此得名。

那么,弹出窗口如何工作?

触发弹窗的因素很微妙,但在互联网用户中却很常见。以下是一些在电子商务商店中引发弹窗的操作:

  • 首次访问:用户首次登陆商店网站时将看到一个弹出窗口。
  • 时间延迟:访问者停留一定时间后,弹出窗口就会出现,理想情况下大约为页面平均停留时间的 50%-60%
  • 折叠以下滚动:一旦用户滚动过折叠上方的内容并开始浏览页面,就会出现一个弹出窗口。
  • 退出意图:当网站检测到用户即将离开页面时(即光标移动到标签上的“x”按钮附近),就会弹出一个窗口。
  • 点击激活:点击页面上的链接或按钮后,用户将看到弹出窗口。

TenTree 弹出窗口的屏幕截图

什么是网站弹出窗口?

网站弹出窗口为您的电子商务商店带来的好处

我们已经了解了网站弹出窗口的工作原理,现在让我们看看如何利用它们来提升您的商店形象。

收集有机线索

弹出窗口非常适合为店主捕获有机潜在客户。通过向每位访客展示有目的的弹出窗口,卖家可以有效地扩大他们的电子邮件和短信目录。

免责声明:请确保不要全力以赴地使用干扰性弹出窗口,以免赶走您的客户。您的设计和信息应友好且具有煽动性。

专业提示:尝试创建点击漏斗- 该系统可帮助您将潜在客户转化为付费客户,并通过系统化方法增加您的收入和利润

提高平均订单价值 (AOV)

交叉销售和追加销售是推动销售的绝妙策略,还有什么比弹出窗口来宣传与客户相关的产品更好的方法来展示这些方法呢?在 销售漏斗的末端,相关的产品推荐是增加 AOV 和让买家在您的网站上停留更长时间的最佳方式。

了解更多: 释放潜力:提高电子商务平均订单价值

推广某些活动和优惠

如果您正在进行季节性活动和特别优惠,那么它应该始终成为焦点。除了 登陆页面、新闻通讯和社交媒体广告外,弹出窗口是推广新产品线的一个虽小但引人注目的元素。对于这种内容,最好将弹出窗口直接放在主页上,以便在潜在客户刚登陆网站后立即关注活动。

减少购物车放弃率

购物车放弃率不是开玩笑的,平均高达70.19% ,这当然是每个卖家都想避免的问题。

那么,弹出窗口如何帮助您解决这个问题?

很简单,只需设置一个弹出屏幕,在买家浏览您的网站一段时间后提醒他们尚未完成购买,即可快速有效地完成交易。有时,购物者只需要一点推动,就可以下订单。

了解更多:粘性添加到购物车:如何创建和最佳实践

以每月 1 美元的价格开始在 Shopify 上销售
免费试用 Shopify,然后以每月 1 美元的价格享受接下来 3 个月的精选计划。

网上卖家正在使用的 10 个精彩的网站弹出窗口示例

所有这些在线商店都有两个共同点:它们采用网站弹出窗口作为营销策略,并且它们都基于 Shopify - 一个可靠的电子商务平台,因托管 Kylie Cosmetics 和 Gymshark 等知名品牌而闻名。

虽然有相似之处,但它们的弹出窗口都针对各自的优势进行了量身定制。让我们来看看他们做对了什么。

Olipop - 直接弹出窗口以增加您的电子邮件列表

Olipop 弹出窗口的屏幕截图。

预计 Olipop 的网上商店将推出一个彩色的弹出窗口。

Olipop 经常出现在著名 TikTokers 的视频中,是目前最时髦的饮料品牌之一。由于其在线商店在视觉上充满活力,弹出窗口也同样时髦。凭借诱人的信息和清晰的 CTA 按钮,访问者会毫不犹豫地注册 Olipop 的电子邮件列表。

Sugardoh - 两步折扣代码和电子邮件收集弹出窗口

Sugardoh 弹出窗口的屏幕截图。

Sugardoh 的全屏弹出画面充满活力,并直击折扣通知。

Sugardoh 的弹出窗口很特别。在商店中停留几秒钟后,访客将看到一个全屏窗口。为什么它不会让人觉得打扰?引人注目的标题传达了一条信息,让人感觉不像是垃圾邮件。点击“领取我的代码”将带您进入第二页,您可以在其中的漂亮输入框中输入您的电子邮件。

sugardoh 的产品组合

专家提示:觉得 sugardoh 的产品套装有吸引力吗?尝试 GemPages 创建您自己的套装,让客户无法忽视

Teddy Fresh - 电子邮件和短信弹出窗口

Teddy Fresh 弹出窗口的屏幕截图。

注册订阅Teddy Fresh的新闻通讯后,即可收到其个性化新闻。

Teddy Fresh 的弹出窗口是有效的电子邮件和短信弹出窗口的典型示例。这个小窗口看起来赏心悦目,有多个框供您选择购物偏好、输入电子邮件,以及通过短信接收新闻的选项。像这样一个简单而完美的弹出窗口很难挑出毛病。

Partake Foods - 提供实体优惠券的弹出窗口

Partake Foods 弹出窗口的屏幕截图。

使用 Partake Foods 的优惠券为您的下一次购物之旅增添乐趣。

Partake Foods 的弹出窗口以简短但贴心的讯息吸引用户的注意:注册并保存。该公司的产品遍布全美 14,000 家零售商,致力于为客户提供可打印的优惠券。只需输入您的电子邮件地址即可开始保存。

Topicals - 直观的单页测验弹出窗口,可为您提供折扣

Topicals 弹出窗口的屏幕截图。

通过与 Topicals 弹出窗口互动来了解您的皮肤并获得折扣。

Topicals 已将其电子商务商店完善到极致,包括网站弹出窗口。Topicals 采用简短测验的形式,让购物者可以自然而直观地提供电子邮件以换取折扣。弹出窗口的副本极少,视觉效果也很漂亮,与商店的氛围保持一致。

Cutter & Squidge——鼓励购买的弹出窗口

Cutter & Squidge 弹出窗口的屏幕截图。

Cutter & Squidge 通过引人注目的弹出窗口宣传其季节性系列产品。

Cutter & Squidge 利用弹出窗口以独特的方式宣传其最新产品系列。该品牌没有直接告诉客户去查看新产品,而是使用免费赠品作为激励手段来吸引购物者进行购买。这表明该公司站在客户的立场上,提供他们想要的东西,而不是告诉他们该做什么——这在做生意中是绝对不行的。

OOFOS - 一个捕获电子邮件的非侵入式弹出窗口

OOFOS 弹出窗口的屏幕截图。

OOFOS 使用微妙的弹出窗口来邀请访问者输入他们的电子邮件。

如果您正在寻找一种不会妨碍客户购物体验的弹出式设计,OOFOS 的示例值得关注。通过决定将弹出窗口放在右下角,用户仍会收到该元素的通知,同时仍然可以自由地继续阅读和滚动。简短消息的极简方法、对比鲜明的 CTA 按钮和经典的产品图像都是一流的细节,使该品牌的弹出窗口成为最好的之一。

作者:charlotte - 一个简单的弹出窗口,可以增加电子邮件列表

夏洛特弹出窗口的截图。

by charlotte 有一个有凝聚力的弹出设计,与页面的其余部分很好地融合在一起。

只需花几秒钟浏览网站,你就能立即感受到 charlotte 的理念,这要归功于其现代的视觉效果和优雅的字体。弹出窗口也完美地体现了这种精神。

输入框旁边的美观图片为弹出窗口注入了生动的感觉,使其不那么单调,但仍然保留了所有信息。

Seoulbox - 一款全屏弹出窗口,贴近你的兴趣

Seoulbox 弹出窗口的截图。

Seoulbox 利用其产品为其弹出窗口添加一丝诱人的视觉效果。

Seoulbox 专营韩国小吃和商品,其弹出窗口精美地展示了其产品,并配有清晰的标题,吸引访客点击。与我们列表中的其他全屏弹出窗口示例类似,Seoulbox 确保其弹出窗口在询问买家的联系信息之前为其带来诱人的好处。这是设计不会让人感觉像垃圾邮件的全屏弹出窗口的关键。

是的,你可以- 引人注目的潜在客户捕获弹出窗口

Yes You Can 弹出窗口的截图。

Yes You Can 网站上这个高效的弹出窗口将立即吸引顾客的注意力。

Yes You Can 生产的替代饮料味道与您最喜欢的鸡尾酒一样,且酒精含量为零。如果您因任何原因不能饮酒,为什么不以折扣价尝试一包呢?只需在弹出的明确窗口时输入您的电子邮件,折扣代码就会直接发送到您的收件箱。

该品牌的弹出窗口给人一种简约的感觉,它位于屏幕的中央,提供了清晰的信息和 CTA 按钮,并且在捕获潜在客户方面非常有效。

底线

以上就是网站弹出窗口设计示例的列表,可让您了解这一通用功能。

尽管围绕网站弹出窗口的使用存在持续争议,但许多电子商务卖家仍将其视为一种主要的营销策略。如果您仍在试水您的业务,尝试此功能并密切关注其性能是一个不错的举措。

如果您是 Shopify 本地用户,可以使用大量第三方应用程序来帮助您设置实现此想法所需的一切。或者, GemPages作为页面构建器还具有个性化的弹出功能供您使用。

还没准备好承诺但仍想尝试一下?
没问题!开始使用 GemPages 的免费计划。探索可以为您的商店创造奇迹的精彩功能。

关于网站弹出窗口示例的常见问题解答

What is a website popup?
A website popup is a small window that appears on top of the current page without a trigger from the user. Popups are often used to capture leads, promote ongoing campaigns, encourage cross-sell/upsell, and so on.
How do I create a website popup on Shopify?
There are several ways to create a store popup on Shopify. You can either download a third-party app, look into coding, or make use of the popup feature from a powerful page builder like GemPages.
Learn how to make popups on Shopify with the full guide here:
How to Add A Pop-up on Shopify in 2 Easy Ways
What are the benefits of website popups in eCommerce?
There are irrefutable benefits of website popups in an eCommerce setting, namely:
  • Gather organic leads
  • Increase AOV
  • Promote certain campaigns and deals
  • Reduce cart abandonment
  • Topics: 

    Start selling on Shopify

    Start with free trial, then get your first month for $1.

    Start free trial
    Shopify Sign Up Shopify Sign Up