WooCommerce产品绑定销售?
学完这篇,你能分清 WooCommerce 里三种"绑定销售"的区别,并用自带功能或插件把"买 A 带 B"真正跑到前台成交。
第一步:先确定你要的是哪一种"绑定"
WooCommerce 里"绑定销售"其实是三个不同东西,选错了工具会白折腾半天。
- 交叉销售(Cross-sells):用户在购物车页看到"你可能还喜欢",自行决定加不加。
- 追加销售(Up-sells):在产品详情页底部推荐更贵/更高配的同款。
- 捆绑销售(Bundle):一个"加入购物车"按钮把 A+B+C 一次加进购物车,按组合价结算。
前两种 WooCommerce 自带,零成本;第三种必须靠插件或自己写代码。做完这一步,你应该明确自己属于哪种需求,再往下走。
第二步:用自带功能配置交叉销售与追加销售
这一步不用装任何东西,5 分钟能配完,结果是在商品页和购物车页出现推荐位。
进入 WordPress 后台 → 产品 → 所有产品,点击要编辑的商品标题进入编辑页。在页面下方的 产品数据 面板里,点击左侧标签 关联商品(英文界面为 Linked products),你会看到两块输入框:
- 追加销售:搜索并选择商品,前台显示在该商品详情页描述下方。
- 交叉销售:搜索并选择商品,前台显示在购物车页面。
相关产品(Related products)不走这里,它按分类/标签自动生成,数量在 WooCommerce → 设置 → 产品 → 显示 里的"相关产品"一栏控制,默认 4 个。
注意:交叉销售只在购物车页显示,如果你的主题删掉了
woocommerce_cross_sell_display这个钩子,配了也不会出现。换回 Storefront 官方主题测试一下就能确认。
第三步:装插件实现真正的捆绑加购
这一步做完,前台会出现一个按钮,一点就把多件商品同时放进购物车。
推荐两条路:
免费路线:后台 → 插件 → 安装插件,搜索 WPC Product Bundles for WooCommerce(作者 WPClever),点"现在安装"再"启用"。
付费路线:WooCommerce 官方出品的 Product Bundles(woocommerce.com 售价 49 美元/年起),适合需要按件数折扣、库存联动的场景。
以免费版为例,启用后:产品 → 添加新产品,填好标题,在 产品数据 下拉框里选择 Product Bundle(旧版本叫 Bundled Products),然后:
- 在 Bundled products 输入框搜索并添加子商品;
- 设置每件子商品在捆绑中的默认数量(Quantity);
- 勾选是否允许用户在前台改数量;
- 填价格(免费版按子商品原价合计,不能打折);
- 点 发布。
注意:WPC 免费版不支持捆绑折扣价,也不支持把"可变商品"作为子项。要做"整套立减 50 元",要么升级 Pro,要么用第四步的代码方案。
第四步:不想装插件,用 20 行代码做轻量绑定
把下面代码加到当前主题的 functions.php(外观 → 主题文件编辑器),结果是在"加入购物车"按钮上方出现一个复选框,勾选后自动多带一件商品。
add_action( 'woocommerce_before_add_to_cart_button', function () {
echo '<p><label><input type="checkbox" name="add_bundle_item" value="1"> 同时加购配套配件(+¥29)</label></p>';
} );
add_action( 'woocommerce_add_to_cart', function ( $cart_item_key, $product_id ) {
$bundle_id = 123; // 改成你的配件商品 ID
if ( ! empty( $_POST['add_bundle_item'] ) && $product_id !== $bundle_id ) {
WC()->cart->add_to_cart( $bundle_id, 1 );
}
}, 10, 2 );
商品 ID 在 产品 → 所有产品 列表里把鼠标悬停在商品名上,看链接里的 post=123 就是。
注意:
woocommerce_add_to_cart在add_to_cart()时也会触发,所以必须保留$product_id !== $bundle_id这个判断,否则会无限循环加购,直接把购物车撑爆。
小结
- 三种绑定别搞混:交叉销售在购物车页、追加销售在商品页、捆绑是"一键多件加购"。
- 自带功能只能做推荐位,真正捆绑必须靠插件或自定义代码。
- 免费方案选 WPC Product Bundles,想要折扣和库存联动选官方付费扩展。
- 代码方案记住加防递归判断,否则会死循环。
- 改完一定要用无痕窗口测一遍前台,缓存插件经常让推荐位不刷新。
原文链接:https://www.gj0.com/thread-899.html
转载请注明出处并保留本声明;内容仅代表作者观点,与本站立场无关。若本文涉嫌侵权,请联系本站处理。