一个插件中的 WooCommerce 条件逻辑、自定义字段和产品选项!

已发表: 2018-03-28

去年,我们发布了用于添加产品选项、自定义字段和自定义 WooCommerce 产品的插件。 许多客户要求我们向 WooCommerce 产品自定义字段和选项添加条件逻辑。 我很高兴地宣布,WooCommerce 条件逻辑在插件的 PRO 版本中可用,适用于简单产品和变体。

您的WooCommerce 产品是否缺少更多选项和自定义字段? 您是否尝试过添加更多关于您的产品的信息? 但是页面看起来要么太长,要么总是一样

今天,我将向您展示如何为您的 WooCommerce 产品添加自定义字段以丰富产品选项。 了解如何使用条件逻辑让客户动态地受益于自定义字段、产品选项和附加服务。 让我们在几分钟内定制简单的产品并在 WooCommerce 中提供精美的产品变体!

目录

  • 具有条件逻辑的 WooCommerce 产品选项
  • 具有条件逻辑的 WooCommerce 产品选项
  • 具有条件逻辑的自定义产品字段 - 分步指南
  • 关于插件的摘要和更多信息

具有条件逻辑的 WooCommerce 产品选项

在线商店中最受欢迎的产品是标准的实体产品。 WooCommerce 和其他电子商务平台是为他们精心打造的。 这并不意味着它们可以满足所有需求。 有时商店需要的不止于此!

产品选项让客户定制产品。 附加组件可以是复选框、选择框或文本区域以命名一些自定义产品字段。 当然,这完全取决于商店的需求。 这些附加组件可用于产品雕刻、交叉销售保险礼品包装功能。

一些例子怎么样?

WooCommerce 餐饮订购

如今,健康饮食很流行。 人们想吃得好,但往往没有时间为自己准备饭菜。 计算卡路里、列餐单、购物和烹饪。 独自保持饮食是一项艰巨的日常任务。

然而,这个问题有一个简单的解决方案:食品盒或个人餐饮

查看下面的产品页面 ↓ :一个日期字段(餐饮服务开始日期)、一个选择字段(提示)和一个用于在饮食中包含或排除某些成分的复选框。

使用自定义字段、产品选项和条件逻辑自定义 WooCommerce 简单产品和变体以动态显示字段
使用自定义字段、产品选项和条件逻辑自定义 WooCommerce 简单产品和变体以动态显示字段
您在下面的 WooCommerce 产品页面上看到的所有额外附加组件(自定义字段)都是使用插件Flexible Product Fields添加的。 该插件允许您为 WooCommerce 简单产品和变体自定义设计和产品选项

灵活的产品领域 PRO WooCommerce $ 59

WooCommerce 产品变体条件逻辑变得简单。 获取插件并添加 18 种不同的产品附加组件、条件逻辑和定价。

添加到购物车查看详情
10,000 多个活跃安装
最后更新:2023-03-15
适用于 WooCommerce 7.1 - 7.5.x
您还可以使用 WooCommerce 产品(简单和可变产品)的条件逻辑配置所有自定义字段(新选项) 。 我将在本文后面向您展示如何操作。

WooCommerce 产品保险

另一个很好的例子是保险。 商店愿意为他们提供的产品交叉销售保险。 它为商店提供额外的利润,因为它们是保险公司的中间人。

WooCommerce 条件逻辑
WooCommerce 产品保险 - 产品页面

如您所见,在此示例中您只需要一个带有新产品选项的简单下拉字段(选择字段)!

具有条件逻辑的 WooCommerce 产品选项

条件逻辑意味着一个产品选项取决于另一个。 因此,您可以根据客户的选择构建具有多个选项、功能和附加组件的动态产品页面!

例如,您想要在商店中提供礼品留言选项。 您需要一个文本字段,客户可以在其中提供消息以添加到他们想要赠送的产品中。

文本字段在产品页面上占用的空间比任何其他字段都多。 然后你可以将它隐藏在一个复选框上。 如何?

看下面的动画:

WooCommerce 条件产品选项
礼品消息字段添加了灵活的产品字段

该产品字段的条件逻辑很简单。

当客户标记礼品消息复选框时,会出现一个文本字段。

这可能是 WooCommerce 条件产品选项功能的最简单示例。 当然,您可以做更多。 想象力是你唯一的限制:)

还有一件事! 您可以为 WooCommerce 简单产品和变体的产品选项和自定义字段使用条件逻辑!

WooCommerce 产品条件 - 如何在您的商店中使用它?

让我们使用上面动画中的示例️。 我将向您展示如何配置字段以这种方式工作。 别担心,超级简单!

WooCommerce 条件逻辑插件

要事第一。 你需要我上面提到的插件。 您也可以从免费版本开始! 只需点击上面的链接!

在下面的链接免费下载插件

灵活的产品领域 WooCommerce

WooCommerce 产品变体条件逻辑变得简单。 获取插件并添加 18 种不同的产品附加组件、条件逻辑和定价。

免费下载前往 WordPress.org
10,000 多个活跃安装
最后更新:2023-03-13
适用于 WooCommerce 7.1 - 7.5.x
请注意,如果您想配置WooCommerce 条件产品选项,则需要PRO 版本。 免费版不支持条件逻辑,但我鼓励您在购买前试用一下!

让我们回到配置。

示例中的这些字段非常容易设置。 您需要添加一个复选框字段,然后您需要在礼品消息字段中激活条件逻辑 (PRO)

自定义字段 - 配置

  1. 添加新字段组

    首先,您必须添加一个新的字段组并将其分配给特定的产品、类别或标签。 您也可以像我一样选择将其分配给所有产品。

  2. 选择自定义字段

    然后,您必须首先选择要添加的字段。 让它成为复选框字段。 您可以在选项字段中找到它。

    WooCommerce 条件产品选项 - 添加额外的附加组件
    首先,添加一个复选框字段
  3. 添加复选框字段

    这将是将启动条件逻辑的字段。 但它必须与另一个领域一起工作。 让我们添加Textarea 字段

    WooCommerce 变体条件逻辑 - 添加文本区域字段
    现在添加一个 Textarea 字段以继续执行条件逻辑

    您还可以在“高级”选项卡中设置字符限制
  4. 条件逻辑和定价 (PRO)

    现在,我们可以设置条件逻辑和定价。

    条件逻辑定价插件的 PRO 版本中可用。

    按着这些次序:

    WooCommerce 条件字段
    转到条件逻辑选项卡

    如果客户选中复选框字段,我还添加了额外定价

    具有额外定价的 WooCommerce 产品附加条件逻辑配置
    添加额外定价
  5. 具有条件逻辑的 WooCommerce 自定义产品选项

    看看最后的效果。 这就是您的客户将如何看到我们刚刚设置的条件逻辑:

    WooCommerce 条件产品选项
    产品页面上带有额外定价的条件逻辑

我为你总结了配置步骤:

  1. 您需要创建一个复选框字段。
  2. 复选框字段没有设置条件逻辑选项。 它必须与另一个领域一起工作。
  3. 接下来,您需要创建一个文本区域字段。
  4. 该字段必须设置条件逻辑选项。
  5. 规则是如果礼品消息字段被选中,则显示此字段。

就是这样! 简单吧?

请记住,您可以将 WooCommerce 条件产品选项与条件逻辑一起用于简单产品和变体

关于插件的摘要和更多信息

在本文中,您学习了如何配置 WooCommerce 产品选项和自定义字段,以及使用条件逻辑动态显示字段。 如果您需要更多帮助,请在下面的评论部分告诉我。

您准备好在商店中使用产品条件逻辑了吗?

查看 PRO 版本的所有功能并阅读插件文档

灵活的产品领域 PRO WooCommerce $ 59

WooCommerce 产品变体条件逻辑变得简单。 获取插件并添加 18 种不同的产品附加组件、条件逻辑和定价。

添加到购物车查看详情
10,000 多个活跃安装
最后更新:2023-03-15
适用于 WooCommerce 7.1 - 7.5.x
您也可以使用条件逻辑自定义 WooCommerce 结帐字段