WooCommerce Booking产品页如何添加对应不同套餐的额外预订表单?
WooCommerce Booking 单产品多套餐预订表单实现方案
现成插件实现(无代码需求)
- WooCommerce 官方
WooCommerce Bookings配套资源扩展支持单产品绑定多个独立可预订套餐,你可以在产品后台将常规团队游、豪华私人游配置为两个独立的可预订资源,前端开启多表单并排展示即可,无需修改核心代码,表单的定价、库存、预订规则可分别独立配置。 - 第三方兼容插件
WooCommerce Product Add-Ons Ultimate可与WooCommerce Booking深度适配,支持给单个产品创建多个独立预订分组,每个分组挂载完整的预订表单字段,后台可直接设置前端为双表单并排布局。
短代码自定义实现(轻量无额外插件)
如果你不想新增插件,可以用WooCommerce Booking自带的短代码实现:
- 先将两个套餐分别创建为独立的隐藏可预订产品,后台设置产品的目录可见性为「隐藏」,避免出现在全站商品列表中,记录两个产品的ID(例如常规游ID为123,豪华游ID为456)
- 在当前主产品的编辑页,替换原有默认的预订表单区块,插入两个表单短代码即可渲染独立的预订表单:
<!-- 双表单并排布局容器 --> <div style="display: flex; gap: 24px; width: 100%;"> <div style="flex: 1;"> <h3>常规团队游</h3> `[booking_form id="123"]` </div> <div style="flex: 1;"> <h3>豪华私人游</h3> `[booking_form id="456"]` </div> </div>
- 如果需要全局生效,可以直接修改主题的
single-product.php模板文件,替换原有预订表单渲染逻辑即可。
注意事项
- 两个独立子产品的预订数据、订单记录完全独立,不会互相干扰
- 原有主产品的标题、图片展示逻辑无需修改,仅替换右侧表单区块即可符合你的需求
内容的提问来源于stack exchange,提问作者Carlos Ramirez
相关产品推荐
相关产品推荐

