Skip to main content
Gatilhos de Webhook permitem que serviços externos iniciem seus fluxos de trabalho enviando dados para uma URL exclusiva. Use-os para conectar formulários, aplicativos de terceiros e integrações personalizadas.

Quando usar Webhooks

Configuração passo a passo

Etapa 1: Criar o fluxo de trabalho

  1. Vá para Configurações → Fluxos de trabalho
  2. Clique em + Novo fluxo de trabalho
  3. Dê um nome (por exemplo, “Envio de formulário do site”)

Etapa 2: Configurar o gatilho de Webhook

  1. Clique no bloco de gatilho
  2. Selecione Webhook
  3. Você receberá uma URL de webhook exclusiva, como:
  4. Copie esta URL—você vai precisar dela no seu serviço externo

Etapa 3: Definir a estrutura de dados esperada

Para solicitações POST, defina a estrutura esperada do corpo:
  1. Clique em Definir corpo esperado
  2. Insira um JSON de exemplo que corresponda ao que o seu serviço enviará:
  1. Clique em Salvar—isso cria variáveis que você pode usar nas etapas subsequentes

Etapa 4: Adicionar ações

Agora adicione ações que usem os dados do webhook: Exemplo: Criar um registro de Pessoa
  1. Adicione a ação Criar registro
  2. Selecione o objeto Pessoas
  3. Mapeie os campos:

Etapa 5: Testar o Webhook

Antes de ativar, teste o seu webhook: Usando cURL:
Usando o Postman ou similar:
  1. Crie uma solicitação POST para a sua URL de webhook
  2. Defina o cabeçalho Content-Type como application/json
  3. Adicione o corpo JSON de teste
  4. Envie e verifique as execuções do fluxo de trabalho

Etapa 6: Ativar

Depois de testar, clique em Ativar para ativar o fluxo de trabalho.

Como lidar com diferentes estruturas de dados

Dados aninhados

Se o seu webhook enviar dados aninhados:
Referencie com: {{trigger.body.contact.email}}

Arrays

Se os dados incluírem arrays:
Como você lida com arrays depende do seu caso de uso: Número desconhecido de itens → Use Iterator Se você precisar processar cada item no array (por exemplo, criar um registro para cada), adicione uma ação Code para analisar o array e, em seguida, use Iterator:
Em seguida, use Iterator para percorrer: {{code.items}} Campos conhecidos/específicos → Extraia para campos nomeados Se o array contiver campos específicos aos quais você deseja acessar individualmente (por exemplo, respostas de formulário em que a posição 0 é sempre “nome”, a posição 1 é sempre “sobrenome”), adicione uma ação Code para extraí-los:
Agora você pode selecionar product.name e product.qty individualmente nas etapas subsequentes.
Para mais detalhes sobre como lidar com arrays, consulte Tratar arrays em ações de código.

Relacionados