2022 年 3 个最佳 WooCommerce 添加到购物车弹出窗口

为您的 WooCommerce 网站创建弹出式购物车:完整指南

想要提高您的转化率并让您的客户更快地购买? 给自己一个 WooCommerce 弹出式购物车!

好的,您可能对此有几个问题。 第一的, “使用 WooCommerce 弹出窗口什么?” 第二, “弹出窗口在网络世界中不是普遍认为不好吗?”

让我们从后者开始。 因此,尽管弹出窗口多年来受到了相当多的负面报道,但在这种特殊情况下,它们可以帮助您与购物车放弃的主要原因之一作斗争。 数据表明 18% 的人在遇到冗长而复杂的结账流程时会放弃购物车。

因此,这就是 WooCommerce 弹出式购物车发挥作用的地方。 在这篇文章中,我们将解释 WooCommerce 弹出式购物车的确切含义,它们为何有用,以及如何使用它们为您的客户提供快速购买产品的方式。

什么是 WooCommerce 弹出式购物车?

“WooCommerce 弹出式购物车”这个名称听起来比实际复杂得多。 在实践中,弹出式购物车是一个简单的弹出式窗口,只要您的客户将产品添加到购物车中就会出现。

这是一个演示:

WooCommerce 弹出式购物车演示

弹出窗口通常显示:

  • 购物车中物品的摘要 以及通常的购物车选项,例如更改数量、删除或添加购物车商品、应用折扣代码,以及 – 最重要的是 – 进行结帐。
  • 相关产品 基于客户刚刚添加的商品 – 鼓励他们购买更多商品的绝佳方式。

WooCommerce 添加到购物车弹出窗口有什么好处?

弹出式购物车可让您快速向客户提供他们正在寻找的信息。

  • 此信息包括明确确认产品已添加到购物车,以及客户下一步可以采取的行动的快速选项。
  • 弹出窗口在结账过程中快速推动客户,从而加快销售速度、提高转化率并减少“废弃购物车”案例。
  • 通过显示推荐的追加销售,WooCommerce 添加到购物车弹出窗口可以对您的平均订单价值产生重大影响。

最后,WooCommerce 弹出式购物车没有理由不能替换 WooCommerce 附带的原生购物车页面和结帐。 摆脱这些页面可以让您的设置更简单,需要处理的内部页面更少。

最好的 WooCommerce 弹出式购物车插件

我相信这不会让人感到意外,但是您将 WooCommerce 添加到购物车弹出功能添加到您的网站的方法是安装插件。

与大多数 WordPress 一样,有几个 WooCommerce 弹出式购物车插件可供选择。 但是,我们不会向您显示备选方案列表,而是采取一些不同的路径。

我们将向您展示我们对一个主要的 WooCommerce 弹出式购物车插件的最佳推荐,以及两个补充插件,以获得一些额外的功能。 这将为您提供最佳结果,这将对您的销售和转化产生最大影响。

WooCommerce 快速购物车

当涉及到 WooCommerce 添加到购物车弹出窗口时,此插件是您所需要的解决方案。 以下是它的工作原理:

一旦客户将产品添加到购物车中,就会出现一个弹出窗口并显示有关购物车当前状态的所有关键信息。

WooCommerce 快速购物车中心弹出窗口

您可以自定义弹出窗口以显示为屏幕右侧的侧推车(迷你推车),或中心的较大弹出窗口 – 占据屏幕的大部分空间。

通过弹出式购物车本身,客户可以修改订单、更改数量、删除商品、应用折扣码、添加相关产品以及进行结账。

基本上,这个购物车弹出窗口附带了 WooCommerce 中标准购物车页面的完整功能列表。

⚡ 专业提示:如果您想让销售流程更快,您可以配置此弹出窗口以绕过购物车本身并让客户直接结帐。

主要特征:

  • 一旦客户单击添加到购物车按钮,购物车弹出窗口就会立即出现。
  • 购物车弹出窗口功能齐全,可让客户在一个地方执行所有标准购物车操作。
  • 该弹出窗口在您的电子商务商店的每个页面上都可用 – 标准产品页面以及其他相关页面。
  • 您可以替换原生 WooCommerce 购物车和结帐页面。
  • 适用于每个主题。
  • 完全可定制的弹出结构和设计模板。
  • 允许您添加相关的产品追加销售和交叉销售。

WooCommerce 快速购物车提供 30 天退款保证,因此您可以无风险地在您的网站上试用。

YITH WooCommerce 结账经理

默认情况下,WooCommerce 中的标准结帐页面不是很可定制。 虽然您可以通过主 WordPress 编辑界面向其中添加元素和内容,但您无法对结帐元素本身做太多事情。

YITH WooCommerce Checkout Manager 在这里提供了帮助。 它提供了一些有用的功能:

  • 允许您设置自定义字段并在结帐页面上使用它们。 将这些字段显示为单选按钮、复选框、多个选择框等 – 适合您的电子商务商店。
  • 改善结帐页面的外观。 您可以自定义每个字段的外观、添加标签、工具提示、结帐按钮以及任何其他将引导客户完成购买的助手。
  • 通过 JavaScript (AJAX) 实时检查用户输入。 还要确保客户在提交表单之前纠正所有问题。

⚡ 专业提示:此插件与 WooCommerce 快速购物车插件完美配合。 这意味着您不仅可以自定义 WooCommerce 中的本机结帐页面,还可以自定义 WooCommerce 快速购物车中的购物车弹出窗口。 我们建议使用它来删除您不需要的任何结帐字段。

助焊剂结帐

在优化商店的结账体验时,Flux Checkout 走的是一条不同的道路。 它不是让您自定义默认结帐页面,而是为您提供构建多步骤结帐流程的工具。

“为什么会这样?难道不是一步越少,我们就越有可能坚持到底吗?” – 你问。 在某些情况下,这是事实。 但是,在线商店结账的过程本身并不是很简单,并且有许多字段根本无法从您的表单中删除 – 想想客户信息、运输、付款等。

在此模型中,有时将流程分解为多个步骤 – 并使每个步骤简单明了 – 是最佳路径。

这正是 Flux Checkout 插件使之成为可能的原因。 它:

  • 限制可见字段的数量。
  • 通过减少每一步的干扰来吸引客户的注意力。
  • 自动填充地址字段。
  • 在移动和桌面设备上工作没有问题。

⚡ 专业提示:这是另一个与 WooCommerce 快速购物车无缝协作的插件。 您可以使用 Flux Checkout 将多个步骤添加到快速购物车弹出框中显示的结帐过程中。

为什么选择 WooCommerce 快速购物车?

我们相信 WooCommerce 快速购物车是将 WooCommerce 添加到购物车弹出窗口添加到您的网站的完美解决方案,因为它提供了几个重要方面:

它易于使用、功能强大且可同时自定义。

最重要的是,它适用于每个 WordPress 主题,并与您最喜欢的支付网关(如 PayPal 和 Stripe)集成。 这意味着它可以无缝地插入您当前的结帐流程并提高效率。

如果您想自定义结帐字段或添加多步结帐,那么您可以轻松地将其与 YITH WooCommerce Checkout Manager 和/或 Flux Checkout 一起使用。

如何设置 WooCommerce 快速购物车

WooCommerce 快速购物车的行为与任何其他 WordPress 插件一样。 从官方页面购买后,您可以下载插件存档以及您的许可证密钥。

要安装插件:

  1. 转到您的 WordPress 管理员,然后转到 插件 → 添加新 然后点击 上传插件.
  2. 从您的桌面选择插件的存档并将其上传到站点。
  3. 点击 启用.
  4. WooCommerce → 设置 → 产品 → 快速购物车 并输入您的许可证密钥。 点击 保存更改.

在这个阶段,插件已经准备好开始工作了!

在快速购物车的同一设置页面上,向下滚动以查看自定义购物车弹出窗口的选项。

一个好的起点是选择弹出窗口的设计/模板和位置以及应该出现在购物车上的内容。

将弹出窗口设置为 自动打开 以便在客户将产品添加到购物车时立即触发 – 允许他们立即查看购物车。

但这只是可能的冰山一角。 快速购物车具有大量自定义购物车内容的功能 – 客户将在弹出窗口中看到。

以下是您可以通过设置页面自定义的所有元素:

WooCommerce 快速购物车设置

您还可以自定义默认购物车图标的位置 – 使其浮动在屏幕的右下角或右上角,或者在中间的某个位置。

它位于底部,例如:

WooCommerce 浮动购物车图标右下位置

👉 如果您想了解有关如何自定义快速购物车的更多信息,我们有一个单独的指南。

立即向 WooCommerce 添加弹出式购物车

将 WooCommerce 弹出式购物车添加到您的商店可能是使您的整个结帐过程更快的好方法。 而且,众所周知,它越快,就越有可能通过它。

快速购物车是一个很棒的工具,可以在您的网站上获得促进转化的“添加到购物车”弹出窗口并立即进行配置。 它易于使用、功能强大,并且与您网站的设计和销售模式相匹配。

查看  如何在登录 WooCommerce 之前隐藏价格

类似文章