1. contact form 7 简介
Contact form 7 是一个非常流行的wordpress联系表单插件，目前由于500万用户，而且完全免费。我们看一下contact form 7 的特点：
●创建和管理多个联系人表单
●轻松自定义表单域
●使用快捷方式将表单插入任何网页或帖子中
●插件支持Akismet垃圾邮件过滤、Ajax支持的提交和验证码
●许多第三方扩展来添加附加功能
2. 如何安装并激活contactform7
3.contact form7 设置
我们回到仪表盘会发现多了一个contact的选项，安装contact form 7 以后就会出现。
有一个默认的表单是自动生成的。这个表单是可以使用的，里面有contactform7 最基本的元素。
如果你不喜欢这个表单，可以选择新建表单，有两个地方可以新建，如上图所示。
3.1 如何修改contact form 7 表单的内容
3.1.1 设置 form里面的内容
上面我们插入了contact form 7 一个默认的表单，这个表单包含一些最基本的要素。如果我们需要新增一些需要客户填写的项目，比如电话、国家、询盘的产品等那么我们需要对表单进行修改。
如下图所示点开默认表单的 编辑 ，进入表单编辑部分。这里是contact form 7默认表单的最基本的元素。在前台显示就是上一个图片的效果。
如果我们需要添加一些客户需要填写的内容，就先点击下图中的tag,然后把信息放进label标签里。下面我们演示一下。
我们点击1 下拉菜单标签看看是什么效果：
点击右边蓝色的按钮插入标签，同样的道理我们插入了另外两个标签，分别是电话和上传附件标签。这三个新插入的标签中只有上传附件没有加入label标签，因为我们要做一个对比，看看生成的表单是什么效果。
我们看一下生成的表单是什么样子的。注意看上传附件那一行，没有加label标签的效果。使用一定要加上这个标签。
3.1.2设置 Mail菜单里的内容：
注意：
- 由于演示需要，我们去掉了上一步新增的添加附件的功能。
- 在发件人邮箱那个地方，这样设置有时候会无法发送，具体我们后面会有解决方案
- 表单设置完成后一定要测试，看看能不能接收到邮件。
3.1.3设置 Message和附加设置菜单里的内容
- Message里面是一些提示信息，比如发送成 发送失败之类的，可以不修改。
- 附加设置里面是一些扩展代码可以选择不修改。
至此contact form 7就设置完毕了，还是要注意，每次修改都有测试看能不能收到邮件，否则你看你会错失一个亿。
我们回到仪表盘会发现多了一个contact的选项，安装contact form 7 以后就会出现。
有一个默认的表单是自动生成的。这个表单是可以使用的，里面有contactform7 最基本的元素。
如果你不喜欢这个表单，可以选择新建表单，有两个地方可以新建，如上图所示。
4. 如何在网站中插入表单。
现在我们把contact form 1插入到需要的地方，利用是post，也可以是page页面。
这里我们以一个contact页面为例进行演示。我们打开Astra主题的一个contact us的页面，选择用beaver builder来编辑页面，在需要插入表格的地方加入一个row板块，简单理解就是插入一行。顺序如图所示。
在第三步的时候我们可以选择两个中的任意一个。HTML和文本编辑器都可以。因为contact form 7是支持短代码插入的。这个和woocomerce插件插入产品是一样的。
Contact form 7 是以短代码的形式插入到需要显示的页面的。短代码在每个表格的后面都会显示。注意如果我们有多个表单，那么我们所插入的短代码也是不一样的。
点击保存以后会出现表单。如下图所示。
5.contact form7 邮件无法发送问题解决方案
Contact form7无法发送邮件一般是服务器没有开启功能。如果用siteground的话就不会存在这个问题。
具体的解决方案请移步：如何解决Wordpress邮件无法发送的问题
6.contact form7 样式修改
Contact form 7优点众多，但是有一个很大缺点就是样式太少。如果想修改表单的样式必须要修改CSS，这对于新手来说是很困难的。如果要修改，必须懂得css选择器以及网页布局的基础知识。当然也有一些css插件可以利用。我下面提供一些修改样式的思路给大家。对于新手来说比较困难。能理解多少算多少吧。
7.Contact form7转化效果跟踪
以前如果要统计转化效果需要新建页面，客户提交表单成功后会自动跳转到这个新建页面进行统计。现在这种方法过时了。
我们看一下官方推荐的转化效果跟踪方法：
首先我们需要安装谷歌统计代码：
以前我们讲过如何用谷歌套件插件来安装谷歌统计。你也可以到谷歌统计后台黏贴代码到网站主题header.php的</head>标签结束之前。
其次我们安装contact form 7 的事件代码：
<script>
document.addEventListener( ‘wpcf7mailsent’, function( event ) {
ga(‘send’, ‘event’, ‘Contact Form’, ‘submit’);
}, false );
</script>
等待24-48小时后在谷歌分析后台-事件里进行查看，是否能统计到提交事件。
8.contact form 7阻止垃圾询盘
9.如何实现contactform7的跳转？
为什么要让contact form 7 发送邮件以后跳转到其它比如“提交成功”页面呢？大部分原因是我们需要使用谷歌分析统计表单提交的效果。目前已经不需要跳转就可以统计表单提交效果了。
以前的时候我们都是使用on_sent_ok 函数钩子功能实现，但是现在已经过时了。
目前实现跳转的方式有两种：
7.1官方推荐的方法：
把这段代码加入到wordpress主题的head标签中。http://example.com/换成你想跳转到的页面。
<script>
document.addEventListener( ‘wpcf7mailsent’, function( event ) {
location = ‘http://example.com/’;
}, false );
</script>
具体做法：点击外观-编辑主题-header.php-把代码加在</head>结束标签之前。性格实验室可以实现跳转的。
第二种方法是安装插件。
使用contact form 7 redirection插件来实现表单完成的跳转，非常简单。具体教程请参见：