如何在WordPress中创建无需编码的联系表单

想在 WordPress 网站上添加联系表单，但又不懂代码？来对地方了。本指南将一步步教你如何操作。 无需编写任何代码，即可在 WordPress 中创建专业的联系表单。——而且只需不到5分钟。

无论你是博主、小企业主，还是正在搭建你的第一个网站，拥有一个联系表单都至关重要。它能让访客轻松联系到你，帮助你获取潜在客户，而且比仅仅发布你的电子邮件地址显得更加专业。

为什么每个 WordPress 网站都需要联系表单

在深入学习教程之前，让我们先了解一下联系表单的重要性：

• 保护您的电子邮件免受垃圾邮件侵扰 公开你的电子邮件地址会引来垃圾邮件机器人，导致你的收件箱被垃圾邮件淹没。
• 看起来很专业 精心设计的表单能够建立访客的信任。
• 收集结构化信息 以条理清晰的方式获取您需要的详细信息（姓名、电子邮件、留言）。
• 追踪查询 – 将提交内容存储在 WordPress 控制面板中，而不是丢失在电子邮件中。
• 移动友好体验 表单在手机和平​​板电脑上都能完美运行。

你需要什么

要学习本教程，您需要：

• 一个 WordPress 网站（自托管 WordPress.org）
• 管理员权限安装插件
• 5分钟的时间

就是这样！无需任何编程知识、技术经验或付费工具。

第一步：安装自动表单生成器（免费插件）

我们会用的 自动表单生成器 （也称为 空军基地）—一个免费的， 轻量级 WordPress 插件 它采用可视化的拖放界面，非常适合初学者，因为完全无需学习。

以下是它的安装方法：

1. 登录到您的 WordPress 管理仪表板
2. 在MyCAD中点击 软件更新 插件→添加新
3. 搜索 ”空军基地”（自动表单生成器的简称）
4. 寻找 ”AFB – 自动表单生成器 – 拖放式表单创建器“
5. 点击 立即安装， 然后 前往激活

💡提示： 在 WordPress 插件库中搜索“AFB”是找到该插件的最快方法。

激活后，您将在 WordPress 管理菜单中看到“自动表单生成器”。这样就完成了——您可以创建您的第一个表单了！

步骤二：创建新的联系表单

现在让我们来创建您的联系表单：

1. 点击 自动表单生成器 在您的管理菜单中
2. 点击 创建新表单
3. 你会看到一个模板选择屏幕——选择 联系表格

自动表单生成器自带一个预置的联系表单模板，其中包括：

• 全名字段
• 电子邮件地址字段
• 电话号码字段 （可选）
• 留言区

该模板可立即使用，但您也可以根据自己的喜好进行自定义。

步骤 3：自定义表单字段（可选）

想要添加或修改字段？拖放式编辑器让这一切变得简单：

添加新字段

在左侧边栏，您会看到可用的字段类型。 拖动任意字段 在表单画布上：

• 文字输入 – 对于姓名或科目等简短答案
• 邮箱 自动验证电子邮件地址
• 电话 – 用于带有可选格式的电话号码
• 文字区 – 用于较长的消息
• 落下 – 允许用户从选项中进行选择（例如“联系原因”）
• 复选框 – 用于同意框或多项选择

编辑字段设置

点击任意字段即可进行自定义：

• 更改 标签 （例如，“您的名字”而不是“全名”）
• 添加 占位符文本 指导用户
• 创建字段 必须 或可选
• 添加 帮助文本 以下字段

重新排序字段

只是 上下拖动字段 更改它们的顺序。可视化编辑器会准确地显示表单的最终效果。

步骤 4：配置表单设置

点击 个人设置 此选项卡用于配置用户提交表单时发生的情况：

成功讯息

自定义用户提交后看到的消息。例如：

“感谢您联系我们！我们会在24小时内回复您。”

电子邮件通知

有人填写您的表格时，您将立即收到通知：

1. 启用 电子邮件通知
2. 请输入您的电子邮件地址（或多个电子邮件地址，用逗号分隔）
3. 自定义电子邮件主题

所有提交的内容都会直接发送到您的收件箱，并安全地存储在您的 WordPress 控制面板中。

第五步：设置表单样式（可选）

想让表单与网站设计风格保持一致吗？点击“自定义”选项卡进行自定义：

• 颜色 – 更改按钮颜色、背景和文本
• 国界 – 调整字段边界和圆角半径
• 间距 控制内边距和外边距
• 按键 自定义提交按钮的文本和外观

自动表单生成器表单的设计使其在任何主题上都能呈现出色的外观，因此样式完全是可选的。

步骤 6：保存并获取您的短代码

当你对表格满意后：

1. 给你的表单起个名字（例如，“联系表单”）。
2. 点击 保存表单
3. 复制 SHORTCODE 显示

步骤 7：将联系表单添加到您的页面

现在让我们把表单显示在您的网站上：

选项 A：添加到现有页面

1. 在MyCAD中点击 软件更新 前往 并编辑您的联系页面
2. 将短代码粘贴到您希望表单显示的位置。
3. 点击 更新

方案 B：创建新的联系页面

1. 在MyCAD中点击 软件更新 页面 → 添加新页面
2. 标题设为“联系我们”或“联系我们”
3. 如果需要，可以添加一些介绍性文字。
4. 粘贴短代码
5. 点击 发布

访问您的页面，即可查看您漂亮的新联系表单的实际效果！

步骤 8：测试您的联系表单

在向全世界公布你的新表格之前，先进行测试：

1. 访问您的联系页面
2. 请填写包含测试信息的表格
3. 点击提交
4. 请确认是否看到了成功消息。
5. 请查看您的电子邮件以获取通知
6. 在 WordPress 中，转到 自动表单生成器 → 提交 查看已存储的条目

如果一切正常，恭喜——您的联系表单已上线！

管理联系表单提交

自动表单生成器的最佳功能之一是其内置功能 提交管理与某些仅发送电子邮件的表单插件不同，每次提交的内容都会存储在您的 WordPress 数据库中。

在MyCAD中点击 软件更新 自动表单生成器 → 意见书 到：

• 查看所有提交内容 在可搜索表格中
• 按日期过滤 – 今天、本周、本月等等。
• 搜索提交 – 立即查找特定消息
• 标记为已读/未读 – 跟踪您已处理的查询。
• 重要信息 – 标记高优先级联系人
• 导出为CSV – 下载您的数据以用于电子表格或备份

这意味着即使电子邮件发送失败，您也永远不会丢失客户咨询。

为什么自动表单生成器是联系表单的理想之选

WordPress 表单插件有很多，但 Auto Form Builder 之所以在创建联系表单方面脱颖而出，原因如下：

常見問題解答

这个表单能和我的WordPress主题兼容吗？

是的。自动表单生成器旨在与任何 WordPress 主题兼容。

我可以通过电子邮件接收表单提交内容吗？

当然可以。在表单设置中启用邮件通知，每次有人提交表单时，您都会收到一封邮件。提交的内容也会备份到您的 WordPress 控制面板中。

联系表格是否支持移动设备访问？

是的。所有使用自动表单生成器创建的表单都具有完全响应式设计，在手机、平板电脑和台式电脑上都能完美呈现。

如何防止垃圾邮件？

自动表单生成器提供垃圾邮件防护插件，包括 Google reCAPTCHA 和 Cloudflare Turnstile。

下一步

既然您的 WordPress 网站上已经有了联系表单，不妨考虑以下改进：

• 在页脚添加联系表单 – 使其可从每个页面访问
• 创建反馈表单 收集客户评价和推荐
• 创建新闻简报注册表单 – 拓展您的电子邮件列表
• 添加垃圾邮件防护 – 为高流量网站启用 reCAPTCHA

结语

在 WordPress 中创建联系表单不需要任何编程技能。 自动表单生成器您可以在 5 分钟内构建一个专业的、移动响应式的联系表单——完全免费。

拖放式界面让新手也能轻松上手，内置的提交管理功能确保您不会错过任何客户咨询。此外，所有数据都安全地保存在您自己的 WordPress 服务器上。

准备好创建联系表单了吗？ 下载自动表单生成器 从 WordPress 插件库下载，立即开始使用。