如何给WordPress商城添加询单弹窗,询价表单功能
我们在用WordPress搭建独立站商城的时候,很多人都希望能拥有一个弹出的询单窗口,尤其是做To B展示商城的卖家,这样的功能方便客户提问并收集意向买家的资料。
视频教程
今天这篇文章就教你如何实现这一功能,非常简单,只需要4步,而且位置也可以自由定制。下面就是产品页上的咨询按钮展示,当意向客户点击询单按钮,右下角就弹出信息提示框(这里的弹窗也可以显示在正中间,是可以调整的),这次的表单里还自动加入了当前页面的网址,我们一起看看如何操作吧!

第一步. 创建咨询表单
我们用到的表单还是WPForms,这个表单插件的安装使用之前的第十四节视频中已经讲过了,大家可以点击下方链接去查看。
但是自动填充网址这个设置还是要在下面和大家补充一下。
创建WPForms表单后,我们来到添加字段,正常情况下这种自动填充的字段,我们是应该选择“功能字段”里的“隐藏字段”,也就是意向客户看不到,但是数值会记录下来发到我们自己的邮箱。
但是这是个会员功能,考虑到很多粉丝预算有限,所以我们就用上面的“单行文本”代替。把它拖拽到右边的表单区,然后正常修改。
标签名称就改成Product Link,然后到Advanced下面的默认值,在它的右边有“隐藏只能标签”选项,打开,选择嵌入的文章/页面的URL,这样就可以了。其他的步骤就参考上面的“商城表单和邮件接受问题”这篇文章吧。

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

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

关于Popup Maker的一些外观设置,大家可以看一下上面的视频,文字不太好展示。
第三步. 创建询单按钮
随便创建一个空白页面,然后插入按钮。

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

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

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

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


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

至于放到其他的位置,比如页眉页脚,也是一样的,大家就自己尝试一下吧!
(转载分享需注明出处,违者必究。)