Criando formulários com o N8N

Oi, galera! Bora para mais um papo?

Se você desejar criar um formulário simples, o N8N Form Trigger é o ideal para você.
Ele é útil para cenários onde você deseja coletar dados diretamente de usuários e processá-los dentro de um fluxo de automação.

Tópicos:

• O fluxo
• Criando o componente
• Configurações
• Integrando no Google Sheets

O fluxo

O fluxo torna simples e rápida a criação de um formulário, no qual você especifica os campos desejados para capturar as informações do usuário, os textos mostrados e o caminho URL desejado.
O retorno será uma URL funcional:

• Exemplo: https://seuendereco-n8n/form/formulario-informacoes-usuario

Criando o componente

Para criar o componente Form Trigger pesquise na barra de busca da direta.

Você poderá a qualquer momento testar o fluxo atual, clicando em ‘test step’.
No qual já mostrará um preview de como irá ficar o fluxo.

Configurações

Form Path

• Valor: formulario-informacoes-usuario
• Descrição: Define o caminho (path) da URL onde o formulário estará disponível. No caso acima, o formulário será acessível em uma URL como:
  https://<seu-dominio-ou-ip>/webhook/formulario-informacoes-usuario.
  Form Title
• Valor: Título do Formulário
• Descrição: Este é o título exibido no topo do formulário. Ele ajuda os usuários a identificar rapidamente o propósito do formulário.
  Form Description
• Valor: Queremos saber mais sobre você!
• Descrição: Uma breve descrição ou subtítulo exibido abaixo do título do formulário. Serve para contextualizar ou engajar o usuário, explicando o motivo da coleta de informações.
  Form Fields
• Define os campos que o formulário terá, incluindo seus rótulos, tipos e características. Aqui estão os campos configurados:
• Campo 1:
  • Field Label: Qual é o seu nome?
    • Texto exibido como rótulo do campo.
  • Field Type: Text
    • Tipo do campo, que aceita texto curto (ideal para nomes ou entradas simples).
  • Placeholder: Digite o seu nome
    • Texto exibido dentro do campo antes de o usuário digitar algo, servindo como um exemplo ou orientação.
  • Required Field:
    • Indica que o campo é obrigatório. O formulário não poderá ser enviado sem que este campo seja preenchido.
• Campo 2:
  • Field Label: Qual seu telefone para contato?
    • Texto exibido como rótulo do campo.
  • Field Type: Text
    • Tipo do campo, que aceita texto curto (neste caso, números de telefone).
  • Placeholder: Digite o seu telefone para contato
    • Texto orientativo exibido dentro do campo.
  • Required Field:
    • Campo obrigatório. O formulário não será enviado sem esta informação.
• Respond When
  • Valor: Form Is Submitted
  • Descrição: Define o evento que dispara o fluxo no n8n. Neste caso, o fluxo será executado assim que o formulário for enviado pelo usuário.
• Form Response
  • Respond With: Form Submitted Text
    • Define como o formulário responde ao usuário após o envio.
  • Text to Show: Recebemos suas informações com sucesso
    • Mensagem exibida ao usuário após o envio bem-sucedido do formulário. É útil para confirmar que os dados foram recebidos.
• Ignore Bots
  • Ativado:
    • Impede que bots enviem o formulário, filtrando submissões automáticas que não sejam feitas por humanos. Isso ajuda a evitar spam nos fluxos.

Envio de dados para o Google Sheets

Com o formulário criado é possível capturar as informações e na etapa seguinte do fluxo tomar alguma ação em relação a elas.
Nesse exemplo, iremos enviar os dados para uma planilha Google Sheets para armazenamento das informações.