本次教程需要用到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。