13 个很棒的购物车放弃弹出窗口示例和最佳实践

已发表: 2021-10-07

大多数电子商务企业都在为放弃购物车而苦苦挣扎——我们将告诉你如何使用退出意图弹出窗口来对抗它。

各行业的平均购物车放弃率为70%。 但是你可以通过弹出窗口来降低它。 您只需要在访问者离开您的网站之前吸引他们的注意力。 想学习如何?

我们包含了 13 个我们最喜欢的购物车放弃弹出窗口示例作为灵感,并提供了进一步优化每个弹出窗口的提示。 作为奖励,我们提供了一些即用型模板。

让我们开始吧。

目录

  • 13 个很棒的废弃购物车弹出示例
  • 将烦人的结帐弹出窗口变成有效的废弃购物车保护程序的 5 个技巧
  • 恢复您网站上的销售损失

您想创建令人惊叹且引人入胜的头条新闻,让您的弹出窗口无法抗拒吗? 获取我们的 50 个标题弹出示例滑动文件并获得灵感!

抓取弹出标题示例

13 个很棒的废弃购物车弹出示例

一条经过优化的弹出消息可以将您的购物车放弃率降低 17%或更多。

在本节中,我们将向您展示如何操作。 以下是使用 OptiMonk 制作的 13 个购物车放弃弹出窗口示例。

1. 使用倒数计时器增加紧迫感 | Shapescale.com

cart abandonment 01 - 13 Great Cart Abandonment Popup Examples and Best Practices

我们喜欢什么:

  • 倒数计时器创造了一种紧迫感,以激励客户花钱。 当他们看到他们的折扣仅在有限的时间内有效时,他们更有可能进行转换。
  • 此弹出窗口对价值主张、计时器和号召性用语 (CTA) 按钮使用暖色。 这与他们的网站颜色形成了鲜明的对比,因为它引起了对折扣的更多关注。
  • 退出链接说:“不,谢谢。 我宁愿付全价。” 这个微妙的消息告诉访问者他们在关闭退出意图弹出窗口时拒绝折扣 大多数客户不想拒绝交易,因此这可以提高转化率。

进一步优化的提示:

  • 对不同的 CTA 文本运行 A/B 测试,例如“完成我的购买”或“转到我的购物车”,看看客户喜欢哪个版本。
  • 添加品牌标志将使这个放弃购物车的活动看起来更加正式。

2. 促销10% off | Eyelovethesun.com

cart abandonment 02 - 13 Great Cart Abandonment Popup Examples and Best Practices

我们喜欢什么:

  • 简约的设计使弹出窗口易于阅读。 当消息出现时,访问者确切地知道您提供的是什么。
  • 此退出意图弹出窗口还捕获电子邮件地址,因此您可以在恢复废弃的购物车的同时扩大您的列表。

进一步优化的提示:

  • 文本可能更暗,以使交易更具可读性和流行性。
  • 将此弹出窗口与提醒客户使用折扣的粘性条配对

3. 突出显示免费送货和 10% 折扣 | Threedropsoflife.com

cart abandonment 03 - 13 Great Cart Abandonment Popup Examples and Best Practices

我们喜欢什么:

  • 倒数计时器对于临时购物者来说是一个很好的销售动力。
  • 使折扣文本更粗更大会引起对价值主张的更多关注。
  • 免费送货是鼓励访问者转化的另一种好方法。

进一步优化的提示:

  • 标题使用两种不同的字体大小。 这是一个运行 A/B 测试的好机会,可以查看访问者是更喜欢当前的标题还是使用相同字体的标题。
  • 给按钮一个更亮的颜色会使 CTA 更明显。

4. 提醒放弃游客他们的包| Scarlettos.com.au

cart abandonment 04 - 13 Great Cart Abandonment Popup Examples and Best Practices

我们喜欢什么:

  • 标题很友好,采用对话式语气。 这非常适合与访客建立联系。
  • 当您查看弹出窗口时,CTA 按钮的明亮颜色会立即引起您的注意。

进一步优化的提示:

  • 保存弹出窗口下一页的优惠券代码 - 在他们单击 CTA 之后。 这样,您就可以跟踪有多少访问者转换了。 您甚至可以在第一页添加一个字段来捕获他们的电子邮件地址。
  • 标题大于实际报价。 应该更加强调20美元的折扣。

5. 给予大幅折扣 | Swisswatchexpo.com

cart abandonment 05 - 13 Great Cart Abandonment Popup Examples and Best Practices

我们喜欢什么:

  • 这是一个简单易读的退出意图弹出窗口。 没有任何令人分心的图像使信息混乱。 访问者通过浏览弹出窗口立即看到您的报价。
  • 倒数计时器真的很突出。 计时器的颜色和大小让人难以错过。
  • 提供 100 美元的产品折扣是吸引访问者注意力和增强客户忠诚度的可靠方式。

进一步优化的提示:

  • 有了这样的购物车放弃弹出窗口,少即是多。 倒数计时器上方的两行文字会分散读者的注意力。 它们也是不必要的,因为计时器已经传达了该信息。
  • 考虑在颜色反转的弹出窗口上运行 A/B 测试。 使用白色背景和黑色文本,然后查看访问者喜欢哪个版本。

6. 显示购物车放弃者的折扣代码 | Zooshoo.com

cart abandonment 06 - 13 Great Cart Abandonment Popup Examples and Best Practices

我们喜欢什么:

  • 它有一个独特的设计。 形状和鲜艳的色彩使弹出窗口令人难忘。 这有助于品牌识别。
  • 折扣适用于商店中的所有产品,而不仅仅是访客留在购物车中的商品。 这可以激励购物车放弃者购买更多商品,从而提高商店的平均订单价值

进一步优化的提示:

  • 这个退出意图弹出窗口应该有一个收集电子邮件订阅者的字段。 访问者输入他们的电子邮件并单击 CTA,然后在弹出窗口的第二页上看到促销代码。
  • 倒数计时器的颜色不适用于弹出窗口的其余部分。 尝试为计时器使用更亮的颜色运行 A/B 测试,然后选择性能最佳的变体。

7. 提供即时折扣 | Gourmetbasket.com.au

cart abandonment 07 - 13 Great Cart Abandonment Popup Examples and Best Practices

我们喜欢什么:

  • 弹出窗口的颜色和设计与网站的主题完美匹配。
  • 这么快就走? 标题具有友好和对话的语气,直接与访问者交谈。 这让商店感觉更受欢迎。

进一步优化的提示:

  • 价值主张周围有很多空白。 “任何礼物 10 美元,任何时候”的文字如果更大一些会更好看。
  • 有些文字难以阅读。 你会希望你的退出弹出窗口是可扫描的。 更大的文本更好。

8.突出折扣和免费送货| Prospectorknives.com

cart abandonment 08 - 13 Great Cart Abandonment Popup Examples and Best Practices

我们喜欢什么:

  • 20% 的购买折扣和免费送货是大多数客户不会拒绝的优惠。 这对于提高转化率非常有用。
  • 背景图像看起来很棒,并且与品牌相关的户外主题相匹配。

进一步优化的提示:

  • 号召性用语按钮颜色并不突出。 这使访问者很容易忽视价值主张。 更亮的颜色 CTA 按钮在这里会很好。
  • 一些文本难以阅读——当它们不可扫描时,客户往往会忽略退出意图弹出窗口。

9. 通过提供特别优惠来挽回放弃购物车的人| Mmawarehouse.com

cart abandonment 09 - 13 Great Cart Abandonment Popup Examples and Best Practices

我们喜欢什么:

  • 它有一个令人难忘的设计。 背景图像和颜色与网站完美匹配。
  • 倒数计时器所用的字体触感极佳。 它看起来像 MMA 比赛中使用的计分卡——这确实让这个弹出窗口看起来更加正式。
  • 红色的 CTA 按钮立即吸引了访问者的注意力。 你没有办法错过它!

进一步优化的提示:

  • 如果您想最大限度地提高转化率,则不应在弹出窗口的第一页上显示优惠券代码。 这使得跟踪由于弹出窗口而获得的转化次数变得更加困难。
  • 电子邮件选择在第一页上会非常有效。 访问者订阅后,他们将转到第二页以获取他们的折扣代码。

10. 提供免费升级优先邮件 | Bullets2bandages.org

cart abandonment 10 - 13 Great Cart Abandonment Popup Examples and Best Practices

我们喜欢什么:

  • 良好的价值主张。 有很多公司提供免费送货的网站弹出示例,但这个更令人难忘。 他们将客户升级为加快免费送货。
  • 弹出窗口底部的“不,谢谢”选择退出也很棒。 它引起了人们对所有在线购物者都讨厌的问题的关注:运输缓慢。

进一步优化的提示:

  • 添加与他们的报价相关的品牌徽标或图像将是一个好主意。
  • 在不同的标题上运行 A/B 测试,这些标题更短且重点突出,例如“加快发货”或“免费优先发货”。

11.使用一个简单的购物车放弃弹出| Boombycindyjoseph.com

cart abandonment 11 - 13 Great Cart Abandonment Popup Examples and Best Practices

我们喜欢什么:

  • 极简主义的设计看起来不错,并得到了重点。 他们为转换的客户提供的服务毫无疑问。 您注意到的第一件事是所有大写字母的“10% 折扣”。
  • 右上角的品牌标志也很漂亮。 它的配色方案看起来很棒,并有助于使结帐弹出窗口看起来更加专业。
  • CTA 按钮在吸引访问者注意力方面做得非常出色。 它不仅颜色鲜艳,而且还巧妙地放置在弹出窗口的右上角。 这意味着在查看价值主张后,您的眼睛会直接转向 CTA。

进一步优化的提示:

  • 删除“输入您的电子邮件以获得独家优惠”行不会影响弹出窗口传达的消息。 在删除该行的情况下运行 A/B 测试,看看哪个弹出变体表现更好。
  • 弹出项目使用紧急(“立即签出”),但没有定时交易。 考虑一个没有紧迫性的标题,例如“第一个订单可享受 10% 的折扣”。

12. 使用独特的设计 | Rawwcosmetics.com

cart abandonment 12 - 13 Great Cart Abandonment Popup Examples and Best Practices

我们喜欢什么:

  • 字体和配色方案看起来很棒,其非正统的形状意味着访问者在看到这个弹出窗口时不会忽略它。
  • “得有那些超级食物……”这句话既有趣又友好。 它充满个性,客户喜欢它。
  • 当务之急“等等! 你的购物车里有东西!” 立即提醒访客他们尚未完成订单。

进一步优化的提示:

  • 副标题和 CTA 按钮副本有点小。 这是此弹出窗口样式的一部分,但如果它们是粗体的,它们会更容易阅读。
  • 访客没有完成结账的动机。 考虑制作第二个购物车放弃弹出窗口,提供 10% 折扣或免费送货等优惠。

13.使用全屏弹出| Gnomeangel.com

cart abandonment 13 - 13 Great Cart Abandonment Popup Examples and Best Practices

将烦人的结帐弹出窗口变成有效的废弃购物车保护程序的 5 个技巧

寻找一些最佳实践来创建高转化率的结帐弹出窗口? 以下是恢复更多购物车的 5 个技巧。

您可以使用它们来创建您的第一个废弃购物车弹出窗口或优化您网站上的现有弹出窗口。

1. 在人们放弃之前使用退出意图来定位他们

退出意图弹出窗口不会在访问者浏览您的网站时干扰他们。 相反,您可以在他们离开之前立即向他们发送消息。 这意味着您有更多机会在访问者从您的网站反弹之前转换他们。

当你给他们一个理由时,许多购物者确实会转换。 这将我们引向第二个提示。

2. 提供折扣或免费送货以帮助访客做出决定

通过向完成订单的客户提供交易,您可以恢复近 20% 的废弃购物车

有时访客需要一些额外的激励来完成他们的购买。 给他们折扣或免费送货可能​​足以激励他们完成订单。

现在,让我们看看提供折扣的最佳方式,这样您就不会亏本。

3. 使用购物车规则根据购物车价值提供折扣

提供折扣是增加销售额的有效方法。 但是为每个放弃购物车的访客提供折扣会降低您的利润。 通过仅向购物车价值昂贵的访客提供折扣来防止这种情况。

您可以使用 OptiMonk 的购物车规则功能根据购物车的价值来定位访问者。

假设普通人在您的网站上花费 50 美元。 您可以使用购物车规则功能来定位购物车价值 75 美元或以上且有折扣的用户。

您还可以为花费较少的访问者创建单独的购物车放弃弹出窗口。 给他们不同的优惠——比如免费送货或产品样品。

想学习如何使用购物车规则设置? 我们有一个分步指南来帮助您入门。

4.利用紧迫感增加销售额

紧迫性是让客户完成订单的绝佳方式。 当他们意识到他们的交易只在有限的时间内可用时,他们更有可能采取行动。 您可以通过在弹出窗口中添加倒数计时器来使用紧急恢复废弃的购物车。

5. 使用弹出窗口捕获电子邮件地址

您的购物车放弃弹出窗口是从访问者那里捕获电子邮件地址的绝佳机会。

让访问者在弹出窗口中输入他们的电子邮件地址。 他们转换后,您可以给他们一个折扣代码,以便他们下次购买时使用。 此代码可以使用电子邮件平台自动发送给他们。 或者,您可以让 OptiMonk 在弹出窗口的第二页上生成代码。

获得他们的电子邮件地址后,您可以向他们发送放弃购物车的电子邮件,以提醒他们完成购买。

使用这些技巧将帮助您创建一个真正转换的结帐弹出窗口。

恢复您网站上的销售损失

人们放弃购物车有几个原因。

一些客户在最后一刻改变了主意。 其他人会分心,忘记完成他们的订单。

向您的网站添加购物车放弃弹出窗口可让您在这些访问者空手而归之前为他们提供优惠或折扣。

OptiMonk 用户在他们的网站上添加了一个废弃的购物车弹出窗口后,他们的购物车放弃率减少了多达 31%

如果放弃购物车正在削减您的利润,您可以使用 OptiMonk。 访问我们的灵感库并从众多免费的购物车放弃模板中进行选择。 找到您喜欢的模板后,您可以在几分钟内将其导入您的网站。 然后,您可以开始从离开您商店的访客那里收回更多购物车。

jb freemium - 13 Great Cart Abandonment Popup Examples and Best Practices