本文介绍如何使用Bricks Builder Form创建询盘表单。和Elementor一样Bricks Buider也提供From表单功能。通过Bricks Builder Form我们可以为网站创建各种询盘表单。
通常我们网站中会不止一个地方出现表单,如果整个网站出现的表单字段都一致的话,我喜欢的做法是:创建一个表单模版,通过Templete在任何想要出现表单的地方调用即可,这样方便我对表单的统一管理。
如果你网站不同地方使用的表单字段不一致,那么只能分别创建和管理。
这些是我个人的建议,不是我在这篇文章想要讨论的重点,这篇文章重点是想介绍通过Bricks Builder Form 来实现网站的询盘表单功能,内容涉及到Form表单制作,reCAPTCHA V3验证,以及SMTP配置。以便你可以通过本篇文章了解询盘表单功能实现的整个过程。
1、网站SMTP服务配置以实现询盘表单提交消息转发
SMTP服务可以帮助我们实现将网站的消息提醒转到我们的邮箱,以便我们及时的掌握和了解网站的情况。通常转发的信息包括:网站插件的一些升级或者告警信息(比如Wordfence插件的安全告警),网站用户注册消息提醒以及密码找回邮箱验证,网站用户提交表单消息提醒等等。
SMTP服务每个网站必须配置的服务,除非你不想从你的网站接受任何消息提醒。
有时候你会发现你并没有配置网站SMTP服务,还是可以收到网站的消息提醒,那是因为你的主机服务提供了SMTP服务,但是我不建议直接用主机提供的SMTP服务,一方面它可能存在不稳定性,其次,它的转发邮箱地址不是你自己的。
你可以选择你想要配置SMTP服务的邮箱地址,163邮箱、Hotmail邮箱、企业邮箱都可以,但是我建议使用Gmail邮箱,因为Gmail通过API验证服务,安全性更高。
详细的配置过程你可以阅读下面的文章。
配置好SMTP服务之后,你需要在需要转发消息的插件或者主题功能设置的地方,将发件邮箱地址都改成你配置SMTP服务的邮箱地址。
逻辑上就是设置通过这个SMTP服务配置的邮箱来作为发件人给你发送网站相关的消息提醒。
2、使用Bricks Builder Form创建询盘表单
在使用Bricks Builder Form创建询盘表单之前,你需要知道:Bricks Buider Form没有提供Submissions来c存储下所有表单提交的记录。但是你可以通过SMTP的邮件日志管理和存档询盘记录。详细过程在本文第4条。
1)Bricks Builder Form介绍
Bricks 的“Form”元素是一个开箱即用的元素,用于在使用 Bricks 构建的任何页面上构建和放置表单。表单元素允许您使用以下表单字段类型构建自定义表单:
- 电子邮件
- 文本
- 文本区域
- 电话
- 数字
- 网址
- 复选框
- 选择(下拉)
- 收音机
- 密码
- 日期选择器
- 上传文件
- 隐藏(自 Bricks 1.3.5 起)
您可以定义由表单提交触发的操作,例如发送电子邮件通知、重定向到特定页面、与 SendGrid 或 Mailchimp 服务器通信或用户登录/注册。如果这还不够,您还可以开发自己的操作。
2)添加一个Form元素到页面
你可以像我一样制作一个Section模版,在模版中添加一个Form元素,或者你可以直接向你编辑的页面添加一个Form元素。
在Bricks Builder画布中点击➕,添加元素,在搜索栏中输入Form,并在结果中找到Form元素并点击,点击之后元素会自动添加到你鼠标光标所处的Container中。
3)创建和编辑询盘表单字段
4)设置询盘提交按钮
5)设置表单行为
6)设置表单垃圾邮件保护
Bricks Builder Form提供的默认的垃圾邮件保护是通过集成Google reCAPTCHA来实现的。
关于如何集成Google reCAPTCHA到Bricks Buider Form表单中,我写了一篇详细的教程。