Resumo da IA
Hora da confissão — não sou muito experiente em tecnologia. (Se já recebeu um e-mail meu, provavelmente já sabe que isso é verdade...)
Por isso, eu costumava gastar muito tempo a copiar manualmente os envios de formulários do meu blog WordPress para outras ferramentas. Sempre que alguém preenchia um formulário de contacto, eu abria o meu CRM, criava um novo lead e, em seguida, ia para a minha plataforma de e-mail para adicioná-lo lá também. Era realmente uma perda de tempo e energia.
Por isso, estou entusiasmado por mostrar como a ligação do WPForms ao n8n transformou todo o meu fluxo de trabalho, e pode fazer o mesmo por si!
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, aplicações de gestão de projetos e milhares de outros serviços, só para citar alguns.
E, como sempre com o WPForms, não requer qualquer tipo de codificação. Portanto, se eu consigo fazer isso, qualquer pessoa consegue. Vamos lá!
Como conectar o WPForms ao n8n: automatize os fluxos de trabalho dos formulários do WordPress
O que precisa antes de começar
Antes de entrarmos no processo de configuração, vamos verificar se tem tudo o que precisa. Vai 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 aceder ao complemento n8n
- Uma conta n8n (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 o seu formulário Wordpress agora
O que pode fazer com a integração n8n
Por que precisa dessas ferramentas para começar? Eis o motivo! O WPForms + n8n permite que deixe de ser o intermediário entre os seus formulários e todas as suas outras ferramentas. Aqui estão alguns exemplos do que 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 gestão de projetos
- Enviar notificações para o Slack ou Microsoft Teams
- Armazene os dados enviados no Google Sheets ou em bases de dados
- Crie automações personalizadas em várias etapas em dezenas de aplicações
As possibilidades são praticamente infinitas. E, como eu disse, você pode configurar tudo através de uma interface visual, sem escrever uma única linha de código.
Passo 1: Crie o seu fluxo de trabalho no n8n
A sua primeira tarefa é criar um fluxo de trabalho no n8n que receberá e processará os envios do seu formulário. Pense nisso como configurar a «extremidade receptora» da sua automação.
Adicione o nó de acionamento WPForms
Inicie sessão no seu painel n8n e inicie um novo fluxo de trabalho. No editor de fluxo de trabalho, verá uma tela onde pode adicionar diferentes nós. Estes são como os blocos de construção para a sua automação.
Clique no ícone + (mais) para adicionar o 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 utiliza o nó WPForms, terá de o instalar 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. Verá várias guias e opções, mas a mais importante neste momento está na secção Parâmetros.
Expanda a secção URLs do Webhook e abra o separador URL de produção. Isto revela o endereço único do webhook que o n8n gerou para o seu fluxo de trabalho.
Clique no URL para copiá-lo para a área de transferência — precisará dele em breve, quando configurarmos o WPForms.
Mantenha esta aba 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 o seu formulário WordPress para enviar submissões para o seu fluxo de trabalho.
Ativar a integração n8n
No seu painel do WordPress, navegue até o construtor de formulários WPForms. 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 secção Marketing na barra lateral esquerda e clique em n8n. Verá um botão com a indicação«Ativar integração n8n»— ative-o para ativar a ligaçã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, existe um link útil chamado «Testar ligação» que pode clicar para verificar se o seu site WordPress consegue comunicar corretamente com o n8n. Vale a pena clicar neste link para detetar antecipadamente quaisquer potenciais problemas de ligaçã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 as solicitações.
Verá esta chave secreta apresentada nas definições do WPForms. Copie-a e, em seguida, volte para o separador do fluxo de trabalho n8n.
Em seguida, volte às definições do nó WPForms Trigger no n8n, localize o campo Chave secreta e cole a chave que acabou de copiar.
Isso garante que apenas envios legítimos do seu formulário WordPress possam acionar o fluxo de trabalho.
Ative o seu fluxo de trabalho
Antes de sair do n8n, há um passo crucial: ativar o seu fluxo de trabalho.
Procure o botão ativo no canto superior direito da interface do n8n e ative-o.
Tenha em mente que o seu fluxo de trabalho deve estar completo com todas as ações que deseja que ocorram após receber os 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 ativá-la.
Passo 3: Escolha quando acionar o seu fluxo de trabalho
De volta ao construtor de formulários WPForms, você verá um menu suspenso Trigger Event (Evento de acionamento). Esse recurso poderoso permite controlar exatamente quando o fluxo de trabalho n8n deve ser executado.
Opções de acionamento disponíveis
Tem três opções de eventos desencadeadores à sua escolha:
- O formulário enviado aciona o seu fluxo de trabalho sempre que alguém preenche e envia o seu formulário. Esta é a escolha mais comum e funciona bem para formulários de contacto gerais, formulários de geração de leads e formulários de registo.
- A opção «Entrada marcada como spam» ativa o seu fluxo de trabalho apenas quando um envio é sinalizado como spam pela deteção de spam do WPForms. Isso é útil se quiser registar tentativas de spam, notificar a sua equipa de segurança ou realizar verificações adicionais.
- O Processamento de Pagamento executa o seu fluxo de trabalho após um pagamento ser concluído com sucesso através do seu formulário. Isso é ideal para aplicações de comércio eletrónico, formulários de doação ou qualquer formulário que aceite pagamentos através do Stripe, PayPal ou outros gateways de pagamento.
Escolha o evento desencadeador que melhor corresponde aos seus objetivos de automação.
Passo 4: Mapeie os campos do seu formulário
A secção Mapeamento de campos é onde você informa ao n8n quais informações receber dos envios do seu formulário. Esta é uma etapa crítica, pois determina quais dados o 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, introduza uma chave de parâmetro (este é o rótulo que o n8n utilizará internamente). No lado direito, selecione qual campo do formulário deve preencher esse parâmetro.
Por exemplo, se quiser capturar o endereço de e-mail de alguém, pode introduzir «e-mail» como chave de parâmetro e, em seguida, selecionar o campo E-mail no menu suspenso.
Se quiser capturar o nome deles, introduza «nome» como chave de parâmetro e selecione o campo Nome.
Adicionar vários mapeamentos
A maioria dos formulários recolhe várias informações, por isso, normalmente, precisará de vários mapeamentos de campos. Depois de configurar o seu primeiro mapeamento, clique no botão azul + para adicionar outra linha. Continue a adicionar 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 Guardar no criador de formulários para preservar as alterações.
E é só 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 add-ons e integrações n8n que podem otimizar ainda mais os seus processos.
Crie o 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 contacto connosco para obter mais assistência.
Como posso testar a 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 utilizador real faria e, em seguida, clique em enviar.
Volte para o n8n e verifique se o fluxo de trabalho recebeu os dados. Deve ver os detalhes do envio aparecerem no registo de execução do fluxo de trabalho. Se tudo parecer correto, parabéns — a sua integração está a funcionar!
Se os dados não aparecerem, verifique novamente se a URL do webhook está correta, se a chave secreta corresponde e se o fluxo de trabalho está ativado.
E se eu apagar 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 irão mais acionar a automação.
Para corrigir isso, basta adicionar um novo nó WPForms Trigger, copiar a 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:
- Enviar dados para vários destinos simultaneamente
- Aplicar lógica condicional (cenários se/então)
- Transforme ou formate os dados antes de enviá-los para outro local
- Adicionar atrasos entre ações
- Criar procedimentos de tratamento de erros e de contingência
Explore a biblioteca de nós do n8n para descobrir centenas de aplicações e serviços que pode conectar aos seus formulários.
Em seguida, adicione um campo «somente leitura» ao seu formulário online
Agora já sabe como acionar todo um fluxo de trabalho n8n a partir dos envios dos seus formulários online. Parabéns! Mas e quanto às entradas dos formulários que precisam de ser intocáveis? Aquelas que realmente não devem ir para lugar nenhum... Nomes de utilizador num formulário de registo, por exemplo.
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 os poucos passos simples para adicionar um campo «somente leitura» ao seu formulário.
Pronto para criar o seu formulário? Comece hoje mesmo com o plugin de criação de formulários mais fácil do WordPress. O WPForms Pro inclui muitos modelos gratuitos e oferece uma garantia de reembolso de 14 dias.
Se este artigo o ajudou, siga-nos no Facebook e no Twitter para mais tutoriais e guias gratuitos do WordPress.
