NueForm

Integraciones

Conecta tus formularios a Zapier, n8n, Make, IFTTT y cualquier API usando Data Nodes — la capa de integración universal de NueForm.

NueForm se conecta a cualquier servicio con una API a través de Data Nodes — tu conector HTTP universal. En lugar de integraciones predefinidas limitadas, tienes control total sobre cómo fluyen los datos de tu formulario hacia servicios externos.

Esta guía cubre la configuración paso a paso para las plataformas de automatización más populares, además de la integración directa con API.

Los Data Nodes están disponibles en todos los planes. No se requiere un nivel premium para las integraciones.

Zapier (más de 8,000 aplicaciones)

Zapier conecta tus formularios a más de 8,000 aplicaciones, incluyendo Google Sheets, Slack, Salesforce, HubSpot, Mailchimp y más.

Cómo funciona

Zapier usa un disparador Catch Hook que genera una URL de webhook única. Tu Data Node envía los datos del formulario a esta URL, y Zapier los enruta a cualquier aplicación conectada.

Paso 1: Crear un Zap con disparador de Webhooks

  1. Inicia sesión en zapier.com y haz clic en Create Zap.
  2. Para el disparador, busca Webhooks by Zapier.
  3. Elige el evento Catch Hook.
  4. Haz clic en Continue — Zapier generará una URL de webhook única como:
    text
    https://hooks.zapier.com/hooks/catch/123456/abcdef/
  5. Copia esta URL — la necesitarás para tu Data Node.

Paso 2: Configurar tu Data Node

  1. En el constructor de NueForm, agrega un Data Node al flujo de trabajo de tu formulario.
  2. Configura lo siguiente:
    • Method: POST
    • URL: Pega la URL del webhook de Zapier
    • Headers:
      json
      {
  "Content-Type": "application/json"
}
    • Body: Mapea los campos de tu formulario al cuerpo JSON:
      json
      {
  "name": "{{full_name}}",
  "email": "{{email}}",
  "message": "{{message}}",
  "submitted_at": "{{timestamp}}"
}
    • Silent Mode: Activar (recomendado — sin pantalla de carga para el encuestado)

Paso 3: Probar la conexión

  1. En Zapier, haz clic en Test trigger — esperará una solicitud.
  2. En NueForm, previsualiza tu formulario y envía una respuesta de prueba.
  3. Zapier debería detectar los datos de prueba y mostrar los campos de tu formulario.

Paso 4: Agregar tu acción

  1. De vuelta en Zapier, haz clic en + para agregar una acción.
  2. Elige tu aplicación de destino (por ejemplo, Google Sheets, Slack, HubSpot).
  3. Mapea los campos de los datos del webhook a la acción.
  4. Prueba y publica tu Zap.

Ejemplo: Formulario → Google Sheets

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

Esto envía cada envío de formulario como una nueva fila en Google Sheets — automáticamente.

n8n (más de 400 nodos)

n8n es una plataforma de automatización de flujos de trabajo de código abierto con más de 400 nodos integrados. Puede ser auto-alojada o usada a través de n8n Cloud.

Cómo funciona

n8n usa un nodo Webhook como disparador de flujo de trabajo. Genera una URL de endpoint que tu Data Node llama para iniciar el flujo de trabajo.

Paso 1: Crear un flujo de trabajo en n8n con disparador Webhook

  1. Inicia sesión en tu instancia de n8n (cloud o auto-alojada).
  2. Crea un nuevo flujo de trabajo.
  3. Haz clic en Add first step y selecciona On webhook call.
  4. En la configuración del nodo Webhook:
    • Establece HTTP Method en POST
    • Anota la Test URL (para pruebas) y la Production URL (para uso en producción)
    • La Production URL se ve así:
      text
      https://your-instance.app.n8n.cloud/webhook/abc-123-def
  5. Haz clic en Listen for test event para ponerlo en modo de escucha.

Paso 2: Configurar tu Data Node

  1. Agrega un Data Node a tu flujo de trabajo de NueForm.
  2. Configúralo:
    • Method: POST
    • URL: Pega la URL del webhook de n8n (usa Test URL para pruebas, Production URL en producción)
    • Headers:
      json
      {
  "Content-Type": "application/json"
}
    • Body:
      json
      {
  "respondent_email": "{{email}}",
  "answers": {
    "name": "{{name}}",
    "feedback": "{{feedback}}",
    "rating": "{{satisfaction_rating}}"
  }
}
    • Silent Mode: Activar

Paso 3: Construir tu flujo de trabajo en n8n

Después de que el nodo Webhook reciba datos, agrega los nodos que necesites:

  • Google Sheets — Registra respuestas en una hoja de cálculo
  • Slack — Envía una notificación a tu equipo
  • Email (SMTP) — Envía un correo de confirmación
  • HTTP Request — Llama a otra API
  • IF — Enruta datos condicionalmente según las respuestas del formulario

Paso 4: Activar

  1. Prueba enviando un formulario y confirmando que n8n recibe los datos.
  2. Cambia la URL del nodo Webhook de Test a Production.
  3. Activa el flujo de trabajo (botón en la esquina superior derecha).
  4. Actualiza la URL de tu Data Node a la Production URL.

n8n tiene URLs de Test y Production separadas. Asegúrate de cambiar a la Production URL antes de publicar tu formulario.

Make (más de 3,000 aplicaciones)

Make (anteriormente Integromat) es una plataforma de automatización visual con más de 3,000 integraciones de aplicaciones.

Cómo funciona

Make usa un módulo Custom Webhook como disparador de escenario. Genera una URL a la que tu Data Node envía datos.

Paso 1: Crear un escenario en Make

  1. Inicia sesión en make.com y crea un nuevo escenario.
  2. Haz clic en el botón + y busca Webhooks.
  3. Selecciona Custom webhook.
  4. Haz clic en Add para crear un nuevo webhook.
  5. Dale un nombre (por ejemplo, "NueForm Contact Form").
  6. Make genera una URL como:
    text
    https://hook.make.com/abcdefghijk123456
  7. Copia esta URL.

Paso 2: Configurar tu Data Node

  1. Agrega un Data Node a tu flujo de trabajo de NueForm.
  2. Configura:
    • Method: POST
    • URL: Pega la URL del webhook de Make
    • 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: Activar

Paso 3: Determinar la estructura de datos

  1. En Make, haz clic en Run once en el módulo webhook.
  2. Envía una respuesta de prueba en NueForm.
  3. Make detectará la estructura de datos y mapeará los campos automáticamente.

Paso 4: Agregar módulos y activar

  1. Agrega tus módulos de destino (Google Sheets, CRM, correo electrónico, etc.).
  2. Mapea los campos de datos del webhook a cada módulo.
  3. Activa la programación del escenario.

IFTTT (más de 1,000 servicios)

IFTTT (If This Then That) se conecta a más de 1,000 servicios, incluyendo dispositivos de hogar inteligente, redes sociales y aplicaciones de productividad.

Cómo funciona

IFTTT usa el servicio Webhooks con un disparador Receive a web request. Tu Data Node envía un evento a la URL de webhook de IFTTT.

Paso 1: Configurar IFTTT Webhooks

  1. Ve a ifttt.com y crea un nuevo Applet.
  2. Para "If This", busca Webhooks.
  3. Selecciona Receive a web request.
  4. Ingresa un nombre de evento (por ejemplo, nueform_submission).
  5. Para "Then That", elige tu servicio de acción.

Paso 2: Obtener tu URL de Webhook

  1. Ve a ifttt.com/maker_webhooks.
  2. Haz clic en Documentation.
  3. Verás tu clave única y el formato de la URL:
    text
    https://maker.ifttt.com/trigger/{event}/with/key/YOUR_KEY
  4. Reemplaza {event} con tu nombre de evento:
    text
    https://maker.ifttt.com/trigger/nueform_submission/with/key/abc123xyz

Paso 3: Configurar tu Data Node

IFTTT Webhooks acepta hasta 3 valores (value1, value2, value3):

  1. Agrega un Data Node a tu flujo de trabajo de NueForm.
  2. Configura:
    • Method: POST
    • URL: Tu URL de webhook de IFTTT
    • Headers:
      json
      {
  "Content-Type": "application/json"
}
    • Body:
      json
      {
  "value1": "{{full_name}}",
  "value2": "{{email}}",
  "value3": "{{message}}"
}
    • Silent Mode: Activar

IFTTT Webhooks solo admite 3 valores (value1, value2, value3). Si necesitas enviar más datos, concatena campos o usa Zapier/n8n/Make en su lugar.

Integración directa con API

Para máximo control, llama a cualquier REST API directamente — sin middleware necesario.

Ejemplo: Enviar a tu propio backend

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}}"
  }
}

Ejemplo: Agregar a un 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}}"
  }
}

Ejemplo: Enviar un mensaje de 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}}"
}

Consejos y mejores prácticas

Usar Silent Mode

Para la mayoría de las integraciones, activa Silent Mode para que el encuestado no vea un indicador de carga. La solicitud se ejecuta en segundo plano.

Manejo de errores

  • Si el servicio externo no está disponible, la solicitud del Data Node fallará. Considera establecer un Timeout razonable (5-10 segundos).
  • Para integraciones críticas, considera usar los Webhooks integrados de NueForm como respaldo — reintentan en caso de fallo.

Mapeo de variables

Usa la sintaxis {{variable_name}} (llaves dobles) en los cuerpos de las solicitudes para insertar valores de respuestas del formulario. Las llaves simples {variable_name} funcionan en URLs y headers.

Consulta Variables para la referencia completa.

Pruebas

  1. Activa Debug Mode en tu Data Node durante el desarrollo para ver la solicitud/respuesta completa.
  2. Usa un servicio como webhook.site para inspeccionar el payload exacto que envía tu Data Node.
  3. Desactiva Debug Mode antes de publicar.

Relacionado

  • Data Nodes — Referencia completa de configuración de Data Nodes
  • Variables — Sintaxis de interpolación de variables
  • Webhooks — Alternativa de webhook post-envío
Ultima actualizacion: 6 de abril de 2026