会员登录 还没有账号? 立即注册

WordPress网站定制开发专家
成为WPYOU会员, 享受更多专属优惠吧!

成为WPYOU联盟推广代理,获取高比例的推广佣金分成

立即加入

Contact Form 7 – WordPress表单插件使用教程

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

  1. 安装 Contact Form 7
  2. 新建联系表单
  3. 设置联系表单
  4. 新建联系页面
  5. 将联系表单放置到联系页面中

1,安装 Contact Form 7

像安装其他 WP 插件一样,将 Contact Form 7 上传到 /wp-content/plugins/ 目录,在 WordPress 后台的插件中找到并启用它即可。

2,新建联系表单

安装启用Contact Form 7插件后,在后台左侧功能菜单底部找到“Contact”项,这里就是Contact Form 7设置区了,点击进入,找到“添加新表单”按钮链接,点击可以新建一个联系表单;当然,您也可以选择使用默认就有的 联系表格1

3,设置联系表单

设置联系表单,包括设置如下内容:

  • 表单元素设置:新建联系表单之后,Contact Form 7 为我们准备了最基本的一些表单元素,包括:姓名、邮箱、标题、详细内容和表单提交按钮,可以通过旁边的生成标签下拉框继续添加自己需要的其他表单元素,比如文件上传按钮、验证码等。
  • 收件人、邮件内容等信息设置:在表单元素的下方,我们可以对收件人、发送人、主题以及邮件主题内容等一系列信息进行设置。
  • 发送邮件错误时的提示信息:在 Message 一栏,我们可以设置邮件发送时的错误提示信息。
  • 发送邮件成功后的跳转页面:在 Additional Settings 一栏,我们可以设置邮件发送成功之后的附加信息,比如,FASTWZ 通过 on_sent_ok: “location = ‘http://www.fastwz.com’;” 这句代码,将邮件发送成功之后的跳转页面设置为 FASTWZ 首页。

使用虚拟主机建站的朋友,如果遇到使用 Contact Form 7 无法正确收到邮件的情况,可以配合 WP Mail SMTP 插件一起使用。

4,新建联系页面

在后台找到 页面 – 新建页面,建立新的页面用来实现 Contact Form 7 的表单功能。

5,将联系表单放置到联系页面中

在 Contact Form 7 插件设置页面,建立的表单名称下方有使用提示:

将本代码复制并粘贴到日志、页面或文本小工具内容中。

把对应的表单短代码复制到新建的联系页面(注意:必须是HTML模式下)。例如:把默认自带表单的短代码 [contact-form 1 “联系表格 1”] 复制到页面的HTML模式下的编辑框,保存就可以了。

通过以上5步的操作,Contact Form 7 插件就完全应用到我们的网站中了。

 

Contact Form 7 视频教程:

 

Contact Form 7插件下载地址http://wordpress.org/extend/plugins/contact-form-7/

在线留言

您的昵称 *

您的邮箱 *

您的网站

评论内容

  1. 强大的留言版插件也叫表单插件cformsII | 虾编社2011/12/24 23:40:13

    […] 最近在做一个需要往数据库提交信息的表单页面,但是Wordpress自带的评论功能来做的话功能有局限性,最好可以自定义表单的,找到一款Contact Form 7,这款插件后台是可以自己定义需要提交的表单的,研究了下,发现他是直接发送邮件到管理员邮箱的,不能提交信息到数据库,这样没法在后台查阅,这样还是满足不了要求,继续搜索。 […]

  2. Contact Form 7插件高级应用,暂时不动什么意思,先收藏下来!-仙影天城2014/10/31 01:11:10

    […] Contact Form 7 除了特有的联系表单扩展功能外,还有更多高级的特色功能应用,这里为大家一一说明。 […]

  3. WP contact form 7使用 – Ling's Blog2016/04/10 21:55:37

    […] 联系本站 […]

在线客服

点击这里给我发消息 定制开发 购买主题 售前咨询 售后服务
返回顶部