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

由作者 王金阁不知名博主,曾网名:挨踢红领巾,现网名:Aduang 发布于

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 插件就完全应用到我们的网站中了。

Tags: | |


本文地址:https://www.nnbbxx.net/post-5725.html
版权申明:本站原创内容版权遵循 CC-BY-NC-SA 协议规定。转载请标明出处。

发表评论

电子邮件地址不会被公开。 必填项已用*标注