You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

WooCommerce Booking产品页如何添加对应不同套餐的额外预订表单?

WooCommerce Booking 单产品多套餐预订表单实现方案

现成插件实现(无代码需求)

  • WooCommerce 官方 WooCommerce Bookings 配套资源扩展支持单产品绑定多个独立可预订套餐,你可以在产品后台将常规团队游、豪华私人游配置为两个独立的可预订资源,前端开启多表单并排展示即可,无需修改核心代码,表单的定价、库存、预订规则可分别独立配置。
  • 第三方兼容插件 WooCommerce Product Add-Ons Ultimate 可与WooCommerce Booking深度适配,支持给单个产品创建多个独立预订分组,每个分组挂载完整的预订表单字段,后台可直接设置前端为双表单并排布局。

短代码自定义实现(轻量无额外插件)

如果你不想新增插件,可以用WooCommerce Booking自带的短代码实现:

  1. 先将两个套餐分别创建为独立的隐藏可预订产品,后台设置产品的目录可见性为「隐藏」,避免出现在全站商品列表中,记录两个产品的ID(例如常规游ID为123,豪华游ID为456)
  2. 在当前主产品的编辑页,替换原有默认的预订表单区块,插入两个表单短代码即可渲染独立的预订表单:
<!-- 双表单并排布局容器 -->
<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>
  1. 如果需要全局生效,可以直接修改主题的single-product.php模板文件,替换原有预订表单渲染逻辑即可。

注意事项

  • 两个独立子产品的预订数据、订单记录完全独立,不会互相干扰
  • 原有主产品的标题、图片展示逻辑无需修改,仅替换右侧表单区块即可符合你的需求

内容的提问来源于stack exchange,提问作者Carlos Ramirez

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.10.16 14:24:07