跳到主要内容

N8N基础节点 表单触发节点：轻松构建自动化数据收集表单

发表时间：2025-11-20

n8n 的“在表单提交时”（On Form Submission）节点是一个强大且灵活的工具，它允许用户在不编写任何代码的情况下，直接在 n8n 中创建功能齐全的 Web 表单。这些表单可以用于各种数据收集场景，例如用户注册、反馈收集、内部数据录入或简化的销售线索捕获。本教程将深入探讨该节点的各项配置，帮助您快速构建和部署自定义表单，并将其无缝集成到您的自动化工作流中。

问题背景与使用场景​

在许多自动化场景中，我们需要一个简单直接的方式来收集外部数据或用户输入。传统的做法可能需要开发一个前端页面，涉及到复杂的编码和部署。n8n 的表单触发节点解决了这一痛点，它提供了一个开箱即用的解决方案，让您可以：

  • 快速创建数据录入界面： 为内部团队或客户提供一个方便的表单来提交信息。
  • 实现客户反馈收集： 轻松收集用户意见、需求或投诉。
  • 简化注册流程： 用于活动报名、简报订阅等场景。
  • 构建简单的内部工具： 例如，让非技术人员通过表单触发复杂的工作流。

例如，一个“收集用户使用场景”的表单，用于后续的客户课程分析。这表明该节点非常适合构建用于业务数据收集和分析的自动化流程。

操作步骤​

1. 添加“在表单提交时”节点​

首先，在 n8n 工作流编辑器中，点击左侧的“触发器”图标，然后选择“添加另一个触发器”，找到并点击“在表单提交时”节点。

2. 表单 URL 配置​

该节点会为您生成两个重要的 URL：

  • Test URL (测试 URL): 用于开发和测试阶段。通过此 URL 提交的数据将不会自动触发生产工作流，仅用于节点调试。
  • Production URL (生产 URL): 当工作流被激活（Active）后，此 URL 用于实际的数据收集。请确保在正式发布时使用此 URL。

您可以点击 URL 旁边的“点击复制”按钮来获取链接。

3. 认证 (Authentication)​

如果您的表单需要保护，不希望所有人都能访问，可以启用认证。

  • None (无): 默认选项，任何人都可以访问并提交表单。
  • Basic Auth (基本认证): 允许您设置用户名和密码。只有输入正确凭据的用户才能看到并提交表单。
    • Credential for Basic Auth (基本认证凭据): 点击“创建新凭证”或选择现有凭证。
    • User (用户): 输入用户名，例如 wxj。
    • Password (密码): 输入密码，例如 wxj123。
    • Allowed HTTP Request Domains (允许的 HTTP 请求域名): 可以指定允许访问该表单的域名列表，增强安全性。

4. 表单标题与描述​

  • Form Title (表单标题): 设置表单的顶部标题，例如“收集用户使用场景”。
  • Form Description (表单描述): 提供表单的简要说明，例如“用于客户后续课程分析”。

5. 表单元素 (Form Elements)​

这是定义表单字段的核心部分。您可以点击“添加表单元素”来添加不同的输入类型：

  • Field Name (字段名): 用户在表单中看到的字段名称。
  • Element Type (元素类型): 选择字段的输入类型，n8n 提供了多种类型：
    • Text (文本): 单行文本输入，例如“姓名”。
    • Textarea (文本区域): 多行文本输入，例如“输入您的业务场景”。
    • Email (电子邮件): 电子邮件地址输入，会自动进行格式验证。
    • File (文件): 允许用户上传文件，例如图片或文档。
    • Hidden Field (隐藏字段): 不向用户显示，但会随表单一起提交的数据。可用于追踪来源（如“官网”、“微信”）。
    • Number (数字): 只允许输入数字。
    • Password (密码): 密码输入框。
    • Radio Buttons (单选按钮): 提供一组单选选项，例如“性别”可选择“男”、“女”、“保密”。
    • Checkboxes (复选框): 提供一组复选选项。
    • Date (日期): 日期选择器。
    • Dropdown (下拉菜单): 提供一个下拉选择列表，例如“行业”可选择“工业”、“电子”、“医疗”。
    • Custom HTML (自定义 HTML): 允许您嵌入自定义 HTML 代码，用于更复杂的布局或展示。
  • Placeholder (占位符): 输入框中在用户输入前显示的提示文本，例如“请输入您的姓名”。
  • Required Field (必填字段): 勾选此选项使该字段成为必填项。

6. 其他设置 (Options)​

该部分提供了更多自定义表单行为和外观的选项：

  • Append n8n Attribution (添加 n8n 署名): 默认开启，会在表单底部显示“Form automated with n8n”。可以关闭。
  • Button Label (按钮标签): 自定义提交按钮上显示的文本，例如可以从“Submit”更改为“提交”或“输入官网”。
  • Form Path (表单路径): 自定义表单 URL 的末尾路径。默认是随机 UUID，可以简化为更短、更友好的路径，例如 wxj。更改后，您的测试 URL 将变为 https://demo.n8nzh.com/form-test/wxj。
  • Form Response (表单响应): 定义用户提交表单后的行为：
    • Form Submitted Text (表单提交文本): 提交后显示自定义文本，例如“表单提交成功”。
    • Redirect URL (重定向 URL): 提交后将用户重定向到指定 URL。
  • Ignore Bots (忽略机器人): 开启后，将忽略来自机器人或爬虫的表单请求，有助于减少垃圾提交。
  • Use Workflow Timezone (使用工作流时区): 开启后，表单提交时间将使用您工作流配置的时区（例如北京时间 +08:00）。
  • Custom Form Styling (自定义表单样式): 允许您通过 CSS 代码来自定义表单的视觉样式，使其与您的品牌形象保持一致。您可以从 ChatGPT 等工具获取 CSS 样式代码。

常见错误与排查方法​

  1. 认证失败： 如果表单配置了基本认证，但输入了错误的用户名或密码，用户将无法访问表单。
    • 排查方法： 检查 n8n 节点配置中的 Basic Auth 凭证是否正确，确保用户名和密码与用户输入的一致。
  2. 必填字段未填写： 如果表单中有设置为“必填字段”的元素，但用户未填写，提交时会收到错误提示。
    • 排查方法： 确保所有必填字段都已正确填写。
  3. 电子邮件格式验证失败： 如果电子邮件字段输入了非标准格式的邮箱地址，表单会提示输入有效的电子邮件地址。
    • 排查方法： 确保输入符合电子邮件格式的地址（例如 [email protected]）。
  4. 表单无法访问或显示异常： 可能与网络配置、n8n 服务器状态或自定义 CSS 冲突有关。
    • 排查方法：
      • 检查 n8n 服务器是否正常运行。
      • 确认使用的是正确的 Test/Production URL。
      • 如果使用了自定义 HTML 或 CSS，检查代码是否存在语法错误或冲突。可以暂时禁用自定义样式进行测试。

总结​

n8n 的“在表单提交时”节点是一个功能丰富且用户友好的工具，它极大地简化了 Web 表单的创建和数据收集流程。通过灵活的字段类型、认证机制和样式定制，您可以构建出满足各种业务需求的个性化表单，并将其无缝集成到您的自动化工作流中，从而提升工作效率和数据管理能力。