WooCommerce产品附加选项?

liulian
liulian 初级会员超兽战士
发布于 2026-10-08 11:20 ·2 浏览 ·0 回复

学完这篇,你能在 WooCommerce 产品页上给顾客加出「刻字内容」「加急发货 +20 元」「选颜色」「上传设计稿」这类附加选项,并让它正确参与购物车和结账的价格计算。

WooCommerce 本身只支持简单产品和可变产品,做不了「文本框填刻字」或「勾选框加价」这种需求,必须靠附加选项插件。下面按官方插件的路径一步步来。

第一步:确认环境版本

这一步是确认你的 WordPress 和 WooCommerce 版本够新,否则插件装上了也不显示。

登录 WordPress 后台,进入「工具 → 站点健康 → 信息」标签,展开「服务器」一栏,确认 PHP 版本不低于 7.4。再到「插件 → 已安装插件」,确认 WooCommerce 版本在 8.0 以上。WordPress 建议 6.0 以上。

注意:PHP 7.2 及更早版本跑新版 WooCommerce 会报致命错误,先找主机商升级 PHP 再往下做。

第二步:安装附加选项插件

这一步装好插件,接下来才能在产品编辑页看到选项设置入口。

后台进入「插件 → 安装插件」,右上角搜索框输入 Product Add-Ons,找到作者为 WooCommerce 的那一个(官方付费扩展,WooCommerce.com 上单独售卖),点「立即安装」,安装完点「启用」。

不想花钱的话,可以用免费的「Advanced Product Fields for WooCommerce」(作者 WPFactory)或「Extra Product Options」,功能类似。

注意:这三类插件不要同时启用,字段 ID 和结账钩子会打架,前台价格可能算错。

第三步:设置全局选项

这一步决定附加选项的价格怎么显示、要不要在订单里单独列出。

进入「WooCommerce → 设置 → 产品」,顶部会多出一个「Add-ons」标签页。在这里可以勾选「在购物车中分开显示附加选项」,以及价格是否含税显示。一般建议把分开显示打开,方便客服对单。

第四步:给具体产品加选项

这一步是核心,做完就能在前台看到选项了。

进入「产品 → 所有产品」,点产品名称进入编辑页。往下滚到「产品数据」面板,点最右边的「Add-Ons」标签(没看到这个标签说明第二步没成功)。点「Add Field Group」新建一组字段,再点「Add Field」加具体字段。

字段类型选这几个最常用:

  • Text / Textarea:让顾客填刻字内容、备注
  • Checkbox:多选,比如「加急发货」「礼品包装」
  • Select / Radio Button:单选,比如尺寸、颜色
  • File Upload:上传设计稿
  • Number:数量类加购
  • Heading:只做分组标题,不产生选项

每个字段要填 Label(前台显示的标题)、Required(是否必填)。Options 区域每行写一个选项,格式是 选项文字 | 价格,例如:

标准装 | 0
加大装 | 15
豪华装 | 30

价格类型(Price Type)有三个选项:Quantity Based 按购买数量乘算、Flat Fee 一次性收取、Percentage Based 按产品价格百分比算。减价就写负数,比如 -10。

注意:附加选项价格默认是「在原价基础上加」,不是替换原价。想让顾客选规格后总价变成固定值,得用可变产品配合,不是靠这里填数字。

第五步:测试下单流程

这一步验证价格算得对不对,避免上线后被顾客投诉。

打开前台产品页,选好选项加入购物车,进购物车页看单价是否为「产品价 + 附加价」,再走一遍结账,确认订单邮件和后台订单详情里附加选项内容完整显示。

同时测一次必填项留空点「加入购物车」,正常应该被拦下并提示。

注意:如果前台改完选项没变化,先清缓存插件(WP Rocket、LiteSpeed Cache)和浏览器缓存;如果选项完全不显示,检查主题是否覆盖了 add-to-cart 模板,换成 Twenty Twenty-Four 主题测一次就知道。

小结

  • WooCommerce 原生不支持附加选项,需要 Product Add-Ons 或同类插件
  • 入口在产品编辑页的「产品数据 → Add-Ons」标签
  • 选项价格格式是 文字 | 价格,减价写负数
  • 三种计价方式:按数量、一次性、按百分比
  • 上线前必须测一遍加购到结账的完整流程
  • 插件别混装,缓存要清
版权声明:本文来自 GJ站长论坛《WooCommerce产品附加选项?》
原文链接:https://www.gj0.com/thread-922.html
转载请注明出处并保留本声明;内容仅代表作者观点,与本站立场无关。若本文涉嫌侵权,请联系本站处理。

全部回复 0

还没有回复,来抢沙发~