WordPress联系表单插件-Contact Form 7 设置安装教程

WordPress联系表单插件-Contact Form 7 设置安装教程

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

Contact Form 7 完美支持中文,如果你使用的是中文版的 WordPress ,默认情况下Contact Form 7 就会显示为中文。

Contact Form 7安装

进入WordPress后台>插件>安装插件>搜索“Contact Form 7

表单联系插件:Contact Form 7

之后点击【现在安装】,稍等片刻后点击【启用】。

如果网速不好,或者其他原因安装失败,可以按照 WordPress插件安装教程大全 这篇文章进行安装!

Contact Form 7 设置教程

启用 Contact Form 7 以后,左边菜单即可看到 “联系” 这个菜单,进去之后就可以开始设置。

① 添加表单 > 设置表单名称 > 根据实际情况设置表单,如下图:

WordPress联系表单插件-Contact Form 7 设置安装教程

② 表单选项设置,如下图:

WordPress联系表单插件-Contact Form 7 设置安装教程

③ 设置接受邮件,如下图:

WordPress联系表单插件-Contact Form 7 设置安装教程

注意:用户通过 Contact Form 7 表单提交到消息,默认都会通过邮件发送到指定的邮箱,而WordPress默认是不支持发送邮件的,所以你需要配置SMTP发送,具体请参考下面的其中一个教程:WordPress邮件发送插件 – Easy WP SMTP

设置表单到网站页面

在设置完后台之后,提交表单并不会显示在前台,需要进入WordPress后台>联系,联系表单,然后复制短码

WordPress联系表单插件-Contact Form 7 设置安装教程

可以将这段简码放置在网站的侧边栏、页脚栏,或者是文章,页面当中。进入wordpress后台 > 外观 > 小工具中,将左侧栏目中的文本功能,点击拖动到右侧对应的侧边栏中。点击拖动文本功能,拖动到固定位置后,点开小工具区域的文本编辑框,点击文本(html代码),并且把刚才的简码复制到文本框当中。

WordPress联系表单插件-Contact Form 7 设置安装教程

点击保存,同时反回到网站的首页。F5刷新页面之后,你就能看到自己定制的表单显示到了侧边栏中。同样在简码也可以放置在文章或者页面中。方法基本一样。文章编辑界面,都有文本功能,只需要把表单的简码,添加到自己指定的位置即可。

以上就是WordPress联系表单插件-Contact Form 7 设置安装教程的全部内容了,希望对你有所帮助,了解跟多WordPress插件相关知识请关注小茗博客的其他文章!

版权声明:本站部分文章来源或改编自互联网及其他公众平台,主要目的在于分享信息,版权归原作者所有,内容仅供读者参考,如有侵权请联系我们,如若转载,请注明出处:https://www.5opp.com/xiazai/wpcj/1321.html

发表评论

登录后才能评论