Contact Form 7

- 英文名称:Contact Form 7
- 发布时间:2007 年
- 创始人:Tatsuo Koyamada
- 服务范围:全球
- 所属类型:WordPress 表单插件
- 特色服务:高度可定制、表单验证
Contact Form 7是一款简单易用扩展性灵活的WordPress联系表单插件,可以自定义各式各样不同类型的表单功能,而且支持自定义接收邮件,Ajax提交和 jQuery表单插件支持。可结合Akismet过滤垃圾邮件,同时也支持CAPTCHA反垃圾邮件,表单域元素支持各种最常见的:单选框、复选框、文本框、下拉菜单、按钮、文件上传等多种表单域。
Contact Form 7基础介绍
点击进入edit进入Contact Form 7的编辑界面之后,就看到了4个可以切换的tab,这个tab还真没有找到合适的中文名,有的人会叫它选项卡,这样也可以,不过另外一个英文意思「凸出部」更适合一点,看它的形状可不就是凸字吗!
这4个tab分别是Form/Mail/Messages/Additional Settings,分别代表的含义是:
Form:是表单的基础部分,这里面设置表单的样式和排版,在前台想把表单做的很漂亮,就在这里下功夫
Mail:是表单发信收信的设置,可以设置收件人,也可以设置bcc抄送,还可以定制收到的邮件的样式,对的,邮箱排版是支持html的,另外还可以在message body消息正文中加入简码,如[_url]或[_remote_ip]用来收集用户的发信页面和他的ip地址。
Messages:这一栏主要是cf7的消息提醒,就是填写完表单之后出现的消息,不用特别设置,但是如果做的是不同国家,需要设置不同语言的话,这里就要特别当心了,一定要切换wordpress语言再进行设置,也就是说想设置中文消息,就先把wp后台的语言设置成中文,然后再创建cf7表单,这样Messages里面就会自动切换成中文。
Additional Settings:在几年前,这个地方还可以设置表单填写完之后的跳转目的地,现在已经被cf7放弃了,所有不用了解,基本没啥用。
Contact Form 7表单设置
接下来就要来设置Form菜单了,如果觉得功能够用,可以保留。可以根据自己的需要选择将这些功能添加到表单中,分别对应的含义是:
text:文本,可以用于任何文本信息的收集,比如用户名,公司名,甚至电话都可以
email:用于搜集邮箱,专属模块
URL:用于搜集网址,专属模块,可以用text模块代替
tel:用于搜集电话,专属模块,可以用text模块代替
number:用于搜集数字,专属模块,可以用text模块代替
date:日期,专属模块
text area:文本段,一般放在表单末尾,用于搜集用户的大段信息
drop-down menu 下拉菜单:用来选择不同的选项,比如选择苹果/香蕉/梨子,只能单选
checkboxes:复选框,就是这个☑️,可以多选
radio button:单选按钮,只能单选,与drop-down menu功能上类似,但是drop-down menu更节省空间
acceptance:接受按钮,就是在注册某些网站的时候,最后都有一个用户注意事项什么的,就是让确认一下,搜集的数据是合法的。
quiz:小测验,可以设置一个小问题,比如5+3=?,如果用户填写的是8,那表单就发送成功,用来屏蔽机器人发送的垃圾邮件。
file:文件上传
submit:发送按钮