Resumo da IA
Hora da confissão — eu realmente não entendo muito de tecnologia. (Se você já recebeu um e-mail meu, provavelmente já sabe que isso é verdade...)
Por isso, eu costumava gastar muito tempo copiando manualmente os formulários enviados do meu blog WordPress para outras ferramentas. Sempre que alguém preenchia um formulário de contato, eu abria meu CRM, criava um novo lead e depois ia até minha plataforma de e-mail para adicioná-lo lá também. Era realmente uma perda de tempo e energia.
Por isso, estou animado para mostrar como conectar o WPForms ao n8n transformou todo o meu fluxo de trabalho, e isso também pode acontecer com você!
Neste guia passo a passo, vou orientá-lo na configuração da integração do WPForms n8n para encaminhar automaticamente os envios de formulários para todos os tipos de destinos. Ferramentas de marketing por e-mail, CRMs, aplicativos de gerenciamento de projetos e milhares de outros serviços, só para citar alguns.
E, como sempre com o WPForms, não é necessário nenhum tipo de codificação. Portanto, se eu consigo fazer isso, qualquer pessoa consegue. Vamos lá!
Como conectar o WPForms ao n8n: automatize seus fluxos de trabalho de formulários do WordPress
O que você precisará antes de começar
Antes de entrarmos no processo de configuração, vamos verificar se você tem tudo pronto. Você precisará de:
- Licença WPForms Pro (ou superior) instalada e ativada no seu site WordPress
- WPForms versão 1.9.8.1 ou mais recente para acessar o complemento n8n
- Uma conta n8n (seja auto-hospedada ou na nuvem n8n)
O complemento n8n está disponível exclusivamente com o WPForms Pro e níveis de licença superiores, o que lhe dá acesso a recursos de automação de fluxo de trabalho que podem transformar significativamente a forma como você lida com o envio de formulários.
Crie seu formulário Wordpress agora
O que você pode fazer com a integração n8n
Por que você precisa dessas ferramentas para começar? Aqui está o motivo! O WPForms + n8n permite que você deixe de ser o intermediário entre seus formulários e todas as suas outras ferramentas. Aqui estão alguns exemplos do que você pode fazer com ele:
- Adicione automaticamente novos leads ao seu CRM quando os formulários forem enviados
- Acionar sequências de e-mails na sua plataforma de marketing
- Criar tarefas em ferramentas de gerenciamento de projetos
- Enviar notificações para o Slack ou Microsoft Teams
- Armazene os dados enviados no Google Sheets ou em bancos de dados
- Crie automações personalizadas em várias etapas em dezenas de aplicativos
As possibilidades são praticamente infinitas. E, como eu disse, você pode configurar tudo por meio de uma interface visual, sem precisar escrever uma única linha de código.
Passo 1: Crie seu fluxo de trabalho no n8n
Sua primeira tarefa é criar um fluxo de trabalho no n8n que receberá e processará os envios do seu formulário. Pense nisso como configurar o “lado receptor” da sua automação.
Adicione o nó de acionamento WPForms
Faça login no painel do n8n e inicie um novo fluxo de trabalho. No editor de fluxo de trabalho, você verá uma tela onde poderá adicionar diferentes nós. Eles são como os blocos de construção da sua automação.
Clique no ícone + (mais) para adicionar seu primeiro nó.
No campo de pesquisa, digite “WPForms” e selecione a opção WPForms Trigger nos resultados.
Se esta for a primeira vez que você usa o nó WPForms, será necessário instalá-lo clicando no botão Instalar nó que aparece.
Depois de instalado, clique em Adicionar ao fluxo de trabalho para adicionar o nó WPForms Trigger à sua tela de fluxo de trabalho.
Este nó funcionará como ponto de entrada para todos os dados provenientes dos seus formulários WordPress.
Copie a URL do seu Webhook
Depois de adicionar o nó WPForms Trigger, clique nele para abrir o painel de configuração. Você verá várias guias e opções, mas a mais importante neste momento está na seção Parâmetros.
Expanda a seção URLs do Webhook e abra a guia URL de produção. Isso revela o endereço exclusivo do webhook que o n8n gerou para o seu fluxo de trabalho.
Clique no URL para copiá-lo para a área de transferência — você precisará dele em instantes, quando configurarmos o WPForms.
Mantenha esta guia do navegador aberta enquanto passa para a próxima etapa.
Passo 2: Configure o WPForms para enviar dados para o n8n
Agora que o n8n está pronto para receber dados, é hora de configurar seu formulário WordPress para enviar envios para o seu fluxo de trabalho.
Habilite a integração n8n
No painel do WordPress, acesse o criador de formulários WPForms. Você pode criar um formulário totalmente novo ou abrir um formulário existente que deseja conectar ao n8n.
Quando estiver na interface do criador de formulários, procure a seção Marketing na barra lateral esquerda e clique em n8n. Você verá um botão chamado“Ativar integração n8n”— ative-o para ativar a conexão.
Insira os detalhes do seu webhook
Após ativar a integração, vários novos campos de configuração serão exibidos.
O primeiro campo que você verá é para a URL do Webhook. Cole a URL de produção que você copiou do n8n anteriormente neste campo.
A propósito, há um link útil chamado “Testar conexão” que você pode clicar para verificar se o seu site WordPress consegue se comunicar corretamente com o n8n. Vale a pena clicar nele para detectar antecipadamente quaisquer possíveis problemas de conexão.
Trocar a chave secreta
A segurança é importante ao conectar serviços externos, e é por isso que o WPForms usa uma chave secreta para autenticar solicitações.
Você verá essa chave secreta exibida nas configurações do WPForms. Copie-a e volte para a guia de fluxo de trabalho do n8n.
Em seguida, volte às configurações do nó WPForms Trigger no n8n, localize o campo Chave secreta e cole a chave que você acabou de copiar.
Isso garante que apenas envios legítimos do seu formulário WordPress possam acionar o fluxo de trabalho.
Ative seu fluxo de trabalho
Antes de sair do n8n, há uma etapa crucial: ativar seu fluxo de trabalho.
Procure o botão ativo no canto superior direito da interface do n8n e ative-o.
Lembre-se de que seu fluxo de trabalho deve estar completo com todas as ações que você deseja que ocorram após o recebimento dos dados do formulário.
Você sempre pode voltar mais tarde para adicionar mais nós e expandir sua automação, mas certifique-se de que a estrutura básica esteja pronta antes de ativar.
Etapa 3: Escolha quando acionar seu fluxo de trabalho
De volta ao construtor de formulários WPForms, você verá um menu suspenso Trigger Event (Evento desencadeador). Esse recurso poderoso permite controlar exatamente quando o fluxo de trabalho n8n deve ser executado.
Opções de acionamento disponíveis
Você tem três opções de eventos desencadeadores para escolher:
- O formulário enviado aciona seu fluxo de trabalho sempre que alguém preenche e envia seu formulário. Essa é a opção mais comum e funciona bem para formulários de contato gerais, formulários de geração de leads e formulários de registro.
- A opção “Entrada marcada como spam” ativa seu fluxo de trabalho somente quando um envio é sinalizado como spam pela detecção de spam do WPForms. Isso é útil se você deseja registrar tentativas de spam, notificar sua equipe de segurança ou realizar verificações adicionais.
- O Processamento de Pagamento executa seu fluxo de trabalho após um pagamento ser concluído com sucesso por meio do seu formulário. Isso é ideal para aplicativos de comércio eletrônico, formulários de doação ou qualquer formulário que aceite pagamentos por meio do Stripe, PayPal ou outros gateways de pagamento.
Escolha o evento desencadeador que melhor corresponda aos seus objetivos de automação.
Etapa 4: Mapeie os campos do formulário
A seção Mapeamento de campos é onde você informa ao n8n quais informações receber dos envios do seu formulário. Essa é uma etapa crítica, pois determina quais dados seu fluxo de trabalho pode acessar e processar.
Como funciona o mapeamento de campo
O mapeamento de campos associa os campos do WPForms a chaves de parâmetros que o n8n reconhecerá. No lado esquerdo, você inserirá uma chave de parâmetro (este é o rótulo que o n8n usará internamente). No lado direito, você selecionará qual campo do formulário deve preencher esse parâmetro.
Por exemplo, se você deseja capturar o endereço de e-mail de alguém, pode inserir “e-mail” como chave de parâmetro e, em seguida, selecionar o campo E-mail no menu suspenso.
Se você deseja capturar o nome deles, insira “nome” como chave de parâmetro e selecione o campo Nome.
Adicionando vários mapeamentos
A maioria dos formulários coleta várias informações, portanto, normalmente você precisará de vários mapeamentos de campos. Após configurar seu primeiro mapeamento, clique no botão azul + para adicionar outra linha. Continue adicionando mapeamentos para cada dado que deseja enviar para o n8n.
Os mapeamentos de campo comuns incluem endereços de e-mail, nomes, números de telefone, nomes de empresas, conteúdo de mensagens e quaisquer campos personalizados específicos do seu formulário.
Depois de configurar todos os mapeamentos de campo, clique no botão Salvar no criador de formulários para salvar suas alterações.
E é isso! Viu? Eu disse que se eu consigo, você também consegue.
E agora que você conectou com sucesso o WPForms ao n8n, você tem a base para uma automação de fluxo de trabalho superpoderosa. Considere explorar nossos outros complementos e integrações n8n que podem otimizar ainda mais seus processos.
Crie seu formulário Wordpress agora
Perguntas frequentes sobre o n8n
Sei que o n8n pode parecer complicado à primeira vista. Mas não precisa ser assim! Confira a lista das perguntas mais frequentes sobre a integração do n8n e não hesite em entrar em contato conosco para obter mais suporte.
Como posso testar minha integração n8n?
No editor de fluxo de trabalho n8n, clique no botão “Executar fluxo de trabalho”. Em seguida, mude para o seu site WordPress e envie uma entrada de teste através do seu formulário. Preencha todos os campos como um usuário real faria e clique em enviar.
Volte para o n8n e verifique se o fluxo de trabalho recebeu os dados. Você deverá ver os detalhes do envio aparecerem no log de execução do fluxo de trabalho. Se tudo estiver correto, parabéns — sua integração está funcionando!
Se os dados não aparecerem, verifique se a URL do webhook está correta, se a chave secreta corresponde e se o fluxo de trabalho está ativado.
E se eu excluir acidentalmente o nó n8n?
Se você acidentalmente excluir ou remover o nó WPForms Trigger do seu fluxo de trabalho n8n, os envios de formulários não acionarão mais a automação.
Para corrigir isso, basta adicionar um novo nó WPForms Trigger, copiar sua nova URL de produção e atualizar a URL do Webhook no seu construtor de formulários WPForms. Não se esqueça de reativar o fluxo de trabalho após fazer essas alterações.
Posso criar fluxos de trabalho complexos com várias etapas?
Sim! O verdadeiro poder do n8n vem da encadeamento de várias ações. Depois que o seu nó WPForms Trigger receber um envio, você pode adicionar nós para:
- Envie dados para vários destinos simultaneamente
- Aplique lógica condicional (cenários se/então)
- Transforme ou formate os dados antes de enviá-los para outro lugar
- Adicione atrasos entre as ações
- Crie procedimentos de tratamento de erros e fallback
Explore a biblioteca de nós do n8n para descobrir centenas de aplicativos e serviços que você pode conectar aos seus formulários.
Em seguida, adicione um campo “somente leitura” ao seu formulário online.
Agora você sabe como acionar todo um fluxo de trabalho n8n a partir dos envios de formulários online. Parabéns! Mas e quanto às entradas de formulários que precisam ser intocáveis? Aquelas que realmente não devem ir a lugar nenhum... Nomes de usuário em um formulário de registro, por exemplo.
Você sabia que um campo como esse — bem, quase todos os campos do seu formulário WordPress — pode ser um campo “somente leitura”? E é super fácil de fazer! Confira aqui algumas etapas simples para adicionar um campo “somente leitura” ao seu formulário.
Pronto para criar seu formulário? Comece hoje mesmo com o plug-in de criação de formulários mais fácil do WordPress. O WPForms Pro inclui vários modelos gratuitos e oferece uma garantia de reembolso de 14 dias.
Se este artigo o ajudou, siga-nos no Facebook e no Twitter para obter mais tutoriais e guias gratuitos sobre o WordPress.
