使用Popup制作WordPress弹出式表单,提高网站询盘率

制作WordPress弹出式表单配图
使用Popup制作WordPress弹出式表单,弹出式表单对用户具有更好的交互效果,不需要跳转页变就可以发起询盘,提高网站询盘率。
文章目录

本篇文章共 1350 字,预计阅读时间 6 分钟

本次教程需要用到Elementor Pro插件,Well这里有GPL版本的Elementor Pro插件,有需要的伙伴可以联系Well免费获取。

制作WordPress弹出式表单

WP后台,点击左侧导航栏模板-Popups,创建popup模板并命名。

进入模板编辑界面,点击上方导航的设置按钮,修改页面的宽度和高度为500px。

搜索“form”,将Elementor Pro自带的Form组件添加到容器里。

完善表单字段内容,关闭“Label”选项。

在表单上方分别添加一个标题元素和一个文本编辑器元素。

编辑标题和文本内容并设置样式。

选中大容器,设置内距为40px。

再次选中Form元素,设置提交表单后的操作(Actions After Submit):

  • 默认有两个提交后操作
  • Collect Submissions会将表单保存到WP后台Elementor的Submissions菜单里
  • Email是会把表单内容发送到指定邮箱
  • 再添加一个重定向“Redirect”操作
这样可以设置用户提交完表单后跳转到网站的感谢页面。

如果没有感谢页面就先创建一个感谢页面,并把页面链接复制到Redirect设置里。

设置接收表单内容的邮箱,默认是管理员邮箱。

点击右上角发布,跳过触发设置,直接保存。

回到WP后台,点击导航栏的模板-Theme Builder,找到产品详情页模板并编辑。

设置询盘按钮的链接为Popup。

设置Popup,选择我们刚刚创建好的popup form。

弹出式表单演示,GIF动图
点击图片,查看GIF动图

至此,弹出式表单制作完成。

“表单制作完成后记得自己填写测试一下,看wp后台和邮箱是否都能收到询盘信息,以及是否能够跳转到感谢页面”。

还推荐你看WordPress如何管理B2B产品

: ) 文章内容均为原创,转载须注明出处并添加原文链接,否则视为侵权
B2B外贸建站服务 - well建站
Well提供外贸建站服务,高性价比、不玩套路、终身售后。
文章标签
文章推荐
文章目录
相关文章