如何在WordPress中制作无下单功能的产品询盘页面

优先插件方案（耗时最短，优先选） #

你这个需求不需要搭完整电商系统，核心就是「产品目录浏览+临时选品收集+带选品信息的表单邮件推送」，用轻量插件组合就能搞定，不用从零开发：

• 产品展示部分：完全不用装重型电商插件，要么直接用WordPress自带的文章功能改造成产品页，要么装个轻量自定义文章类型插件新建产品内容类型，每个产品上传图、填详情就自动生成独立详情页，列表页用系统自带的文章列表块就能拉出全量产品，点击跳详情的需求直接就能满足，没有多余的购物车、支付、库存功能占资源。
• 选品+表单提交部分：不用专门找冷门的选品插件，两个思路选一个就行：
  • 找带轻量「愿望清单/收藏」功能的产品目录插件，这类插件默认就带「加入清单」按钮、悬浮已选数量提示、已选清单编辑功能，你只要把清单的提交动作改成对接表单发邮件，而不是跳转结算页，初期只发产品名的需求直接就能满足。
  • 用普通的表单插件做联系表单，表单里加一个隐藏的多行文本字段存选品内容，配合几行简单的JS就能实现选品存储：给每个产品加个加入清单按钮，点了就把产品名存在用户浏览器的localStorage里，用户打开表单页的时候自动把存好的产品名拼好填到隐藏字段，用户提交表单的时候，选品内容会跟着联系方式一起发到你邮箱。

这个方案后续拓展也方便，等你需要发PDF/Excel版清单的时候，不用换整套系统，给表单加个提交钩子，把隐藏字段里的清单内容生成对应格式的附件随邮件发你就行，改起来很快。

轻量自定义方案（会JS的话半天就能做完，灵活度更高） #

如果找不到完全匹配你需求的插件，也不用写复杂的WordPress插件，核心逻辑很简单：

• 产品列表、详情页、表单还是用上述的轻量插件/系统自带功能做，不用自己写内容管理、邮件发送的逻辑，省很多事。
• 选品交互全用原生JS写就行，不用引第三方库，核心代码就几十行：

// 本地存储选品数据的key
const STORAGE_KEY = 'my_selected_products'
// 切换产品选品状态
function toggleProductSelect(productId, productName) {
  const selectedList = JSON.parse(localStorage.getItem(STORAGE_KEY) || '[]')
  const targetIndex = selectedList.findIndex(item => item.id === productId)
  if (targetIndex > -1) {
    selectedList.splice(targetIndex, 1)
  } else {
    selectedList.push({id: productId, name: productName})
  }
  localStorage.setItem(STORAGE_KEY, JSON.stringify(selectedList))
  // 刷新页面上显示的已选数量
  updateSelectedCountBadge()
}
// 表单页加载时自动填充已选产品到隐藏字段
function fillFormWithSelectedProducts() {
  const selectedList = JSON.parse(localStorage.getItem(STORAGE_KEY) || '[]')
  const productTextStr = selectedList.map(item => item.name).join('\n')
  document.querySelector('#selected-products-hidden').value = productTextStr
}

• 剩下的就是给按钮加个选中状态样式、做个悬浮的已选清单弹窗，都是基础前端效果，花不了多少时间。

避坑提示 #

• 别一开始就装全功能电商插件，你不需要支付、订单、物流这些冗余功能，装了之后后台会多一堆没用的菜单，前台也会加载很多用不上的脚本，拖慢网站打开速度。
• 初期选品数据存在用户本地浏览器就够用，不用存在你自己的服务器数据库，等后续用户量上来、需要更复杂的选品同步功能的时候再加数据库存储逻辑就行，能省很多初期维护成本。

内容的提问来源于stack exchange，提问作者natyus