如何在没有代码的情况下自定义 WooCommerce 数量输入

WooCommerce 自定义数量输入

您知道吗,您可以通过自定义 WooCommerce 数量输入? 自定义数量选择器可让您更改默认数量、最小和最大数量等详细信息,并更改其显示方式。 继续阅读在 WooCommerce 中控制输入数量的完整指南。

默认情况下,WooCommerce 允许您或您的客户以一种相当基本的方式更改他们考虑购买的商品数量。 他们可以手动输入数字,也可以使用这些小箭头上下移动。

WooCommerce 数量输入:经典箭头

WooCommerce 唯一确保这些值正确的做法是将它们与给定产品的设定库存进行比较。 这可以。

但是,“好”可能是我们能给它的最多的。

对于稍微高级一点的商业模式或产品类型,您可能需要访问更精细的产品数量设置、它们的增量,甚至是允许的最小值和最大值。

在本指南中,我们将向您展示如何完全控制您网站的 WooCommerce 数量输入设置。 我们将在 WooCommerce 数量管理器插件的帮助下实现这一目标,该插件正是为此目的而构建的。

自定义 WooCommerce 数量输入的不同方法

在产品数量方面,您可以执行几乎无穷无尽的定制。 但是,我们将专注于我们认为最有用的内容。 另外,它们不需要任何自定义编码。

更改默认产品数量

无法更改默认数量本身可能不是问题,但这肯定是一个错失的机会。 将默认数量设置为高于 1 有可能以直接的方式增加您的收入。

设置不同的默认数量是有意义的:

  • 在批发场景中。 例如,将默认数量设为 10 比将产品命名为“X 10 包”之类的替代方法更容易掌握,然后希望客户在订购产品时没有错过这个细节。
  • 在您更愿意出售成套物品而不是单件物品的情况下。 这适用于人们经常用完的商品或其他产品。 例如,某人立即购买五包咖啡比只购买一包更方便。

Stock WooCommerce 不允许您为产品设置自定义默认数量 – 该数字始终 1. 要获得此功能,您可以使用前面提到的 WooCommerce 数量管理器插件。

该插件可让您设置您希望用作默认数量的任何数字。 除此之外,您可以全局(针对整个商店)、每个产品类别以及每个产品和产品变体设置这些默认数量。

对于客户来说,产品页面的外观不会改变。 唯一不同的是旁边的数字 添加到购物车 按钮。

WooCommerce 数量输入:不同的默认数量

设置数量最小值/最大值

WooCommerce 关注客户添加到购物车的产品数量的方式是确保这些数量超过 并且小于 无论你有什么库存. 对于大多数应用程序来说,这再次“很好”,但并非总是如此。

在处理您不能或不想仅销售一个单位的产品时,无法设置最小/最大数量可能会出现问题。 这可能是制造成本、所需的最低订单价值等问题。

然后,在光谱的另一端,不难想象您无法在单个订单中销售或运送数量超过特定数量的产品的场景。

WooCommerce 数量管理器插件也可以帮助您解决这个问题,让您设置一系列自定义规则,分析全球、每个类别、每个产品或每个产品变体允许的产品数量。

举个例子:假设您正在销售 T 恤,但您不想让客户在一个订单中购买少于五件。 同时,您不在乎他们是否购买五次相同的 T 恤或五种不同的 T 恤,每人一件。 你可以很容易地在 WooCommerce 数量管理器中设置一个规则来管理这个。

WooCommerce 的最小最大数量

💪 动力移动; 您不仅可以设置最小/最大产品数量,还可以根据类似的规则逻辑设置最小/最大订单值。

添加数量增量

默认情况下,WooCommerce 不提供任何用于设置自定义数量增量的选项。 客户只需以 1 为增量。

或者,更准确地说,只有当您准备好编写自定义代码并将其添加到主题的 函数.php 文件。

相反,WooCommerce 数量管理器允许您为每个类别、产品、产品变体或全局设置自定义增量。

这对于制造商以 X 包装提供的产品非常有效,并且重新包装它们以匹配每个订单的数量将太耗时。 想想钢笔、帽子等。

设置默认增量解决了这个问题,并迫使客户以 X 的倍数购买给定的产品。

WooCommerce 数量输入:设置增量

每个用户角色允许不同的数量

能够为每个用户角色设置不同的 WooCommerce 数量输入选项是使您的商店可用于零售和批发客户的好方法。

例如,您可以允许零售客户只购买任何给定产品的单件商品。 但是,对于批发商,您可以制作 5、10 或任何您想要的数字。

您可以为最小/最大订单价值和默认产品数量设置类似的规则。

在您的主商店页面上显示数量输入

您可以通过多种方式组织商店的主商店页面。 默认情况下,该商店页面是产品目录的网格视图,其中包含每个产品的图像和添加到购物车按钮:

店铺页面

但这不是处理事情的唯一方法。

在表格视图中显示您的产品目录 – 带有数量输入字段

表格视图是将您的标准商店页面转换为订单表格的好方法,客户可以在其中将产品批量添加到购物车,并同时设置这些产品的自定义数量。

WooCommerce 产品表插件允许您这样做。 以下是最终订单的示例:

订单表格

💪 动力移动; 您可以将此插件与 WooCommerce 数量管理器一起使用,以设置每种产品的最小/最大数量、数量增量以及我们上面描述的其他详细信息。

👉 在此处了解有关 WooCommerce 产品表插件的更多信息。

将快速查看按钮添加到您的产品页面 – 带有用于数量输入的字段

如果将您的整个商店页面转换为订单表格听起来过于极端,那么让人们在弹出式灯箱中自定义产品数量怎么样。

这个想法很简单——只要客户点击产品列表,而不是被重定向到该产品的页面,就会出现一个灯箱,其中包含有关该产品的所有关键细节。 数量输入可以是其中 关键细节.

这可以通过 WooCommerce Quick View Pro 插件来完成。 这是最终结果的演示:

WooCommerce 快速查看

这允许客户设置数量,而无需访问单个产品页面。

👉 在此处了解有关 WooCommerce Quick View Pro 插件的更多信息。

为每个变体创建一个带有单独数量框的批量订单

ℹ️这是一个相当小众的概念,但如果你经营正确的商店,这可能是黄金。

让我向您展示一个示例屏幕截图,说明类似这样的内容,然后我将解释详细信息:

批量订单变化和数量输入

您在此处看到的是一个大型订单表格,其中收集了给定产品的所有可用变体,以及每个变体的数量输入。

在您的客户可能希望以清晰易懂的方式购买不同数量的不同变体的批发场景中,这可能是非常宝贵的。 尽管一开始这可能看起来很复杂,但实际上它比单独处理每个变体并将它们一个一个地添加到购物车中要容易得多。

如何构建这样的东西? 查看 WooCommerce Bulk Variations 插件。

为产品数量添加加号和减号按钮

加号和减号按钮为您的客户提供了一种快速更改产品数量的方法,只需单击几下即可。 这可能是一种整体上更安全的方法,可以避免您的客户在手动输入数量时打错字。

这是餐厅网站上加号和减号按钮的演示:

披萨加减

这是在我们的 WooCommerce 餐厅订购插件的帮助下完成的。 尽管这个名字似乎把它放在某个抽屉里,但它可以很好地用于任何类型的电子商务商店,而不仅仅是用于接受食品订单。 用 T 恤或名片代替比萨饼,效果也一样。

该插件将您的产品显示为订单表格,旁边有加号按钮。 单击这些按钮可以立即将产品添加到购物车,或者显示一个用于产品定制/选择变体(如果有的话)的灯箱(这是您可以在上面看到的比萨饼示例)。

创建具有无限选项的自定义 WooCommerce 数量输入

如您所见,有多种选项可供任何寻求自定义原生 WooCommerce 数量输入的方法的人使用。 通过安装 WooCommerce 数量管理器,您可以完全控制商店中的数量输入 – 无需编写或编辑任何代码。

真正的力量在于设定 数量规则 适用于产品类别、单个产品甚至产品变体。 这使您可以严格控制进入的订单和客户可以购买的数量。

这也是一个无需在产品营销上花费任何额外资金即可增加收入的机会。 相反,您通过一些良好的店内优化来实现它。

查看 WooCommerce 数量管理器还能做什么,以及如何在商店中有效地使用它。

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

类似文章