如何给WordPress商城添加询单弹窗,询价表单功能

我们在用WordPress搭建独立站商城的时候,很多人都希望能拥有一个弹出的询单窗口,尤其是做To B展示商城的卖家,这样的功能方便客户提问并收集意向买家的资料。

视频教程

今天这篇文章就教你如何实现这一功能,非常简单,只需要4步,而且位置也可以自由定制。下面就是产品页上的咨询按钮展示,当意向客户点击询单按钮,右下角就弹出信息提示框(这里的弹窗也可以显示在正中间,是可以调整的),这次的表单里还自动加入了当前页面的网址,我们一起看看如何操作吧!

Wordpress建站 询盘弹窗 1

第一步. 创建咨询表单

我们用到的表单还是WPForms,这个表单插件的安装使用之前的第十四节视频中已经讲过了,大家可以点击下方链接去查看。

但是自动填充网址这个设置还是要在下面和大家补充一下。

创建WPForms表单后,我们来到添加字段,正常情况下这种自动填充的字段,我们是应该选择“功能字段”里的“隐藏字段”,也就是意向客户看不到,但是数值会记录下来发到我们自己的邮箱。

但是这是个会员功能,考虑到很多粉丝预算有限,所以我们就用上面的“单行文本”代替。把它拖拽到右边的表单区,然后正常修改。

标签名称就改成Product Link,然后到Advanced下面的默认值,在它的右边有“隐藏只能标签”选项,打开,选择嵌入的文章/页面的URL,这样就可以了。其他的步骤就参考上面的“商城表单和邮件接受问题”这篇文章吧。

Wordpress建站 询盘弹窗 3

第二步. 安装Popup Maker插件

在WordPress后台的左边,选择插件下的“安装新插件”,然后搜索“Popup maker”,找到对应插件,安装——启用。

Wordpress建站 询盘弹窗 5

然后左边菜单就会出现Popup Maker选项,我们点击“Create New Popup”。起一个自己能识别的名称,然后在下面的框中把自己想要放置的表单填进去。可以用简码,也可以点击上面的添加表单选项。

Wordpress建站 询盘弹窗 7

关于Popup Maker的一些外观设置,大家可以看一下上面的视频,文字不太好展示。

第三步. 创建询单按钮

随便创建一个空白页面,然后插入按钮。

Wordpress建站 询盘弹窗 9

然后右边编辑区域有一个Popup Controls选项,打开下面的下拉框,选择自己刚才创建的“Popup表单”,然后保存。

Wordpress建站 询盘弹窗 11

鼠标放到按钮上,点击编辑菜单最右边的三个点,然后“作为HTML编辑”,我们把这个按钮的HTML复制下来,放到自己想要放置的地方就可以了。

Wordpress建站 询盘弹窗 13

第四步. 应用按钮,放到合适的位置

如果你想放在某个产品的区域,就到对应产品的编辑页面,在产品简短描述区域,点击编辑框右边的“文本”,然后把刚才复制按钮的HTML粘贴在里面,更新保存产品。

Wordpress建站 询盘弹窗 15

那么对应的产品页就出现了这个按钮,当意向客户点击时就会弹出对应的弹窗。

Wordpress建站 询盘弹窗 17
Wordpress建站 询盘弹窗 19

关于按钮的位置和样式,可以到Popup Maker下面的Popup Themes选项里去修改,这部分设计内容也比较简单,因为涉及的参数较多,不方便截图讲解,大家可以查看上面的视频。

Wordpress建站 询盘弹窗 21

至于放到其他的位置,比如页眉页脚,也是一样的,大家就自己尝试一下吧!

(转载分享需注明出处,违者必究。)

留下评论

您的邮箱地址不会被公开。 必填项已用 * 标注