WordPress联系我们页怎样集成Contact Form 7自动发邮件？

我们利用WordPress建立企业展示站或者仿站的时，经常要制作一个联系我们页，让用户反馈他们的需求，比如下面这样的页面：

我们希望用户填写好信息后点击“提交”能够把他填写的信息发送到我们指定的邮箱。怎么做到呢？

要实现将用户填写的信息自动发送到我们的邮箱，要做下面这个步骤：

1、用户填写的表单集成表单插件。我这里选用的是Contact Form 7；

2、网站能够集成邮件发送功能。我是通过smtp的方式，利用阿里云邮件推送的服务，让网站把用户反馈的信息发送邮件到我指定的邮箱的。具体集成的方式我写了一篇教程《WordPress设置smtp邮件发送》，大家可以参考。

下面详细介绍怎样集成表单插件，并且能够自动发送用户填写的信息。

安装Contact Form 7

进入网站后台，点击左侧菜单的插件-安装插件

在接下来的页面上搜索“Contact Form 7”，找到相应的插件，点击“立即安装”，如下：

点击“启用”，这样插件就安装好了。

配置表单和邮件内容

点击“已安装的插件”，可以看到插件列表上多了一个“Contact Form 7”，并且左侧的菜单上也多了一个“联系”的功能。我们点击插件的“设置”，进入插件设置页面：

在联系表单列表上有一个默认的Contact form 1，中文的是“联系表单 1”

都一样，我们打开来看看：

这边的表单的内容就是由自己去设计了。比如[text* your-name]表示这是一个文本框，用户输入的内容未来会保存在your-name这个变量中，之后可以通过配置“邮箱”把这个变量中的数据发送给我们指定的邮箱中。

我们来看看邮箱中是什么内容：

可以看到，消息正文里面也有[your-name]，这个就是变量。

我们现在看看怎样与具体的页面结合。假设我们已经做好了如下的联系我们页静态html页面：

它的html代码如下：

<form name="form" id="form" method="post" action="" onsubmit="cfm_msg();return false;">
    <li><input name="nickname" id="nickname" type="text" class="input1" placeholder="您的姓名：" value=""> <input
            name="contact" id="contact" type="text" class="input2" placeholder="您的电话："> <input name="email" id="email"
                                                                                               type="text"
                                                                                               class="input3"
                                                                                               placeholder="您的邮箱："></li>
    <li><textarea name="content" id="content" cols="" rows="" placeholder="您的意见或建议：" class="input4"></textarea></li>
    <li><input name="submit" type="submit" value="提交" class="tjbtn"><input name="action" id="action" type="hidden"
                                                                           value="add"> <input name="reset" type="reset"
                                                                                               class="czbtn" value="重置">
    </li>
</form>

将Contact Form 7的联系表单1修改为：