Generic filters
Exact matches only
Search in title
Search in content
Search in excerpt

页面

教程分类

WordPress 批量询盘功能
VIP 8折|包年免费

WordPress 批量询盘功能代码,B2B网站进阶功能,极致轻量、兼容性强

¥ 88
永久免费下载
文章目录

功能介绍

该批量询盘功能由 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” ↓

批量询盘表单字段
批量询盘表单id修改

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

WordPress 批量询盘功能
WordPress 批量询盘功能代码,B2B网站进阶功能,极致轻量、兼容性强
¥ 88
Well企业微信
专业网站搭建,扫码直接咨询
外贸服务器推荐(Well在用的服务器)
vultr-logo
一线品牌VPS服务器,稳定、不贵、性能强
Clouvider-logo
二线品牌VPS服务器,稳定、便宜、性能强
文章目录
没有账号? 忘记密码?