使用Elementor Pro的Form元素制作表单,无需安装额外的Form插件

使用Elementor Pro的Form元素制作表单配图
使用Elementor Pro的Form元素制作表单,在WP后台就能收到表单信息,也支持邮箱接收,不用再安装额外的表单插件,提高网站加载速度。
文章目录

本篇文章共 1149 字,预计阅读时间 5 分钟

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

使用Elementor Pro的Form元素制作表单

Elementor Pro Form
Form默认样式

先创创建一个大容器,再在大容器里添加两个宽度为50%的小容器,小容器并排排列。

再添加元素搜索框里搜索form,添加Form元素到右侧小容器里。

设置name和email标签的宽度为50%。

email开启“Required”必填项。

关闭Form表单的“Label”设置,隐藏输入框的标签名。

点开“Actions After Submit”(提交表单后的操作)设置,添加一个“Redirect”重定向操作。

第一个“Collect Submissions”是指提交表单后,表单内容会收集到WP后台Elementor的Submissions里。

第二个“Email”是指提交表单后,表单内容会发送给指定邮箱。

点开“Email”设置接收表单信息的邮箱。

点开“Redirect”设置提交表单后重定向到哪个页面,可以先创建一个感谢页面,然后把页面地址填写到这里。

在表单上方添加一个标题和一个文本元素。

编辑标题和文本元素的内容和样式。

在左侧小容器添加一个图片元素。

为大容器设置一个内边距,Well这里设置的是60px。

页面保存发布后,在浏览器预览表单板块,并填写内容测试表单是否生效。

可以看到,提交后,在后台“Elementor-Submissions”里就可以看到表单内容。

邮箱也同样会接收到表单信息。

至此,Ele Pro的表单创建完毕。

推荐你看:

自定义WordPress后台登录页面样式

建站全流程

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