WooCommerce

如何为WooCommerce产品页添加自定义字段

WooCommerce产品页面除了有价格和数量字段,还能有什么?在什么都能量产的时代,提供一些定制化服务永远是个好主意。比如卖衣服可以提供图案打印服务,可以定制颜色,那就要在产品页面提供图案上传和颜色选择的功能。或者单纯的想收集一下用户的需求,那可以提供一个产品意见表单,让用户下单时一并写在订单里。

我想找的功能

Sola想找的插件类似这样:

  • 可以在产品页创建自定义字段。
  • 可以选择在哪些产品下显示,最好能灵活一些,既能在所有产品里显示,也能根据目录或者特定产品来决定是否显示。
  • 用户填写的字段内容可以显示在购物车、结算页面和订单详情里。
  • 没有无所谓,有了更好的价格规则,比如创建radio字段,用途是咖啡加糖,选了加一份糖价格就增加1块钱。

根据这些需求,Sola选择了一些插件,使用这些插件时最好将WordPress和WooCommerce升级到最新版,因为Sola在测试时发现有些插件在旧版下不工作。还有些插件功能过于复杂,学习成本高,就忽略了。插件测试使用了Astra主题,是我很喜欢的一款主题,不但兼容Sola认为最好用的Elementor,还能方便的导入demo,几分钟就能搭建一个好看的WordPress Demo站点。

Advanced Product Fields

这款插件是我比较中意,界面清晰简洁,功能分两块:设置和创建字段。设置界面位于WooCommerce的设置选项卡下,可以选择是否在购物车和结算页面显示字段这些。创建字段的界面在WooCommerce > Product Fields下。如果你使用过Advanced Custom Fields插件,那这款插件的界面和逻辑会令你十分熟悉,基本一样。不填写显示规则就在所有产品页显示,否则就指定在某些产品下显示。

免费版仅支持有限的字段,如果你想使用颜色、文件上传等复杂字段,需要使用收费版。

另外,该插件虽然支持价格字段,但根据数量倍增额外费用的功能需要购买收费版。还是拿咖啡加糖举例,如果买一杯多加一元,插件能实现,但买了两杯加糖的咖啡应该多收两元,免费版却只能增加一元,就不对了,这让它的价格功能略显鸡肋。

尽管有些缺点,这款插件的界面和逻辑还是我最喜欢的。

Sola Blog:Advanced Product Fields设置界面

前台显示效果如下,随便找了个产品,文不对题请见谅。

Advanced Product Fields的前台效果

Extra product options For WooCommerce

这款插件不支持价格规则,但在管理字段方面有自己的特点。它支持将字段分组,点击Add new section就可以添加一个组,每个组有自己的标题。比如Sola创建了两个分组,区域一和区域二,在Default这个默认组里创建了一个颜色字段。

该插件与上一款相比,支持的字段类型更多,比如颜色字段和文件上传字段。

Sola:Extra product options For WooCommerce添加新字段

前台效果如下所示。

Extra product options For WooCommerce的前台效果

Extra Product Options Builder for WooCommerce

如果你需要支持价格规则的产品字段,可以考虑这款插件。它能根据数量改变价格,支持给每个字段增加数量选择器,价格功能比较完善。但字段只能在每个产品的编辑页面创建,无法一次应用到所有产品上。

人如其名,它是一个字段builder,有更丰富的字段类型可供选择,可以创建带图标的字段,拖拽排序,可以添加分隔符,能进行样式编辑,如果界面能更现代化一点就完美了。

solagirl.net:Extra Product Options Builder for WooCommerce的字段创建页面

前台效果如下,颜色选择器看起来不错。

Extra Product Options Builder for WooCommerce的前台显示效果

Product Addons for Woocommerce

最后要介绍的这款插件是一个表单编辑器,在产品页创建一个表单,表单可以有若干字段、标题或正文,给表单指定产品分类,那么表单就会应用到该分类下的所有产品的详情页面上。

sola博客:Product Addons for Woocommerce创建表单界面

对应设置的前台效果如下。

Product Addons for Woocommerce的前台效果

总结

  • 如果只想在产品页面加一个简单的字段,推荐Advanced Product Fields或Extra product options For WooCommerce;
  • 字段要支持价格功能,推荐Extra Product Options Builder for WooCommerce;
  • 要创建样式比较复杂的字段表单,推荐Extra Product Options Builder for WooCommerce或Product Addons for Woocommerce。

2条评论

  1. 我之前有两个项目碰到过类似需求,所以也曾测试过这方面的几个插件,包括本文提到的好像就有两个,这类插件共同特征,凡是要添加影响价格的字段,那就需要购买收费版了。基本也是几十美元的事,但问题是如果要一个个的测试是不是好用,比如收费版和当前网站其他插件是不是兼容,是不是支持多语言等等,要一个个的去买下来测试实在麻烦(虽然大部分可以退款)。所以权衡了一下,项目上就自己写这个功能了,后端倒是并不复杂,几个钩子而已,有整理成文过:https://blog.brain1981.com/2589.html

评论已关闭。