功能介绍
该批量询盘功能由 Well建站 自主开发,通过极致轻量的代码实现 B2B 网站产品批量询盘功能。
功能描述:通过勾选产品列表中的选择框,可对已勾选产品发起批量询盘。
兼容支持:原生支持 Elementor 编辑器及 Elementor Form(表单)元素,兼容 ACF 、WooCommerce 插件。
使用要求:需要编辑 Elementor Loop 模板,以及在产品聚合页使用对应的 Loop Grid 元素。
代码使用教程
创建自定义简码
将“简码.txt”文件内的代码添加到 外观 – 主题文件编辑器 – functions.php ↓

建议使用子主题,避免主题更新重置代码,参考教程:WordPress 网站使用子主题,避免主题更新重置代码
添加简码到 Loop 模板
如果还没有为产品列表创建自定义的 Loop 模板,请参考:使用 ACF Pro 管理 B2B 网站产品或自定义WooCommerce 产品聚合页。
打开你的 Loop 模板:WP 后台 – 模板 – Theme builder – Loop Item
将简码 [custom_post_data] 添加到你的产品 Loop 里 ↓

简码的位置可根据自己需求任意调整。
添加批量询盘按钮
打开你的产品聚合页模板:WP 后台 – 模板 – Theme builder – Archive
添加一个按钮元素,并为该按钮设置ID:send-inquiry-button

按钮的文本可以按需自定义填写。
再添加一个 HTML 元素,添加 “产品列表页代码.txt” 文件内的代码 ↓

最后保存产品聚合页模板。
创建批量询盘表单
创建一个 url 为 “inquiry-form” 的页面,使用 Elementor 编辑该页面

为该页面添加两个元素,分别是:HTML 元素和 Form 元素
在 HTML 元素中添加“询盘表单代码.txt”文件内的代码 ↓

Form 元素中添加你需要的表单字段,也可以参考 Well 的表单示例 ↓

无论你如何设置你的表单字段,都要在此基础上添加一个额外的“Textarea”类型字段,并且修改该字段 ID 为“field_welljz666” ↓


最后保存该页面,这样就完成了批量询盘功能的代码部署。