如何在您的 WooCommerce 网站上设置浮动购物车：完整指南
您想降低 WordPress 商店中的购物车放弃率吗？ 您可以通过添加 WooCommerce 浮动购物车轻松实现此目的。
根据 Baymard 研究所的一项研究， 18% 的在线购物者 放弃购物车的人这样做是因为结帐过程太复杂。 同一项研究表明，通过优化您网站的结帐流程，您可以将转化率提高多达 35.62%。
在这篇文章中，我们将向您展示如何通过添加 WooCommerce 浮动购物车来改善商店的结帐体验。 我们将使用 WooCommerce 快速购物车插件来执行此操作。 此方法不需要任何代码，您可以在几分钟内构建您的第一个浮动购物车。
让我们潜入吧！
什么是浮动推车，为什么要使用？
浮动购物车是一个快速面板，每当买家将产品添加到购物车时就会出现。 它就像一个迷你结账购物车，允许客户添加或删除购物车项目，还可以在不离开产品或商店页面的情况下更改每个项目的数量。 您可以将 WooCommerce 浮动购物车显示为弹出窗口或侧边栏。
以下是您和您的客户可以从浮动购物车中受益的一些方式：
- 您的客户无需转到单独的结帐页面。
- 您可以通过在侧边栏中推荐相关产品来推动购物者购买更多商品。
- 它通过减少所涉及的步骤数量来改善您商店的购物体验并加快结帐过程。
- 您的客户可以随时查看购物车详细信息并在您商店的任何地方调整商品数量。
最后，WooCommerce 浮动购物车有助于以不同方式改善您的电子商务网站。 首先，您的客户将享受更好的购物体验。 因此，您还可以记录更高的转化率和更低的购物车放弃率。
现在我们知道了 WooCommerce 浮动购物车是什么以及它的好处，让我们向您展示如何设置它。
如何设置 WooCommerce 浮动购物车
将浮动购物车添加到商店的最简单方法是使用专用的 WooCommerce 插件。
如果您想为您的商店访客提供尽可能好的用户体验，我们建议您使用 WordPress 插件，例如 WooCommerce Fast Cart。 这种方法不仅为您的商店添加了一个简单的浮动购物车，而且该插件还提供了额外的结账优化功能。
让我们快速概述一下 WooCommerce 快速购物车插件及其提供的功能。
什么是 WooCommerce 快速购物车？
WooCommerce 快速购物车是加速商店结账过程的最佳全功能插件。 该插件允许您的客户从您商店的任何地方自动启动购物车。
使用 WooCommerce 快速购物车，您的结帐选项是完全可定制的。 与其他 WooCommerce 结帐插件不同，此工具不只是添加一个简单的浮动购物车小部件。 以下是该插件提供的其他一些功能：
- 将浮动购物车添加为侧边栏或居中弹出窗口。
- 预览订单、应用优惠券代码并对购物车商品进行更改。
- 集成 WooCommerce 的产品推荐功能以提高您的平均订单价值。
使用 WooCommerce 快速购物车，您可以添加一个浮动购物车，将您重定向到单独的结帐页面，或直接从侧边栏启用结帐。 我们将在下面向您展示如何做到这两点。
添加带有单独结帐页面的浮动购物车
准备好创建您的第一个 WooCommerce 浮动购物车了吗？ 您可以按照以下 3 个简单步骤来执行此操作。 或者，观看我们在此视频中进行设置：
第 1 步：安装并激活 WooCommerce 快速购物车
要开始构建您的 WooCommerce 浮动购物车，请首先在此处获取您的 WooCommerce 快速购物车插件副本。
获得 WooCommerce 快速购物车许可证后，您现在可以将插件下载为 ZIP 文件。 您还将收到一封包含您的许可证密钥的电子邮件。 稍后您将使用此密钥在 WordPress 仪表板中激活插件。
接下来，是时候将插件上传到 WordPress 了。
- 登录到您的 WordPress 仪表板。 然后导航到 插件 → 添加新 → 上传插件.
- 在获取插件副本后选择您下载的 ZIP 文件，然后单击 现在安装. 安装插件后，点击 激活插件.
- 下一步是激活插件的许可证。 为此，请访问 WooCommerce → 设置 → 快速购物车，然后输入电子邮件中的许可证密钥。 然后点击 启用.
恭喜！ 您的 WooCommerce 快速购物车插件副本现在可以使用了。
现在是时候自定义您的 WooCommerce 浮动购物车了。
第 2 步：自定义您的 WooCommerce 浮动购物车
要自定义您的浮动购物车，请访问 WooCommerce → 设置 → 快速购物车 并向下滚动到“内容”选项卡。
每个部分都允许您以不同的方式自定义您的购物车：
- 内容 在这里，您可以选择浮动购物车的布局（侧边栏或居中弹出窗口）、要添加到其中的元素（产品图片、价格等），或启用自动打开。 每次买家将产品添加到购物车时，都会显示浮动购物车。 您还可以通过启用快速结账让客户在快速购物车中结账。 由于我们希望买家转到单独的结帐页面，因此我们将禁用快速结帐.
- 购物车图标 在此部分中，您可以选择在页面的顶部、中心或右下角显示一个小的浮动购物车图标。 然后，购物者可以单击此图标查看完整的侧边栏。
- 替换页面 此选项将默认购物车页面替换为浮动购物车。
- 设计 您还可以使用十六进制代码来设置浮动购物车的不同元素的颜色，例如图标、文本和背景。
完成后，单击 保存更改.
第 3 步：测试您的新浮动购物车
最后一步是确保所有新的浮动购物车设置都正常工作。 以下是如何做到这一点：
- 通过单击转到商店的前端 访问商店 在 WordPress 仪表板的左上角。
- 在您的商店页面上，选择任何产品并单击 添加到购物车. 浮动推车应立即出现。 测试不同的功能，例如添加商品或应用优惠券代码，然后单击 退房.
您应该被重定向到单独的结帐页面。
添加快速结账的浮动购物车
您还可以使用 WooCommerce 快速购物车添加浮动购物车，使客户无需转到单独的结帐页面即可结帐。 为此，请访问 WooCommerce → 设置 → 快速购物车 并检查’允许快速结帐‘ 盒子。
现在买家可以在 WooCommerce 浮动购物车中轻松完成检查过程。
用于优化商店购物体验的其他提示和工具
为了获得更快的结账体验，您可以使用 WooCommerce 快速购物车将直接“立即购买”选项添加到您的商店。 为此，请检查 ‘直接结账’ 插件设置页面上的框。
现在，一旦买家将产品添加到购物车，他们将立即被重定向到结帐。 他们还可以看到购物车中的所有商品。
最后，让我们看看您也应该尝试的其他 3 个 WooCommerce 插件。
WooCommerce 快速查看专业版
WooCommerce Quick View Pro 插件为您的 WooCommerce 产品添加了快速查看按钮。 这使您的客户可以在弹出窗口中从多个购买选项中进行选择，而无需转到单个产品页面。
WooCommerce 产品表
如果您拥有 WooCommerce 批发商店，那么您应该使用 WooCommerce 产品表插件。 它允许您以有组织和灵活的方式列出您的产品。 这样，您的客户可以应用不同的过滤器、选择产品变体并将多个产品快速添加到购物车。
WooCommerce 餐厅订购
我们推荐的另一个 WooCommerce 插件是 WooCommerce 餐厅订购。 这个插件非常适合餐馆和其他定制网站，客户可以在同一页面上选择不同类别的产品，如“Starters”和“Deserts”。 结合 WooCommerce 快速购物车，您的客户可以以最快的方式订购食物。
通常，在具有专业外观的 WooCommerce 商店中提供最佳购物体验需要进行一些 A/B 测试。 了解什么最适合转换和客户满意度的唯一方法是为您的浮动购物车尝试不同的颜色、尺寸和位置。
从哪里获得插件
优化您的 WooCommerce 商店以进行销售需要付出很多努力。 在这篇文章中，我们演示了如何使用 WooCommerce 快速购物车创建一个浮动购物车， 允许客户在购物车中添加和编辑产品，而无需离开产品页面。
我们还考虑了 WooCommerce Quick View Pro、WooCommerce 产品表和 WooCommerce 餐厅订购。 这些插件使买家可以轻松地从多个购买选项中进行选择，并将多个产品添加到他们的购物车中，所有这些都来自一个页面。
您准备好将 WooCommerce 浮动购物车添加到您的商店吗？ 立即开始使用 WooCommerce 快速购物车插件。
