Contact Form 7插件是WordPress网站中最流行的插件,总安装量有500多万,该插件已经成为WordPress网站开发的一个标配插件,该插件还有另外一大特点,就是用户能够完全免费使用。

Contact Form 7插件排名情况

Contact Form 7插件排名情况

Contact Form 7插件简介

Contact Form 7插件的能够满足网站添加联系表单,搜集用户留言,实现邮件订阅功能以及搜集用户的反馈信息等等于表单相关的功能。

如果在Wordpress网站建设时只是使用Contact Form 7一个插件的话我们可能会碰到邮件发送失败的情况,那么我们就需要安装一个WP-Mail-SMTP插件来让Contact Form 7正常的工作,小编也尝试过不通过其他插件来达到正常发送邮件,但是折腾了一阵子发现WP-Mail-SMTP真香,关于WP-Mail-SMTP怎么去设置请查看这一篇文章wordpress中Gravity form表单用户提交后管理员收到邮件通知设置教程。来正确设置WP-Mail-SMTP插件吧。

WP-Mail-SMTP插件的使用

WP-Mail-SMTP插件的使用

 

在不使用使用其他的插件情况下我们是不能够在wordpress网站后台查看到网站表单的提交情况的,但是我们能够在我们的设置的收件人邮件中收到用户给我们发送的邮件,但是这样对于我们收集网站表单提交信息太过于复杂了,所以我推荐大家在wordpress插件界面搜索一下关键词Contact Form 7 Datatbase来安装合适的Contact Form 7数据库插件。下图为小编安装的Contact Form 7 数据库插件,通过安装数据库插件我们能够查看到用户提交表单的基本信息。

Contact Form 7 数据库插件

Contact Form 7 数据库插件

 

这里我们简单的介绍Contact Form 7表单,以及使用如何更加简单的使用Contact Form 7插件,在一定程度上降低我们使用它的难度。

Contact Form 7表单控件详解

现在我们简单的介绍Contact Form 7表单,以及使用如何更加简单的使用Contact Form 7插件,这一节中我们将会详细的为大家讲解如何正确的使用Contact Form 7插件,并给大家详细的解答Contact Form 7的设置项。

我们进入到网站后台之后依次点击 插件 -> 安装插件 进入到wordpress网站插件安装界面中,点击 热门 选项,能够查看wordpress网站中最热门的一些插件,进入到热门插件选项之后插件列表的头一个就是Contact Form 7 插件了,我们点击现在安装按钮进行插件安装,插件安装完毕之后,在原位置点击启用按钮,启用安装好的Contact Form 7 插件,启用完毕之后就如下图显示。

 

Contact Form 7 安装

Contact Form 7 安装

 

 

Contact Form 7 插件启用之后在后台侧边栏中会出现联系选项,我们对表单的添加,删除以及修改都是这个选中进行的。

Contact Form 7 显示

Contact Form 7 显示

 

在后台中依次点击 联系 -> 联系表单进入到所有的Contact Form 7表单界面中,在启用Contact Form 7插件时,会创一个默认的表单。

Contact Form 7 默认表单

Contact Form 7 默认表单

在后台中依次点击 联系 -> 添加表单,让我们重头创建一个Contact Form 7的表单,并且详细介绍我们在使用Contact Form 7插件时一些参数。

进入到表单创建界面之后,我们来一一介绍该界面的功能,表单创建界面如下图,该界面的各个模块用处名称已经在图片中描述出来了。

Contact Form 7 参数

Contact Form 7 参数

 

表单组成项的详细解释:

  • 文本 —- 该表单控件我们一般可用用于进行少量文本的输入,例如,姓名,公司名称,公司地址,反馈标题,问题标题等等
  • 邮箱地址 —- 该表单控件可用于邮箱的填写,如果该表单控件中填写的不是邮箱地址,在用户提交时是会报错的,并阻止表单数据的提交
  • 链接 —- 该表单控件用于用户填写链接,效果与邮箱地址项类似
  • 电话 —- 该表单控件可用于用户填写电话联系信息,如果该表单控件中填写的不是数字,在用户提交时是会报错的,并阻止表单数据的提交
  • 数值 —- 该表单控件用于填写相应的数值数据,例如:产品金额,投资金额,年龄等等,如果该表单控件中填写的不是数字,在用户提交时是会报错的,并阻止表单数据的提交。该表单控件提供了两种显示模式。
  • 日期 —- 该表单控件可用于用户填写日期数据,例如:用户的生日,毕业日期,公司成立日期等等。如果控件不能够得到您想要的数据,您可以尝试使用文本控件代替日期控件
  • 文本段 —- 该表单控件可用于用户填写大量文本,例如用户的需求说明,公司详情等等。
  • 下拉式菜单 —- 该表单控件可用于用户选择指定的数据,例如:国家,城市,学历,年龄范围等等
  • 复选框 —- 该表单控件可用于用户选取多个指定的数据,例如:兴趣,技能,特点等等
  • 单选按钮 —- 该表单控件可用于少量的指定选项,例如:性别,是/否等等。该表单控件与下拉菜单还是有些许的不同,只有少量的选项小编建议使用单选,大量的选项可以使用下拉菜单。
  • 接受 —- 该表单控件可用于注册界面,支付界面的相关注意事项的提醒,建议再使用该控件时设置为必选项。
  • 测验 —- 该表单控件可用于进行问题设置时进行使用,该控件的使用效果有点类似于我们进行QQ好友添加时需要回答的问题,该表单控件能够设置问题及问题的答案
  • 文件 —- 该表单控件能够让用户进行文件上传的操作,可上传文档,表格,多媒体文件等等。
  • 提交 —- 该表单控件是一个必须品,该控件的功能是能够让用户提交所填写的信息,在创建一个新表单时一定要添加该控件。

 

下图为小编使用主题的默认表单样式,在不同的主题下表单的显示的效果是会不一样的,您也可以自行对表单的内容进行设置。

Contact Form 7 显示效果

Contact Form 7 显示效果

Contact Form 7邮箱配置

上面的内容我们介绍了Contact Form 7 中的表单控件,表单控件表示的什么以及显示效果。现在我们来介绍一下怎么来配置Contact Form 7的邮件功能,这个早wordpress网站开发中是很重要的一点,如果邮件功能没有配置功能,网站管理员也就会收不到相应的信息,如果该表单是一个订阅表单的话,则会造成潜在客户丢失的情况。

在wordpress网站后台中点击表单选项,进入到Contact Form 7编辑界面或是创建界面,我们选择 邮箱 选项,进行邮箱的配置,这个配置没创建一个Contact Form 7表单是都是需要进行配置的,所以您可以在不同的表单上设置不同表单提交信息的收件人。下图为邮箱配置界面图。

Contact Form 7邮箱配置界面图

再进行配置时需要注意的有以下几点:

  • 发件人邮箱 —- 这里填写的邮箱地址要与WP Mail SMTP中填写的邮件要统一,不然在进行表单提交时会发生错误的
  • 邮件地址 —- 这里填写的收件人邮箱,发件人的邮箱地址后缀必须是域名的名称,不然这会发生错误,导致无法进行邮件正常的发送。例如我的网站名称是oslion.com,那么我填写的邮箱地址必须是以@oslion.com进行结尾的。

Contact Form 7留言配置

在wordpress网站后台中点击表单选项,进入到Contact Form 7编辑界面或是创建界面,我们选择 留言 选项,可以看到Contact Form 7提供的错误提示,我们可以在相应问题提示中设置合适的提示,这样用户在进行表单信息提交的时候,出现问题的时候就能够更具错误提示进行修改。下图为留言界面图。

Contact Form 7留言界面图

Contact Form 7留言界面图

Contact Form 7额外的设置

在wordpress网站后台中点击表单选项,进入到Contact Form 7编辑界面或是创建界面,我们选择 额外的设置 选项,就能够看到Contact Form 7为我们提供的放置表单样式的地方,您可以在这个文本框中填写已经填写完毕的表单样式。这里的修改还是需要去咨询一下懂得怎么使用样式的程序员,可以让较为专业的人来进行操作,在后续的中我们会给出几款好款的表单样式。

Contact Form 7额外设置界面图

专业网站开发网页设计公司

发表评论

电子邮件地址不会被公开。 必填项已用*标注

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据

wechat logo