如何在 WooCommerce 中用复选框替换添加到购物车按钮

WooCommerce 中的主商店页面和类别页面显示每个产品的基本添加到购物车按钮。 添加到购物车复选框可让客户一次性将多个产品添加到他们的购物车中，从而节省时间。

WooCommerce 的默认添加到购物车按钮的问题是客户必须为每个产品单击一个单独的按钮才能将其添加到购物车中。 这意味着他们一次只能将一种产品添加到购物车中。

更糟糕的是，没有办法选择变化或数量。 每个产品实际上只有一个独立的添加到购物车按钮，没有别的。

购买多种产品需要很长时间，这可能会降低转化率并最终降低销售额。 这是因为默认的 WooCommerce 添加到购物车按钮为客户创造了更多的工作，在购买过程中产生了摩擦，并降低了每次销售的平均订单价值。

更好的选择是使用 WooCommerce 产品表插件将基本的添加到购物车按钮替换为每个产品的添加到购物车复选框。 它通过让您在快速订单表单布局中列出产品并完成 买 列、数量选择器、变体下拉列表和多选添加到购物车复选框。

在本教程中，我们将逐步解释如何在 WooCommerce 中创建添加到购物车复选框。 但首先，让我们将所有内容放在上下文中。

为什么您的商店可能需要添加到购物车复选框

如果客户可能一次从您的在线商店购买不止一种产品，您需要一种更好的方法让他们这样做。 在为客户提供良好的用户体验方面，默认的 WooCommerce 商店页面和类别页面非常有限。

对于初学者，它允许客户单击添加到购物车按钮一次将一种产品添加到他们的购物车中。 理想情况下，您希望客户能够一次性选择产品并将它们全部添加到他们的购物车中。

客户在浏览产品目录时应该可以选择将产品添加到购物车。 如果客户有办法在一个页面上查看您的所有产品，那就更好了，这样他们就可以更轻松地购买。

例如，在您的主页或类别页面上列出您的所有产品有助于确保您的客户可以减少从您那里购买的工作。 您还希望客户能够勾选复选框以添加多个产品，然后再使用单个“选择添加到购物车”按钮将它们一次全部添加到他们的购物车中。

通过在您的在线商店中使用添加到购物车复选框，您可以为客户节省大量时间。 由于添加到购物车复选框提供的省时功能，您的客户将不得不点击更少的按钮从您的商店购买。

例如，当用户设置数量时，它会自动为他们勾选复选框，从而减少点击次数，减少客户的工作量。 通过加快 WooCommerce 商店的购买用户流，您将有效地提高每笔销售的平均订单价值。 这将帮助您增加商店的整体收入。

介绍 WooCommerce 产品表

WooCommerce 产品表插件专门设计用于让用户从商店的单个页面将多个产品添加到购物车。 该插件还允许您在可自定义的可搜索表格布局中列出产品。

您可以显示一个 将所选商品添加到购物车 产品表正上方或下方的按钮。 这使您可以创建单个产品表，其中列出了所有可用产品，并带有多个添加到购物车按钮或复选框。

您可以在整个商店中启用产品表布局，包括在主商店和类别页面上。 或者，您可以使用简码将产品表添加到任何页面 – 列出您的所有产品或具有特定 WooCommerce 类别或标签的项目。

所有这些以及更多使这个插件成为 WooCommere 支持的商店的完美批量添加到购物车插件。

如何在 WooCommerce 中创建添加到购物车复选框

在这里，我们将向您展示如何使用 WooCommerce 产品表插件将添加到购物车复选框添加到您的在线商店。 对于本教程，我们假设您已经在您的 WordPress 网站上安装并激活了 WooCommerce 产品表插件。

第 1 步：将产品表添加到您的商店

您需要做的第一件事是将产品表添加到您的商店。 WooCommerce 产品表插件使这很容易做到。 它为您提供了两个选项来启用整个商店的表格布局。

这是您需要做的：

前往 WooCommerce → 设置 → 产品 → 产品表 从 WordPress 管理面板。 向下滚动直到到达 表格展示 设置。 勾选旁边的复选框 商店模板 选项。

通过这样做，插件将自动在主商店页面和产品类别页面上显示产品表。

步骤 #2：配置产品表设置

至此，您已经在商店的主商店页面和产品类别页面上启用了产品表布局。 接下来，您可以配置产品表设置以显示添加到购物车复选框。

设置列

来自 WooCommerce → 设置 → 产品 → 产品表 屏幕，向下滚动直到到达 列 选项。 输入您想在前端显示的列。 例如，您可以输入图片、名称、描述、价格、购买。

重要的是您在列列表中包含一个“购买”列。 这样，WooCommerce 产品表插件将自动在表格布局中的每个产品旁边添加添加到购物车复选框。

启用复选框

向下滚动到 添加到购物车 插件的部分 设置 页。 使用 将产品添加到购物车 选项选择 添加到购物车复选框 要么 纽扣 使用下拉菜单。

这将启用表格布局上的复选框。 换句话说，客户可以勾选他们想要购买的产品旁边的复选框。 然后，他们可以一次性将它们添加到购物车中。

启用数量选择器

来自 添加到购物车 部分，勾选旁边的复选框 显示每个产品的数量框 选项。 这样，客户将能够直接从产品表格布局中设置他们想要购买的每件商品的数量。

除此之外，您还可以设置 变化 选项：

• 显示为下拉列表 要么
• 每行显示一个变体

这取决于您销售的产品类型。 这使客户可以更轻松地选择他们想要购买的确切产品变体。

进一步阅读： 有关转换购买按钮的更多方法，请查看我们关于如何在 WooCommerce 中自定义添加到购物车按钮的完整教程。

创建添加到购物车复选框

将添加到购物车复选框添加到您的产品表可以帮助您提高销售额并增加商店产生的总体收入。

它加快了客户的购买用户流。 因此，他们更有可能从您那里购买更多产品。 这确保了更好的在线销售和转化率。

准备好通过添加多个产品添加到购物车复选框来最大化您的 WooCommerce 商店的潜力了吗？ 立即获取 WooCommerce 产品表！