实操教程 发表于:2026年7月27日

如何给你的WordPress网站添加联系表单

对一个企业网站来说,“联系方式”页的重要性往往被低估了。

很多公司花了很多精力做首页和产品页,却忽略了最关键的一步:
客户看完之后,想联系你——

  • 找不到表单
  • 表单太复杂懒得填
  • 提交后没反应、不知道有没有成功

这些,都是实打实的询盘流失。

WordPress 网站加一个简单、好用的联系表单,其实并不难。
下面我用两种方式来讲:

  • 适合新手的「插件方案」
  • 适合用 Bricks Builder 的「可视化表单方案」

最后再说说,一个“好用又不烦人”的联系表单,应该长什么样。

一、方法一:用插件添加表单(适合新手,推荐)

如果你不熟悉 Bricks,也不想折腾布局,最简单的方式就是用表单插件。
常见好用的有:Contact Form 7WPForms 等。

这里以 Contact Form 7 为例,步骤如下:

第一步:安装表单插件

  1. 登录 WordPress 后台
  2. 在左侧菜单点击「插件」「安装插件」
  3. 在搜索框输入:Contact Form 7
  4. 找到插件后,点击「现在安装」,然后点击「启用」

启用成功后,左侧菜单会多出一个「联系」或类似的菜单项。

第二步:使用默认表单模板

  1. 点击左侧菜单中的「联系」进入插件管理页
  2. 插件通常会自动生成一个默认表单,例如「联系表单 1
  3. 你可以:
    • 直接使用这个默认表单
    • 或者点击“编辑”,根据需要修改字段(比如增加电话字段)

第三步:把表单插入到页面中

每个表单都会有一段“短代码”(Shortcode),类似:

[contact-form-7 id="123" title="联系表单"]

操作方法:

  1. 在「联系」页面里,找到这段短代码并复制
  2. 打开你网站里用作“联系我们”的页面(在「页面所有页面」中找到)
  3. 在编辑器中,把光标放在你想显示表单的位置
  4. 粘贴这段短代码
  5. 更新 / 发布 页面

刷新前台页面,你就能看到表单已经出现在对应位置了。

二、方法二:用 Bricks Builder 添加表单(适合可视化建站)

如果你的网站是用 Bricks Builder 搭建的,可以直接在页面里拖拽一个“表单模块”,不一定非要用插件。

第一步:用 Bricks 打开要添加表单的页面

  1. WordPress 后台点击「页面」
  2. 找到你的“联系我们”或想放表单的页面
  3. 鼠标移上去,点击「用 Bricks 编辑」或类似按钮
  4. 进入 Bricks 的可视化编辑界面

第二步:添加 Form 元素

  1. 在左侧或顶部工具栏里点击「添加」组件
  2. 搜索或找到「Form」表单元素
  3. 将「Form」拖拽到你希望放表单的位置(比如右侧栏、页面底部等)

第三步:设置表单字段和通知方式

在选中表单的情况下,左侧会出现相关设置栏,你可以:

  • 添加 / 删除字段
    • 姓名(Text
    • 邮箱(Email
    • 电话(Tel
    • 咨询内容(Textarea 文本域)
    • 公司名称(可选)
  • 设置字段是否必填
  • 设置提交按钮的文案,例如「提交咨询」「发送消息」等

然后,配置“提交后的通知”:

  • 填写你的接收邮箱地址(表单提交后,系统会把内容发到这个邮箱)
  • 根据需要设置:
    • 成功提交后的提示文案
    • 提交失败时的错误提示

设置完成后,点击保存 / 更新,前台页面就会出现这个可视化表单。

三、一个“好用的联系表单”应该长什么样?

表单不是字段越多越专业,而是越容易填越好用。
从实际项目经验来看,一个高转化的联系表单,至少包含这些内容:

  1. 姓名(必填)
    • 方便你知道是谁在联系你
  2. 邮箱或电话(至少一个必填)
    • 推荐保留两项,但至少要求填一项
    • 方便你后续跟进
  3. 咨询内容 / 留言(必填)
    • 用一个多行文本框,让客户简单描述他的需求
    • 你也可以在字段提示里给一点引导,比如:
      • 请简单介绍您的业务和网站需求”
  4. 公司名称(选填)
    • 有助于你判断客户背景(B2B 场景尤其有用)

关于字段数量的建议

  • 字段太少:你可能拿到的信息不够,无法判断客户质量
  • 字段太多:用户会觉得麻烦,直接关掉页面

经验上,一般控制在 3–5 个字段比较合适。
超过 5 个字段,表单提交率会明显下降。

四、上线前一定要做的两件事:自测和收件检查

无论你用插件还是 Bricks 自带表单,正式使用前一定要做两件事:

  1. 自己提交一遍表单
    • 在前台打开表单页面
    • 正常填写各个字段
    • 点击“提交”,看看是否有成功提示
    • 是否有明显的错误提示(比如没填必填项时)
  2. 检查是否收到邮件通知
    • 到你设置的接收邮箱里查看
    • 确认:
      • 是否能正常收到邮件
      • 邮件标题和内容是否清晰
    • 如果没有收到,检查垃圾邮件箱
    • 必要时联系你的建站方或服务器服务商,排查发信问题

表面上表单看起来没问题,但如果邮件收不到,你其实还是“收不到客户信息”,这一步非常关键。

五、如果你不想自己折腾:建站时顺手一并做好

对很多老板来说,“怎么加表单”这种事情,自己研究当然可以,但确实比较耗时间。

更省心的做法,是在建站阶段就把这些配置全部做到位:

  • 联系表单布局和字段设计
  • 表单验证和错误提示文案
  • 提交通知邮件的标题、内容、收件邮箱
  • 自测确认表单正常可用

在我们提供的 WordPress 可视化建站服务中,交付网站时都会帮你:

  • 配置好至少一个标准联系表单
  • 绑定你的邮箱收信
  • 实测确认通知正常送达
  • 并教你如果以后要新增表单,应该从哪里下手

这样,你既知道表单“长什么样”,也知道“往哪儿看结果”,把最关键的一步——客户如何联系你”——牢牢掌握在自己手里。