• 欢迎访问小朱博客,博主主要从事阿里巴巴国际站运营,WordPress建站,电子商务。如果你也是从事阿里巴巴国际站运营工作,欢迎加入阿里巴巴国际站SEO QQ群
  • 本站所有内容都是我在工作中所遇到的问题,通过搜索引擎查到资料,有自己原创经验分享,有收集来的,记录并分享,方便自己以后查阅。
  • 主要:建站资料,网络推广,服务器,软件分享,办公软件操作,阿里巴巴国际站,国外社交平台,各类工具等等。
  • 好记性不如烂笔头。
  • 如果您觉得本站非常有看点,那么赶紧使用 Ctrl+D 收藏 小朱博客 吧!

Contact Form 7插件高级应用

WordPress技巧 小朱博客 2年前 (2017-09-10) 74次浏览 5个评论

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'); // Redirect to OK page
alert('Thank you for your message. It has been sent.'); // 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>


欢迎浏览小朱博客 , 由小朱发表的:Contact Form 7插件高级应用
转载请注明原文链接:https://www.zhudc.com/wordpress/77
喜欢 (1)
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(5)个小伙伴在吐槽
  1. wanguan你好,很想和你有联系aaaaaaa
    meke乐2018-07-30 14:15 回复
  2. 可以加我QQ:1726800251,我遇到点问题
    xiaoxian2018-07-31 11:37 回复
  3. aaa 明天 会更好aaa
    Neville Cleveland2019-02-22 12:31 回复