集成 | NueForm Docs

NueForm 通过 Data Nodes 连接到任何具有 API 的服务 — 您的通用 HTTP 连接器。您无需使用有限的预构建集成，而是可以完全控制表单数据如何流向外部服务。

本指南涵盖了最流行的自动化平台的分步设置，以及直接 API 集成。

Data Nodes 在所有计划中均可用。集成无需高级套餐。

Zapier（8,000 多个应用）

Zapier 将您的表单连接到 8,000 多个应用，包括 Google Sheets、Slack、Salesforce、HubSpot、Mailchimp 等。

工作原理

Zapier 使用 Catch Hook 触发器生成唯一的 webhook URL。您的 Data Node 将表单数据发送到此 URL，Zapier 将其路由到任何已连接的应用。

第 1 步：创建带有 Webhooks 触发器的 Zap

登录 zapier.com 并点击 Create Zap。
对于触发器，搜索 Webhooks by Zapier。
选择事件 Catch Hook。
点击 Continue — Zapier 将生成一个唯一的 webhook URL，如：
text
```
https://hooks.zapier.com/hooks/catch/123456/abcdef/
```
复制此 URL — 您的 Data Node 需要使用它。

第 2 步：配置您的 Data Node

在 NueForm 构建器中，向表单工作流添加一个 Data Node。
设置以下内容：
- Method：POST
- URL：粘贴 Zapier webhook URL
- Headers：
  json
```
{
  "Content-Type": "application/json"
}
```
- Body：将表单字段映射到 JSON 主体：
  json
```
{
  "name": "{{full_name}}",
  "email": "{{email}}",
  "message": "{{message}}",
  "submitted_at": "{{timestamp}}"
}
```
- Silent Mode：启用（推荐 — 受访者不会看到加载画面）

第 3 步：测试连接

在 Zapier 中，点击 Test trigger — 它将等待请求。
在 NueForm 中，预览表单并提交一个测试响应。
Zapier 应该会检测到测试数据并显示您的表单字段。

第 4 步：添加操作

返回 Zapier，点击 + 添加操作。
选择目标应用（例如 Google Sheets、Slack、HubSpot）。
将 webhook 数据中的字段映射到操作。
测试并发布您的 Zap。

示例：表单 → Google Sheets

json

{
  "name": "{{full_name}}",
  "email": "{{email_address}}",
  "company": "{{company_name}}",
  "budget": "{{budget_range}}",
  "source": "NueForm Contact Form"
}

这会自动将每次表单提交作为新行发送到 Google Sheets。

n8n（400 多个节点）

n8n 是一个开源工作流自动化平台，拥有 400 多个内置节点。可以自托管或通过 n8n Cloud 使用。

工作原理

n8n 使用 Webhook 节点作为工作流触发器。它生成一个端点 URL，您的 Data Node 调用该 URL 来启动工作流。

第 1 步：创建带有 Webhook 触发器的 n8n 工作流

登录您的 n8n 实例（cloud 或自托管）。
创建新的工作流。
点击 Add first step 并选择 On webhook call。
在 Webhook 节点设置中：
- 将 HTTP Method 设置为 POST
- 记录 Test URL（用于测试）和 Production URL（用于生产）
- Production URL 格式如下：
  text
```
https://your-instance.app.n8n.cloud/webhook/abc-123-def
```
点击 Listen for test event 将其置于监听模式。

第 2 步：配置您的 Data Node

向 NueForm 工作流添加一个 Data Node。

配置：

Method：POST
URL：粘贴 n8n webhook URL（测试时使用 Test URL，上线时使用 Production URL）

Headers：

json

{
  "Content-Type": "application/json"
}

Body：

json

{
  "respondent_email": "{{email}}",
  "answers": {
    "name": "{{name}}",
    "feedback": "{{feedback}}",
    "rating": "{{satisfaction_rating}}"
  }
}

Silent Mode：启用

第 3 步：构建您的 n8n 工作流

Webhook 节点接收数据后，添加所需的任何节点：

Google Sheets — 将响应记录到电子表格
Slack — 向团队发送通知
Email (SMTP) — 发送确认邮件
HTTP Request — 调用另一个 API
IF — 根据表单答案有条件地路由数据

第 4 步：激活

通过提交表单并确认 n8n 收到数据来进行测试。
将 Webhook 节点 URL 从 Test 切换到 Production。
激活工作流（右上角的开关）。
将 Data Node URL 更新为 Production URL。

n8n 有单独的 Test 和 Production URL。请确保在发布表单之前切换到 Production URL。

Make（3,000 多个应用）

Make（前身为 Integromat）是一个可视化自动化平台，拥有 3,000 多个应用集成。

工作原理

Make 使用 Custom Webhook 模块作为场景触发器。它生成一个 URL，您的 Data Node 向其发送数据。

第 1 步：创建 Make 场景

登录 make.com 并创建新场景。
点击 + 按钮并搜索 Webhooks。
选择 Custom webhook。
点击 Add 创建新的 webhook。
给它起个名字（例如 "NueForm Contact Form"）。

Make 会生成如下 URL：

text

https://hook.make.com/abcdefghijk123456

复制此 URL。

第 2 步：配置您的 Data Node

向 NueForm 工作流添加一个 Data Node。

设置：

Method：POST
URL：粘贴 Make webhook URL

Headers：

json

{
  "Content-Type": "application/json"
}

Body：

json

{
  "form_name": "Contact Form",
  "name": "{{full_name}}",
  "email": "{{email}}",
  "phone": "{{phone_number}}",
  "inquiry_type": "{{inquiry_type}}"
}

Silent Mode：启用

第 3 步：确定数据结构

在 Make 中，点击 webhook 模块上的 Run once。
在 NueForm 中提交测试响应。
Make 将检测数据结构并自动映射字段。

第 4 步：添加模块并激活

添加目标模块（Google Sheets、CRM、电子邮件等）。
将 webhook 数据字段映射到每个模块。
开启场景调度。

IFTTT（1,000 多个服务）

IFTTT（If This Then That）连接到 1,000 多个服务，包括智能家居设备、社交媒体和生产力应用。

工作原理

IFTTT 使用 Webhooks 服务和 Receive a web request 触发器。您的 Data Node 向 IFTTT 的 webhook URL 发送事件。

第 1 步：设置 IFTTT Webhooks

前往 ifttt.com 并创建新的 Applet。
对于 "If This"，搜索 Webhooks。
选择 Receive a web request。
输入事件名称（例如 nueform_submission）。
对于 "Then That"，选择操作服务。

第 2 步：获取 Webhook URL

前往 ifttt.com/maker_webhooks。
点击 Documentation。

您会看到唯一密钥和 URL 格式：

text

https://maker.ifttt.com/trigger/{event}/with/key/YOUR_KEY

将 {event} 替换为您的事件名称：

text

https://maker.ifttt.com/trigger/nueform_submission/with/key/abc123xyz

第 3 步：配置您的 Data Node

IFTTT Webhooks 最多接受 3 个值（value1、value2、value3）：

向 NueForm 工作流添加一个 Data Node。

设置：

Method：POST
URL：您的 IFTTT webhook URL

Headers：

json

{
  "Content-Type": "application/json"
}

Body：

json

{
  "value1": "{{full_name}}",
  "value2": "{{email}}",
  "value3": "{{message}}"
}

Silent Mode：启用

IFTTT Webhooks 仅支持 3 个值（value1、value2、value3）。如果需要发送更多数据，请合并字段或改用 Zapier/n8n/Make。

直接 API 集成

要获得最大控制权，可以直接调用任何 REST API — 无需中间件。

示例：发送到您自己的后端

text

Method: POST
URL: https://api.yourapp.com/form-submissions
Headers:
{
  "Content-Type": "application/json",
  "Authorization": "Bearer YOUR_API_KEY"
}
Body:
{
  "form_id": "contact-form",
  "data": {
    "name": "{{name}}",
    "email": "{{email}}",
    "message": "{{message}}"
  }
}

示例：添加到 CRM

text

Method: POST
URL: https://api.hubspot.com/crm/v3/objects/contacts
Headers:
{
  "Content-Type": "application/json",
  "Authorization": "Bearer YOUR_HUBSPOT_TOKEN"
}
Body:
{
  "properties": {
    "firstname": "{{first_name}}",
    "lastname": "{{last_name}}",
    "email": "{{email}}",
    "company": "{{company}}"
  }
}

示例：发送 Slack 消息

text

Method: POST
URL: https://hooks.slack.com/services/T00/B00/xxxx
Headers:
{
  "Content-Type": "application/json"
}
Body:
{
  "text": "New form submission from {{name}} ({{email}}): {{message}}"
}

提示与最佳实践

使用 Silent Mode

对于大多数集成，启用 Silent Mode 以便受访者不会看到加载指示器。请求在后台执行。

错误处理

如果外部服务不可用，Data Node 请求将失败。考虑设置合理的 Timeout（5-10 秒）。
对于关键集成，考虑使用 NueForm 内置的 Webhooks 作为备份 — 它们会在失败时重试。

变量映射

在请求主体中使用 {{variable_name}} 语法（双花括号）插入表单答案值。单花括号 {variable_name} 适用于 URL 和 headers。

参见 Variables 获取完整参考。

测试

在开发期间启用 Data Node 上的 Debug Mode 以查看完整的请求/响应。
使用 webhook.site 等服务检查 Data Node 发送的确切 payload。
发布前禁用 Debug Mode。

集成

工作原理

工作原理

工作原理

工作原理

示例：发送到您自己的后端

提示与最佳实践

错误处理

变量映射

测试

相关内容