用户工具

站点工具


wordpressadvance:contactform7

使用表单与客户建立联系

目前最强大的表单插件 Contact Form 7 ,进入后台 插件 > 安装插件,搜索 Contact Form 7 , 显示在第一个位置便是,安装并启用。

将表单插入页面或文章内

1. Contact Form 7 默认建立了一个表单

contact_form_7

2. 将 简码 粘贴到 联系我们 页面内,点击 更新 按钮保存修改。

插入表单到页面

3. 接着前台访问 联系我们 页面,可以看到显示如下表单。

前台显示表单

注:可以将表单的 简码 插入多个页面,甚至 文本 小工具里。

新建和编辑表单

1. 点击 添加新表单 可以创建一个新的表单;

2. Contact Form 7 提供 15 种字段,点击这些字段 可以快速插入到表单中;

编辑表单

3. 默认的 <label> 标签只是用来排版字段。以下简体分析表单字段的结构,以 [text* your-name] 为例:

  • text:表示这个字段是 单行文本框 ,通常用于用户名、公司名称、标题等文本内容。如果是接受邮箱,应当使用 email 字段;
  • *:此项是必填项,否则留空即可;
  • your-name:是此字段的名字,用于记录填写的内容,在后面邮箱设置部分会使用到;

4. 切换到 邮箱 ,使用字段的名字(邮件标签)来配置接收邮件的格式,注意红色标识部分,加以理解;

接收表单内容

5. 配置完成后,点击 保存 ,在表单标题下会出现以下简码,将简码插入到合适的位置即可。

表单简码


相关阅读:SMTP 设置

wordpressadvance/contactform7.txt · 最后更改: 2021/08/06 11:37 (外部编辑)