Contact Form 7插件高级应用

Contact Form 7 除了特有的联系表单扩展功能外,还有更多高级的特色功能应用。

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

或在 扩展设置里,添加下面的代码:

on_sent_ok: "location = 'https://www.wpyou.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 label_first “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()函数调用:

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

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

<label>[captchac your-captcha]
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=”https://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>

WordPress技巧

Woocommerce修改搜索结果错误页

2017-9-10 17:10:36

WordPress技巧

自定义WooCommerce每页显示的产品数量

2017-9-10 17:17:22

6 条回复 A文章作者 M管理员
  1. 需要注意的是psot系列标签仅能在文章中调用,如果是侧边栏或者底部会返回空白,这个时候就需要创建hidden field(https://contactform7.com/hidden-field/)然后通过设置对应input的value来返回对应的标签值

  2. aaa 明天 会更好aaa

  3. 可以加我QQ:1726800251,我遇到点问题

    • 有什么问题?

  4. wanguan你好,很想和你有联系aaaaaaa

    • 有什么问题?

个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索