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

2023-05-2110:39:09后端程序开发Comments1,338 views字数 1687阅读模式

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

我想找的功能

Sola想找的插件类似这样:文章源自菜鸟学院-https://www.cainiaoxueyuan.com/bc/40900.html

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

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

Advanced Product Fields

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

免费版仅支持有限的字段,如果你想使用颜色、文件上传等复杂字段,需要使用收费版。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/bc/40900.html

另外,该插件虽然支持价格字段,但根据数量倍增额外费用的功能需要购买收费版。还是拿咖啡加糖举例,如果买一杯多加一元,插件能实现,但买了两杯加糖的咖啡应该多收两元,免费版却只能增加一元,就不对了,这让它的价格功能略显鸡肋。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/bc/40900.html

尽管有些缺点,这款插件的界面和逻辑还是我最喜欢的。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/bc/40900.html

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

前台显示效果如下,随便找了个产品,文不对题请见谅。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/bc/40900.html

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

Extra product options For WooCommerce

这款插件不支持价格规则,但在管理字段方面有自己的特点。它支持将字段分组,点击Add new section就可以添加一个组,每个组有自己的标题。比如Sola创建了两个分组,区域一和区域二,在Default这个默认组里创建了一个颜色字段。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/bc/40900.html

该插件与上一款相比,支持的字段类型更多,比如颜色字段和文件上传字段。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/bc/40900.html

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

前台效果如下所示。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/bc/40900.html

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

Extra Product Options Builder for WooCommerce

如果你需要支持价格规则的产品字段,可以考虑这款插件。它能根据数量改变价格,支持给每个字段增加数量选择器,价格功能比较完善。但字段只能在每个产品的编辑页面创建,无法一次应用到所有产品上。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/bc/40900.html

人如其名,它是一个字段builder,有更丰富的字段类型可供选择,可以创建带图标的字段,拖拽排序,可以添加分隔符,能进行样式编辑,如果界面能更现代化一点就完美了。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/bc/40900.html

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

前台效果如下,颜色选择器看起来不错。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/bc/40900.html

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

Product Addons for Woocommerce

最后要介绍的这款插件是一个表单编辑器,在产品页创建一个表单,表单可以有若干字段、标题或正文,给表单指定产品分类,那么表单就会应用到该分类下的所有产品的详情页面上。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/bc/40900.html

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

对应设置的前台效果如下。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/bc/40900.html

如何为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。
文章源自菜鸟学院-https://www.cainiaoxueyuan.com/bc/40900.html
  • 本站内容整理自互联网,仅提供信息存储空间服务,以方便学习之用。如对文章、图片、字体等版权有疑问,请在下方留言,管理员看到后,将第一时间进行处理。
  • 转载请务必保留本文链接:https://www.cainiaoxueyuan.com/bc/40900.html

Comment

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定