Generic filters
Exact matches only
Search in title
Search in content
Search in excerpt

页面

教程分类

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

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

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

本次教程需要用到Elementor Pro插件,在Well建站注册用户可免费下载Elementor Pro,下载链接:

Elementor Pro GPL 破解版插件免费下载

使用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”设置接收表单信息的邮箱和发件邮箱,具体操作请参考Elementor Form Email设置

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

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

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

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

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

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

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

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

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

推荐你看:

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

建站全流程

: ) 文章内容均为原创,转载须注明出处并添加原文链接,否则视为侵权
Well企业微信
专业网站搭建,扫码直接咨询
外贸服务器推荐(Well在用的服务器)
vultr-logo
一线品牌VPS服务器,稳定、不贵、性能强
Clouvider-logo
二线品牌VPS服务器,稳定、便宜、性能强
文章标签
文章推荐
文章目录
相关文章
没有账号? 忘记密码?