Integrações

O NueForm se conecta a qualquer serviço com uma API por meio de Data Nodes — seu conector HTTP universal. Em vez de integrações pré-construídas limitadas, você tem controle total sobre como os dados do seu formulário fluem para serviços externos.

Este guia traz a configuração passo a passo das plataformas de automação mais populares, além de integração direta com APIs.

Zapier (mais de 8.000 aplicativos)

O Zapier conecta seus formulários a mais de 8.000 aplicativos, incluindo Google Sheets, Slack, Salesforce, HubSpot, Mailchimp e muito mais.

Como Funciona

O Zapier usa um gatilho Catch Hook que gera uma URL de webhook única. Seu Data Node envia os dados do formulário para essa URL, e o Zapier os encaminha para qualquer aplicativo conectado.

Etapa 1: Crie um Zap com o Gatilho de Webhooks

1. Faça login em zapier.com e clique em Create Zap.
2. No gatilho, procure por Webhooks by Zapier.
3. Escolha o evento Catch Hook.
4. Clique em Continue — o Zapier vai gerar uma URL de webhook única como:
   textCopiar

   https://hooks.zapier.com/hooks/catch/123456/abcdef/
   

5. Copie esta URL — você vai precisar dela no seu Data Node.

Etapa 2: Configure Seu Data Node

1. No construtor do NueForm, adicione um Data Node ao fluxo do seu formulário.
2. Defina o seguinte:
   • Method: POST
   • URL: Cole a URL de webhook do Zapier
   • Headers:
     jsonCopiar

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

   • Body: Mapeie os campos do seu formulário para o corpo JSON:
     jsonCopiar

     {
       "name": "{{full_name}}",
       "email": "{{email}}",
       "message": "{{message}}",
       "submitted_at": "{{timestamp}}"
     }
     

   • Silent Mode: Ative (recomendado — sem tela de carregamento para o respondente)

Etapa 3: Teste a Conexão

1. No Zapier, clique em Test trigger — ele vai aguardar uma requisição.
2. No NueForm, visualize seu formulário e envie uma resposta de teste.
3. O Zapier deve detectar os dados de teste e mostrar os campos do seu formulário.

Etapa 4: Adicione Sua Ação

1. De volta ao Zapier, clique em + para adicionar uma ação.
2. Escolha o aplicativo de destino (por exemplo, Google Sheets, Slack, HubSpot).
3. Mapeie os campos dos dados do seu webhook para a ação.
4. Teste e publique seu Zap.

Exemplo: Formulário → Google Sheets

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

Isso envia cada envio de formulário como uma nova linha no Google Sheets — automaticamente.

n8n (mais de 400 nós)

O n8n é uma plataforma de automação de fluxos de trabalho de código aberto com mais de 400 nós integrados. Ele pode ser auto-hospedado ou usado via n8n Cloud.

Como Funciona

O n8n usa um nó Webhook como gatilho do fluxo de trabalho. Ele gera uma URL de endpoint que seu Data Node chama para iniciar o fluxo.

Etapa 1: Crie um Fluxo de Trabalho no n8n com Gatilho de Webhook

1. Faça login na sua instância do n8n (na nuvem ou auto-hospedada).
2. Crie um novo fluxo de trabalho.
3. Clique em Add first step e selecione On webhook call.
4. Nas configurações do nó Webhook:
   • Defina o HTTP Method como POST
   • Anote a Test URL (para testes) e a Production URL (para uso em produção)
   • A Production URL se parece com:
     textCopiar

     https://your-instance.app.n8n.cloud/webhook/abc-123-def
     

5. Clique em Listen for test event para colocá-lo em modo de escuta.

Etapa 2: Configure Seu Data Node

1. Adicione um Data Node ao fluxo do seu formulário no NueForm.
2. Configure-o:
   • Method: POST
   • URL: Cole a URL de webhook do n8n (use a Test URL para testes e a Production URL em produção)
   • Headers:
     jsonCopiar

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

   • Body:
     jsonCopiar

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

   • Silent Mode: Ative

Etapa 3: Monte Seu Fluxo de Trabalho no n8n

Depois que o nó Webhook receber os dados, adicione os nós que você precisar:

• Google Sheets — Registre as respostas em uma planilha
• Slack — Envie uma notificação para a sua equipe
• Email (SMTP) — Envie um e-mail de confirmação
• HTTP Request — Chame outra API
• IF — Direcione os dados condicionalmente com base nas respostas do formulário

Etapa 4: Ative

1. Teste enviando um formulário e confirmando que o n8n recebe os dados.
2. Troque a URL do nó Webhook de Test para Production.
3. Ative o fluxo de trabalho (botão de alternância no canto superior direito).
4. Atualize a URL do seu Data Node para a Production URL.

Make (mais de 3.000 aplicativos)

O Make (antigo Integromat) é uma plataforma de automação visual com mais de 3.000 integrações de aplicativos.

Como Funciona

O Make usa um módulo Custom Webhook como gatilho do cenário. Ele gera uma URL para a qual seu Data Node envia os dados.

Etapa 1: Crie um Cenário no Make

1. Faça login em make.com e crie um novo cenário.
2. Clique no botão + e procure por Webhooks.
3. Selecione Custom webhook.
4. Clique em Add para criar um novo webhook.
5. Dê um nome a ele (por exemplo, "Formulário de Contato NueForm").
6. O Make gera uma URL como:
   textCopiar

   https://hook.make.com/abcdefghijk123456
   

7. Copie esta URL.

Etapa 2: Configure Seu Data Node

1. Adicione um Data Node ao fluxo do seu formulário no NueForm.
2. Defina:
   • Method: POST
   • URL: Cole a URL de webhook do Make
   • Headers:
     jsonCopiar

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

   • Body:
     jsonCopiar

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

   • Silent Mode: Ative

Etapa 3: Determine a Estrutura dos Dados

1. No Make, clique em Run once no módulo do webhook.
2. Envie uma resposta de teste no NueForm.
3. O Make vai detectar a estrutura dos dados e mapear os campos automaticamente.

Etapa 4: Adicione Módulos e Ative

1. Adicione seus módulos de destino (Google Sheets, CRM, e-mail etc.).
2. Mapeie os campos de dados do webhook para cada módulo.
3. Ative o agendamento do cenário.

IFTTT (mais de 1.000 serviços)

O IFTTT (If This Then That) se conecta a mais de 1.000 serviços, incluindo dispositivos de casa inteligente, redes sociais e aplicativos de produtividade.

Como Funciona

O IFTTT usa o serviço Webhooks com um gatilho Receive a web request. Seu Data Node dispara um evento para a URL de webhook do IFTTT.

Etapa 1: Configure os Webhooks do IFTTT

1. Acesse ifttt.com e crie um novo Applet.
2. Em "If This", procure por Webhooks.
3. Selecione Receive a web request.
4. Insira um nome de evento (por exemplo, nueform_submission).
5. Em "Then That", escolha o serviço da ação.

Etapa 2: Obtenha Sua URL de Webhook

1. Acesse ifttt.com/maker_webhooks.
2. Clique em Documentation.
3. Você verá sua chave única e o formato da URL:
   textCopiar

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

4. Substitua {event} pelo nome do seu evento:
   textCopiar

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

Etapa 3: Configure Seu Data Node

O Webhooks do IFTTT aceita até 3 valores (value1, value2, value3):

1. Adicione um Data Node ao fluxo do seu formulário no NueForm.
2. Defina:
   • Method: POST
   • URL: Sua URL de webhook do IFTTT
   • Headers:
     jsonCopiar

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

   • Body:
     jsonCopiar

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

   • Silent Mode: Ative

Integração Direta com API

Para controle máximo, chame qualquer API REST diretamente — sem necessidade de intermediários.

Exemplo: Envie para o Seu Próprio Backend

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

Exemplo: Adicione a um CRM

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

Exemplo: Envie uma Mensagem no Slack

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

Dicas e Boas Práticas

Use o Silent Mode

Para a maioria das integrações, ative o Silent Mode para que o respondente não veja um indicador de carregamento. A requisição é disparada em segundo plano.

Tratamento de Erros

• Se o serviço externo estiver fora do ar, a requisição do Data Node falhará. Considere definir um Timeout razoável (5-10 segundos).
• Para integrações críticas, considere usar os Webhooks integrados do NueForm como backup — eles tentam novamente em caso de falha.

Mapeamento de Variáveis

Use a sintaxe {{variable_name}} (chaves duplas) nos corpos das requisições para inserir os valores das respostas do formulário. Chaves simples {variable_name} funcionam em URLs e cabeçalhos.

Consulte Variáveis para a referência completa.

Testes

1. Ative o Debug Mode no seu Data Node durante o desenvolvimento para ver a requisição/resposta completa.
2. Use um serviço como o webhook.site para inspecionar o payload exato que seu Data Node envia.
3. Desative o Debug Mode antes de publicar.

Relacionados

• Data Nodes — Referência completa de configuração de Data Nodes
• Variáveis — Sintaxe de interpolação de variáveis
• Webhooks — Alternativa de webhook pós-envio