WooCommerce产品附加选项?
学完这篇,你能在 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」标签
- 选项价格格式是
文字 | 价格,减价写负数 - 三种计价方式:按数量、一次性、按百分比
- 上线前必须测一遍加购到结账的完整流程
- 插件别混装,缓存要清
原文链接:https://www.gj0.com/thread-922.html
转载请注明出处并保留本声明;内容仅代表作者观点,与本站立场无关。若本文涉嫌侵权,请联系本站处理。