Contact Form 7插件高级应用
Contact Form 7 除了特有的联系表单扩展功能外,还有更多高级的特色功能应用。
1,邮件发送接收功能
当读者填写好信息点击提交后,你就可以收到一封邮件,我们在消息正文中输入如下代码,就可以显示相应信息:
1 2 3 4 | 读者名字:[your-name] 电子邮件:[your-email] 来信主题: [your-subject] 备注信息:[your-message] |
下面是如何实现收邮件:
首先,你要保证你的博客所在虚拟主机支持mail()函数,不支持的请安装Cimy Swift SMTP插件。
在收件人中填写好收件人的邮箱,这里填我们自己的就行。
还要添加好寄件人admin@waisir.com,注意,在使用Cimy Swift SMTP插件辅助发信的朋友尖括号里面和外面都要写Cimy Swift SMTP中配置的邮箱,不然无法发信。
这样你就可以收到按你的格式的邮件了。
紧接着下面分别是邮件2
可以设置多个收件箱,比如还需要给读者发送感谢信之类的
紧接着下面分别是消息
可以自定义显示提示消息,一般不作修改,随意.
紧接着下面分别是附加设定
附加设定可以添加附加的设定,比如我们想要提交后跳转到指定页面,可以输入如下内容:
1 2 3 4 5 6 7 8 | <script type="text/javascript"> $(document).ready(function() { if ($('.wpcf7-form.sent').length) { $(location).attr('href', 'http://blog.860914.com/'); https:// Redirect to OK page alert('Thank you for your message. It has been sent.'); https:// Alert Info } }); </script> |
或在 扩展设置里,添加下面的代码:
1 | on_sent_ok: "location = 'http://blog.860914.com/';" |
2,什么是Cc和Bcc
1 | CC 英文全称是 Carbon Copy(抄送);BCC英文全称是 Blind CarbonCopy(暗抄送)。 两者的区别在于在BCC栏中的收件人可以看到所有的收件人名(TO,CC,BCC),而在TO 和CC栏中的收件人看不到BBC的收件人名。 |
3,Contact Form 7如何添加抄送和暗送
在 邮件栏 – 另外的标头( Additional headers )下填写如下格式代码即可
1 2 | Cc:test001@waisir.com Bcc:test002@waisir.com |
4,Contact Form CheckBox多选标签如何将选择框放在后面
添加label_first 这个tag即可
选框在前:
1 | [checkbox your-cb label_first “Option 1” “Option 2” “Option 3”] |
选框在后:
1 | [checkbox your-cb label_first “Option 1” “Option 2” “Option 3”] |
5,如何CheckBox多选标签竖着排列
在主题CSS层叠样式表中添加如下代码即可
1 | span.wpcf7-list-item { display: block; } |
6,Contact Form如何调整提示信息栏的位置
当点击提交后,默认情况下在表单最下方会看到恭喜,提交成功类似文字.
我们可以随意改变提示信息的位置,使用[response]标签即可,如:
1 2 3 4 5 6 7 8 9 | [response] Your Name (required) [text* your-name] Subject [text your-subject] Your Message [textarea your-message] [response] [submit "Send"] |
7,Contact Form解决关于SEO邮件暴露问题
如,你需要一个下拉框让读者选择给谁发送邮件,不如可以选择(站长,销售员,客服),一般情况下,我们这样写就行
1 2 3 | [select your-recipient “ceo@example.com” “sales@example.com” “support@example.com”] |
再将自定义的[your-recipient]字段填写到收件人即可.这样就可以将邮件发送到选择的邮箱中
毋庸置疑,这样会暴露邮箱地址, 而带来垃圾邮件,而且对于用户来说也不方便.
做如下处理即可
1 2 3 | [select your-recipient "CEO|ceo@example.com" "Sales|sales@example.com" "Support|support@example.com"] |
相当于为每个邮件地址设置了一个用于显示的别名
8,Contact Form如何返回表单所在POST的url和文章名称/用户IP等参数
通过引用以下这些tag就可以实现了
1 2 3 4 5 6 7 8 9 | [_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()函数调用:
1 | <?php echo do_shortcode( '[contact-form-7 id="198" title="Contact form 1"]' ); ?> |
11,Contact Form验证码CAPTCHA无法输入,这个应该在火狐下才会出现,应该的位置没放正确
这是正确的写法
1 2 | <label>[captchac your-captcha] Enter the code: [captchar your-captcha]</label> |
这是不好的写好
1 2 | <label>[captchac your-captcha] Enter the code: [captchar your-captcha]</label> |
12, 更多 Contact Form 7 参数:
1 2 3 4 5 | 提交询盘时间:[_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> |
浅唱6(微信/QQ号:909912499),欢迎分享本文,转载请保留出处!部分内容来自网络,如有侵权请联系删除处理!
相关信息
本站提供代码修改,dedecms,WordPress仿站二次开发 / PHP网站建设以及SEO优化等网络营销推广等服务。
如有需要请加QQ: 909912499