正文

WordPress网站创建联系表单

有个业务性的站点使用的也是WordPress程序,其中有一个获取报价的页面,访客可以在页面上填写姓名、联系方式、备注等信息来获取报价。

此操作会触发一次邮件发送操作。系统会自动将访客填写的信息发送到指定邮箱。

效果图如下:

填写信息

WordPress网站创建联系表单WordPress网站创建联系表单

点击发送,跳转到发送后显示文字。

WordPress网站创建联系表单WordPress网站创建联系表单

邮件接收效果

WordPress网站创建联系表单WordPress网站创建联系表单

 

本人已经使用了半年多,目前没遇到问题。

插件列表

WP Mail SMTP(SMTP邮件服务)

WPForms Lite(网站页面字段提交插件)

这两个插件都可以在WP官方插件市场搜索安装。并且免费功能就可以完成我们的需求。使用量也很高。

 

插件设置

下面说下两个插件的主要设置。

WP Mail SMTP

一般设置

发件人:发件人要设置为我们的发信邮箱。并勾选,强制使用 [发件人电子邮件地址] 设置。
发件人名称:自己填
邮件程序:其他SMTP
其他SMTP:
这一步如果你之前看过我另一篇文章的话就很容易理解。wordpress使用阿里云企业邮箱发送注册邮件详细教程
这里就不讲如何填写了。

 

WPForms Lite

WPForms Lite上可以设置是否开启验证码服务,如果你的网站可能会受到恶意攻击的话可以选择开启验证码。防止有人通过高频率提交字段轰炸你的邮箱。

默认带有 hCaptcha reCAPTCHA人机识别系统 两个验证码服务。也可以选择不开启验证码。

创建访客需要填写的字段:

在WPForms设置新增表单。名字随便写。

WordPress网站创建联系表单WordPress网站创建联系表单

然后依次添加称呼、手机号、备注等信息。

最后有个提交按钮需要注意下

 

点击左侧字段下面的设置。

在通知设置中,我们填写上要发送到的邮箱地址等信息。

WordPress网站创建联系表单WordPress网站创建联系表单

确认设置中填写访客提交后我们网站显示的信息。

WordPress网站创建联系表单WordPress网站创建联系表单

 

完成后保存表单。然后在WPForms Lite表单列表上后面会有短代码,我们在需要的页面调用短代码即可。

WordPress网站创建联系表单WordPress网站创建联系表单