如何向 WooCommerce 产品页面添加自定义字段
除了价格和数量字段之外,WooCommerce 产品页面还可以有什么?在一切都可以批量生产的时代,提供定制服务总是一个好主意。例如,如果您销售衣服,您可以提供图案印刷服务并定制颜色。之后,您需要在产品页面提供模板下载和颜色选择功能。或者如果只是想收集用户需求,可以提供产品意见表,让用户下单时写在订单上。
我正在寻找的功能
Sola正在寻找的插件与此类似:
- 您可以在产品页面上创建自定义字段。
- 您可以选择要显示的产品。最好是灵活一点。可以在所有产品上展示,也可以根据列表或特定产品来决定展示。
- 用户填写的字段可以显示在购物车、结帐页面和订单信息中。
- 不,没关系。有更好的价格规则,例如创建一个无线电场来向咖啡中添加糖。如果决定加一份糖,价格就会上涨1元。
基于这些需求,Sola 选择了一些扩展。使用这些插件时,最好将 WordPress 和 WooCommerce 更新到最新版本,Sola 在测试过程中发现某些插件无法在旧版本上使用。有些扩展功能也过于复杂,需要较高的学习成本,因此被忽略。 Astra主题用于插件测试。这是我非常喜欢的一个主题。它不仅与 Sola 认为最有用的 Elementor 兼容,而且还可以轻松导入演示。您可以在几分钟内构建一个漂亮的 WordPress 演示网站。
高级产品领域
这个插件是我的最爱。用户界面清晰简洁,功能分为设置和创建字段两部分。设置界面位于 WooCommerce 的“设置”选项卡下,您可以在其中选择是否在购物车和结帐页面上显示字段。用于创建字段的界面可以在 WooCommerce > 产品字段 下找到。如果你使用过Advanced Custom Fields插件,那么这个插件的界面和逻辑你一定会非常熟悉,基本是一样的。如果不符合显示规则,则会显示在所有产品页面,否则会设置为显示在特定产品下。
免费版本仅支持有限的字段。如果您想访问颜色、文件上传等复杂字段,则需要使用付费版本。
此外,尽管插件支持价格字段,但根据金额加倍附加费需要购买付费版本。我们以在咖啡中加糖为例。买一个杯子再加一元钱,扩展就可以了。但如果买两杯加糖的咖啡,就要多收两块钱。免费版只能加一元,这是错误的。这使得它的价格函数略有不同。无味。
尽管存在一些缺陷,但这个插件的界面和逻辑仍然是我最喜欢的。
接待处的展示效果如下。我刚刚找到了该产品。如果文字不正确,我深表歉意。
WooCommerce 的附加产品选项
此插件不支持价格规则,但它有自己的字段管理功能。它支持字段分组。要添加组,请单击“添加新部分”。每个组都有自己的标题。例如,Sola 创建了两个组,区域一和区域二,并在默认组 Default 中创建了一个颜色字段。
与上一个相比,此扩展支持更多的字段类型,例如颜色字段和文件上传字段。
接收效果如下。
WooCommerce 的额外产品选项生成器
如果您需要支持价格规则的产品字段,请考虑此插件。可以根据数量改变价格,支持给每个字段添加数量选择器,价格功能比较齐全。但字段只能在每个产品的编辑页面创建,不能一次性应用于所有产品。
顾名思义,它是一个字段构建器,有更通用的字段类型可供选择。您可以使用图标创建字段、通过拖放排序、添加分隔符和编辑样式。如果界面能更现代化一点就完美了。
正面效果如下,取色器看起来不错。
Woocommerce 产品插件
我要介绍的最后一个插件是表单编辑器。在产品页面上创建一个表单。该表单可以有多个字段、标题或文本。为表单指定一个产品类别,该表单适用于该类别下所有产品的信息页面。
设置对应的前端效果如下。
总结
- 如果您只想向产品页面添加一个简单的字段,我们建议为 WooCommerce 添加附加产品字段或附加产品选项;
- 如果该字段支持价格功能,我们建议使用 WooCommerce 的 Extra Product Options Builder;
- 如果您想创建更复杂的字段表单,我们建议使用 Extra Product Options Builder for WooCommerce 或 Product Addons for Woocommerce。
版权声明
本文仅代表作者观点,不代表Code前端网立场。
本文系作者Code前端网发表,如需转载,请注明页面地址。
发表评论:
◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。