最近帮一位台湾的朋友设计了一个关于母亲节活动的网页,需要对用户进行调查,就使用到 Contact Form 7 来实现联系表单配置。

Contact Form 7 是一个使用简单的 WordPress 联系表单插件,简单但灵活性高,可以生成多个联系表单,支持通过标记自定义邮件或表单内容的显示,Ajax 提交和 jQuery 表单插件支持,可结合 Akismet 过滤垃圾邮件,同时也支持 CAPTCHA 反垃圾邮件,表单域元素支持各种最常见的:文本(域与区)、邮箱、链接、电话、数字(选值框与滑动选值)、单选框、复选框、下拉菜单、 CAPTCHA 等。 Contact Form 7 强大、简单而灵活,但不是万能的,地址需要使用下拉式菜单,而 Contact Form 7 只有实现单独的下拉式菜单,不能关联,所以只有通过 jQuery 来实现区域的下拉式选择。

网上有很多关于 Contact Form 7 的文章,绝大多数是介绍,一点都不实用,但确实没有什么好写的教程,使用起来都一目了然,没有难度。

首页我们在 WP 后台搜索 Contact Form 7 安装即可,启用后插件会自动检测 WP 的语言来匹配,所以不用担心汉化,同时插件默认已经创建了一个表单,如下图:

WordPress强大的联系表单Contact Form 7使用与演示

生成标签:以文本域为例,点击上图右侧中的 “文本域”,弹出 “文本域” 的编辑框,如下图:

WordPress强大的联系表单Contact Form 7使用与演示

这些选项一目了然,重要的是需要把 [text your-name placeholder “ 笔者”] 这段代码添加到左侧的 “表单” 中,再把 [your-name] 代码添加到下图的 “邮件正文” 中。

WordPress强大的联系表单Contact Form 7使用与演示

其它的标签使用都是一样,生成一个标准的联系表单非常简单的就实现了,台湾地区下拉式菜单是通过 jQuery 插件来实现。如需添加 CAPTCHA 验证码标签,需要安装 Really Simple CAPTCHA 插件,没有安装,在前台页面会提示安装。