如何将 WC 字段工厂与 WooCommerce 产品表和快速查看专业版一起使用
WooCommerce Product Table 和 WooCommerce Quick View Pro 正式支持官方 WooCommerce Product Add-Ons WordPress 插件。 这是向产品表或快速查看灯箱添加额外选项(如文本字段、复选框和单选按钮)的绝佳方式。
今天我一直在免费测试 WC领域工厂 客户提到它与 WooCommerce 产品表很好地配合使用后的插件。
自从本教程发布以来,我们注意到 WC Fields Factory 已经有一段时间没有更新了。 您仍然可以尝试将其与 WooCommerce 产品表一起使用,但使用官方可能会更好 产品附加组件 定期更新的插件。
我很惊讶这两个插件可以直接开箱即用,因为大多数附加插件都需要额外的开发才能与产品表集成。 它也适用于我们的其他插件 WooCommerce Quick View Pro。
您可以使用 WC Fields Factory 为您的产品添加各种类型的额外选项。 例如,它支持 文本字段、数字字段、单选按钮和复选框. 你可以用它来 从客户那里收集额外信息 (例如个性化产品)。 或者,您可以 收取额外费用 对于每个选项(例如,以每个额外 1 美元的价格出售额外的披萨配料)。
因此,WC Fields Factory 是产品附加组件的便捷替代品。 虽然它不是官方集成并且我们不保证兼容性,但本文将记录插件的哪些功能可以协同工作。 继续阅读以了解所有选项。
与 WooCommerce 产品表一起使用的 WC Field Factory 字段类型
文本和文本区域字段

将文本输入字段添加到 WooCommerce 产品表中的添加到购物车列。 客户输入一条短信,它将传递到购物车、结帐和订单确认电子邮件。
例如,如果您正在构建 WooCommerce 餐厅订单系统,那么客户可以使用此字段类型输入每道菜的任何特殊要求。
这两种字段类型是相似的。 ‘Text’ 只是添加了一个用于输入 1 行文本的小框。 “Textarea”为输入更多文本添加了更深的框。
- 适用于标准产品表? – 是的
- 适用于延迟加载产品表? – 是的
数字字段

使用此字段类型允许客户为他们订购的每个产品添加一个编号。
- 适用于标准产品表? – 是的
- 适用于延迟加载产品表? – 是的
电子邮件字段

使用此 WC Fields Factory 字段类型允许客户输入电子邮件地址。 我不确定您为什么要这样做,因为无论如何客户都必须在结帐时输入他们的电子邮件,但这是一种选择! (如果您使用此字段类型,请在下方添加评论,因为我很想知道您的用例!)
- 适用于标准产品表? – 是的
- 适用于延迟加载产品表? – 是的
复选框和单选按钮字段

复选框和单选按钮是向 WooCommerce 产品添加额外选项的绝佳方式。 例如,餐厅订单系统可以添加一个单选按钮来指示客户是否想要素食选项; 和一个用于添加额外披萨配料的复选框。
- 适用于标准产品表? – 是的
- 适用于延迟加载产品表? – 是的
唯一的问题是开箱即用的样式并不完美(我使用 Storefront 主题)。 您需要编写一些自定义 CSS 来删除额外的要点。
由于 WooCommerce 产品表正式与官方产品插件插件集成,您可以通过使用该插件来避免这种情况。 但是,WC Field Factory 中的复选框和单选按钮在产品表中可以正常工作。
选择字段(下拉)

WC Fields Factory 中的选择字段类型在产品中添加了一个下拉列表,允许客户选择不同的选项。 它在产品表中正常工作。 但是,这些字段并没有像我想要的那样排列整齐。
鉴于 WooCommerce 产品表支持变体下拉菜单作为标准,您最好使用这些下拉菜单。
- 适用于标准产品表? – 是的
- 适用于延迟加载产品表? – 是的
选色器

WC Fields Factory 中的颜色选择器字段添加了一个文本输入字段,客户可以在其中添加 HEX、HEX3、HSL、RGB 值或颜色名称。 它不是真正的颜色选择器,因为客户需要知道值并且无法从色轮中选择它。 但是,它确实适用于产品表。
- 适用于标准产品表? – 是的
- 适用于延迟加载产品表? – 是的
在产品表或快速视图中不起作用的字段类型
我还测试了以下 WC Field Factory 字段类型,发现它们不适用于 WooCommerce Product Table 或 WooCommerce Quick View Pro:
- 日期选择器
- 上传文件
我不知道有任何替代插件允许您在快速视图或产品表中使用日期选择器或文件上传器。 因此,拥有这些功能的唯一方法是在没有添加到购物车列的表格中列出产品,并允许客户在单个产品页面上选择日期或上传文件。
产品标题链接到单个产品页面,您还可以添加一个“按钮”列,让客户更直观。
如何将 WC Fields Factory 与 WooCommerce 产品表一起使用
这两个插件无需额外配置即可协同工作。 这是设置它们的方法:
- 获取 WooCommerce Quick View Pro 并使用“入门”电子邮件中的说明开始创建产品表。 确保您的产品表具有添加到购物车列。 这是 WC Fields Factory 字段出现的地方。
- 免费安装 WC领域工厂 插入。 单击 WordPress 管理员左下角的 Fields Factory 链接,然后创建您的字段。 确保只添加我在产品表(上图)中列出的可用字段类型。
就是这样!
如何通过 WooCommerce 快速查看使用 WC Fields Factory
当您使用 WC Fields Factory 添加额外的产品选项时,它们将自动出现在 WooCommerce 快速查看灯箱中:
- 获取 WooCommerce Quick View Pro 并按照“入门”电子邮件中的说明进行设置。 这只需要几分钟。
- 设置 WC领域工厂 通过单击 WordPress 仪表板中的字段工厂链接并创建您的字段。 注意:您应该只添加我在快速视图中列出的字段类型(上图)。
当客户在快速查看灯箱上打开时,他们可以填写额外的字段并将它们直接添加到购物车。 完美的!
使用哪个插件?
由于我们正式支持 WooCommerce 产品附加组件,我们会推荐此选项。 它是由 WooCommerce 本身的制造商创建的,因此您可以确定它会长期存在。 我们使用 WooCommerce 产品表和快速视图对附加组件进行了样式设置,因此您不太可能需要编写任何自定义 CSS 来让它们看起来像您想要的那样。
还值得注意的是,产品表中的可变产品有一个奇怪的怪癖。 文本字段在可变产品的产品表中出现两次(大概每个变体一次,因为我的示例有 2 个变体)。 因此,最好将此字段类型用于简单产品。 使用产品附加组件为可变产品添加额外选项。
但是,WC Fields Factory 是一个很好的插件,可以很好地与 WooCommerce 产品表和 Quick View Pro 配合使用。 如果您使用简单的产品并且出于任何原因不想使用官方插件,那么这是一个不错的选择。