Contact Form 7插件高级应用

WordPress联系表单插件 – Contact Form 7 是一款简单易用扩展性灵活的表单插件，可以自定义各式各样不同类型的表单功能，而且支持自定义接受邮件，Ajax提交和 jQuery表单插件支持．可结合Akismet过滤垃圾邮件，同时也支持CAPTCHA反垃圾邮件，表单域元素支持各种最常见的：单选框、复选框、文本框、下拉菜单、按钮、文件上传等多种表单域．

Contact Form 7 除了特有的联系表单扩展功能外，还有更多高级的特色功能应用，这里为大家一一说明。

1，邮件发送接收功能

当读者填写好信息点击提交后,你就可以收到一封邮件，我们在消息正文中输入如下代码,就可以显示相应信息：

读者名字:[your-name]
电子邮件:[your-email]
来信主题: [your-subject]
备注信息:[your-message]

下面是如何实现收邮件：
首先，你要保证你的博客所在虚拟主机支持mail()函数，不支持的请安装Cimy Swift SMTP插件。
在收件人中填写好收件人的邮箱，这里填我们自己的就行。
还要添加好寄件人admin@waisir.com,注意,在使用Cimy Swift SMTP插件辅助发信的朋友尖括号里面和外面都要写Cimy Swift SMTP中配置的邮箱，不然无法发信。
这样你就可以收到按你的格式的邮件了。

紧接着下面分别是邮件2
可以设置多个收件箱,比如还需要给读者发送感谢信之类的

紧接着下面分别是消息
可以自定义显示提示消息,一般不作修改,随意.
紧接着下面分别是附加设定
附加设定可以添加附加的设定，比如我们想要提交后跳转到指定页面,可以输入如下内容：

<script>
document.addEventListener( 'wpcf7mailsent', function( event ) {
  location = 'https://www.baidu.com/thank-you/';
}, false );
</script>


<script type="text/javascript">
$(document).ready(function() {
if ($('.wpcf7-form.sent').length) {
$(location).attr('href', 'https://www.yongwp.com/ok'); // Redirect to OK page
alert('Thank you for your message. It has been sent.'); // Alert Info
}
});
</script>


或在 扩展设置里，添加下面的代码：

on_sent_ok: "location = 'https://www.yongwp.com/ok';"

2，什么是Cc和Bcc

CC 英文全称是 Carbon Copy(抄送);BCC英文全称是 Blind CarbonCopy(暗抄送)。 两者的区别在于在BCC栏中的收件人可以看到所有的收件人名(TO,CC,BCC)，而在TO 和CC栏中的收件人看不到BBC的收件人名。

3，Contact Form 7如何添加抄送和暗送
在 邮件栏 – 另外的标头( Additional headers )下填写如下格式代码即可

Cc:test001@waisir.com
Bcc:test002@waisir.com

4，Contact Form CheckBox多选标签如何将选择框放在后面
添加label_first 这个tag即可
选框在前：

[checkbox your-cb “Option 1” “Option 2” “Option 3”]

选框在后：

[checkbox your-cb label_first “Option 1” “Option 2” “Option 3”]

5，如何CheckBox多选标签竖着排列
在主题CSS层叠样式表中添加如下代码即可

span.wpcf7-list-item { display: block; }

6，Contact Form如何调整提示信息栏的位置
当点击提交后,默认情况下在表单最下方会看到恭喜,提交成功类似文字.
我们可以随意改变提示信息的位置,使用[response]标签即可,如：

[response]
Your Name (required)
[text* your-name]
Subject
[text your-subject]
Your Message
[textarea your-message]
[response]
[submit "Send"]

7，Contact Form解决关于SEO邮件暴露问题
如,你需要一个下拉框让读者选择给谁发送邮件,不如可以选择(站长,销售员,客服),一般情况下,我们这样写就行
[select your-recipient “ceo@example.com”
“sales@example.com”
“support@example.com”]
再将自定义的[your-recipient]字段填写到收件人即可.这样就可以将邮件发送到选择的邮箱中
毋庸置疑,这样会暴露邮箱地址, 而带来垃圾邮件,而且对于用户来说也不方便.
做如下处理即可

[select your-recipient "CEO|ceo@example.com"
"Sales|sales@example.com"
"Support|support@example.com"]

相当于为每个邮件地址设置了一个用于显示的别名

8，Contact Form如何返回表单所在POST的url和文章名称/用户IP等参数
通过引用以下这些tag就可以实现了

[_remote_ip]访者IP
[_url]返回页面url
[_date]返回日期
[_time]返回时间
[_post_id]返回postID
[_post_title]返回文章名称
[_post_url]返回文章URL
[_post_author]返回文章作者
[_post_author_email]返回文章作者邮件

9，Contact Form如何让用户上传附件并发送附件
和添加其他文本域便签一样,添加一个[file]标签,如：

[file file-torrent limit:1000000 filetypes:torrent]

然后在邮件栏-附件下填写[file-torrent]即可
有多个附件时并列填写即可[file-torrent1][file-torrent2]

10，怎么将contact form 7直接插入到主题中
需要注意的是不能用短代码,用do_shortcode()函数调用：

<?phpecho do_shortcode('[contact-form-7 id="1234" title="Contact form 1"]' ); ?>

11，Contact Form验证码CAPTCHA无法输入,这个应该在火狐下才会出现,应该的位置没放正确
这是正确的写法

[captchac your-captcha]
<label>Enter the code: [captchar your-captcha]</label>

这是不好的写好

<label>[captchac your-captcha]
Enter the code: [captchar your-captcha]</label>

12, 更多 Contact Form 7 参数：

提交询盘时间：[_date] [_time]
客户访问IP：<a href=”http://www.ip138.com/ips138.asp?ip=[_remote_ip]”>[_remote_ip]</a> （点击打开可看到ip所属国家）
客户访问产品：[_url]
客户访问日期：[_date]
客户访问者有没有facebook：<a href=”https://www.facebook.com/search/top/?q=[your-email]”>[your-email]</a>

13，E-mail 邮箱验证功能：

首先，在 Contact Form 7 表单设置中，添加如下表单项：

[email* email placeholder "Email"]
[email* email-confirm placeholder "Confirm Email"]

然后，在主题的 js 文件中添加判断脚本代码：

// First we trigger the form submit event
jQuery( document ).ready( function () {
jQuery('.wpcf7-submit').click(function () {
// We remove the error to avoid duplicate errors
jQuery('.wpcf7-not-valid-tip').remove();
// We create a variable to store our error message
var errorMsg = jQuery('Your emails do not match.');
// Then we check our values to see if they match
// If they do not match we display the error and we do not allow form to submit
if (jQuery('.email').find('input').val() !== jQuery('.email-confirm').find('input').val()) {
errorMsg.insertAfter(jQuery('.email-confirm').find('input'));
return false;
} else {
// If they do match we remove the error and we submit the form
jQuery('.wpcf7-not-valid-tip').remove();
return true;
}
});
} );


14. 使用 Akismet 进行垃圾邮件过滤

Akismet 是WordPress自带的自动过滤垃圾评论插件，是保护您的站点免受垃圾评论的最好方式。Contact Form 7 插件也可以结合 Akismet 来实现自动过滤垃圾表单信息提交。

首先，激活 Akismet 插件后，将以下与Akismet相关的选项添加到表单中的相应字段中。

akismet:author
将此选项添加到接受发件人姓名的字段中：
[text* your-name akismet:author]

akismet:author_email
将此选项添加到接受发件人电子邮件地址的字段中：
[email* your-email akismet:author_email]

akismet:author_url
将此选项添加到接受发件人URL的字段中：
[text your-url akismet:author_url]

15. Contact Form 7 add confirm 添加提交确认功能

Contact Form 7 插件默认的工作流程是：客户填写咨询信息，点击发送，直接发到站长的邮箱，并没有检查确认的步骤。今天介绍一款插件 – Contact Form 7 add confirm，这款 WordPress 插件可以为 Contact Form 7 添加检查验证表单的步骤。

插件安装方法：

1. 在后台的插件里搜索 Contact Form 7 add confirm，在线安装或者点击此处下载Contact Form 7 add confirm插件，上传到服务器空间。
2. 激活插件。

插件使用方法：

通常提交按钮的代码是：

[submit "发送"]

在提交按钮之前加入以下代码：

[confirm class:btn class:btn-primary "确认"]

如果在确认表单信息阶段发现错误，想再次编辑，请加入以下代码：

[back class:btn class:btn-default "再次编辑"]

Contact Form 7插件下载地址：

http://wordpress.org/extend/plugins/contact-form-7/