Addon n8n

O complemento n8n é um recurso profissional

Desbloqueie o n8n Addon e outros recursos avançados para expandir seus negócios.

Obter o WPForms Pro

Gostaria de conectar o WPForms ao n8n para automatizar seus fluxos de trabalho? O complemento n8n permite que você envie suas entradas de formulário para milhares de aplicativos usando o construtor de automação do n8n, para que você possa criar fluxos de trabalho poderosos com apenas alguns cliques.

Neste tutorial, mostraremos a você como instalar e usar o complemento n8n com o WPForms.

Requisitos:

  • Você precisará de um nível de licença Pro ou superior para acessar o complemento n8n
  • Certifique-se de que você instalou o WPForms versão 1.9.8.1 ou superior para atender à versão mínima exigida para o complemento n8n
  • Você tem uma instância do n8n auto-hospedada configurada e em execução

Antes de começar, certifique-se de que o WPForms esteja instalado e ativado em seu site WordPress.

Instalando o nó da comunidade WPForms no n8n

Observação: os nós da comunidade são compatíveis com as versões auto-hospedadas do n8n. Se você estiver usando o n8n Cloud, ainda poderá instalá-los entrando em contato com a equipe de suporte do n8n.

Antes de continuar, certifique-se de que sua instância auto-hospedada da n8n esteja instalada e em execução. Se você ainda não instalou uma, consulte o guia de instalação oficial da n8n para obter instruções de configuração.

Para conectar o WPForms à n8n, primeiro você precisará instalar o nó da comunidade do WPForms dentro da instância local da n8n.

Para fazer isso, abra o painel do n8n e acesse a página Configurações clicando na foto do seu perfil no canto inferior esquerdo.

Configurações do n8n

Em seguida, na página Settings (Configurações), clique em Community Nodes (Nós da comunidade ) na barra lateral esquerda e, em seguida, clique no botão Install a community node (Instalar um nó da comunidade ) para continuar.

Instalar um botão de nó de comunidade

Será exibida uma janela pop-up solicitando que você insira o nome do pacote npm. No campo Nome do pacote npm campo, digite n8n-nodes-wpforms.

digite o nome do pacote npm

Em seguida, marque a caixa de confirmação que diz "Eu entendo os riscos de instalar código não verificado de uma fonte pública" e clique em Instalar.

Botão Instalar

Após a conclusão da instalação, o nó WPForms será adicionado à sua instância do n8n. Agora você poderá usá-lo em qualquer fluxo de trabalho que criar.

Criando o fluxo de trabalho no n8n

Depois de instalar o nó do WPForms, você estará pronto para criar seu fluxo de trabalho no n8n e conectá-lo aos formulários do WPForms.

No editor de fluxo de trabalho, clique no ícone + para adicionar o nó WPForms Trigger. Isso abrirá um painel no qual você poderá pesquisar aplicativos e acionadores disponíveis.

Clique em + para adicionar um novo nó

Na barra de pesquisa, digite "WPForms" e, em seguida, selecione WPForms Trigger na lista.

Adicionar acionador do WPForms

Em seguida, clique em Adicionar ao fluxo de trabalho para inserir o nó WPForms Trigger em seu fluxo de trabalho.

Adicionar nó ao fluxo de trabalho

Depois de adicionada, a janela do nó WPForms Trigger será aberta. Aqui, você configurará como o n8n se conecta ao seu formulário copiando o URL do webhook e, posteriormente, adicionando a chave secreta do WPForms.

Na guia Parameters (Parâmetros ), expanda a seção Webhook URLs (URLs de webhook ) e abra a guia Production URL (URL de produção ) para visualizar o endereço do webhook ativo que receberá os dados do formulário.

Clique no URL mostrado para copiá-lo.

Copiar URL do webhook

Mantenha essa guia aberta por enquanto, pois você precisará desse URL do webhook ao configurar a conexão no construtor de formulários do WPForms em seguida.

Conectando o WPForms ao n8n

Agora que seu fluxo de trabalho n8n está pronto para receber dados de formulário, é hora de configurar a integração no WPForms.

Comece criando um novo formulário ou editando um já existente. Quando estiver no construtor de formulários, vá para Marketing " n8n e clique no botão Ativar integração n8n para ativá-la.

Ativar a integração do n8n

Uma vez ativado, você verá novas configurações para sua conexão n8n.

No campo URL do Webhook, cole o URL de produção que você copiou anteriormente do nó WPForms Trigger no n8n.

Colar URL do webhook

Você pode clicar no link Testar conexão para confirmar que seu site pode se conectar com sucesso ao n8n.

Em seguida, copie a chave secreta do WPForms.

Em seguida, volte para o nó do n8n e cole-o no campo Secret Key (chave secreta ) no n8n.

Quando terminar, feche o pop-up WPForms Trigger e ative o botão Active no canto superior direito para ativar seu fluxo de trabalho.

Ativar fluxo de trabalho

Antes de ativar, certifique-se de que seu fluxo de trabalho na n8n esteja completo e inclua todas as ações que você deseja que ele execute. Você sempre pode voltar mais tarde para adicionar ou ajustar os nós, conforme necessário.

Configuração de eventos de acionamento

Agora que seu fluxo de trabalho na n8n está ativo, retorne ao construtor de formulários WPForms para concluir a configuração de sua integração e personalizar como e quando seu formulário interage com a n8n.

O menu suspenso Trigger Event no construtor de formulários permite que você decida quando acionar o fluxo de trabalho. Você pode escolher entre as seguintes opções:

  • Form Submitted (Formulário enviado ) - Executa o fluxo de trabalho sempre que um usuário envia o formulário.
  • Entrada marcada como spam - Executa o fluxo de trabalho quando um envio é marcado como spam.
  • Payment Processed (Pagamento processado ) - Executa o fluxo de trabalho depois que um pagamento bem-sucedido é concluído.

Mapeamentos de campo

Abaixo das configurações do evento de acionamento, você verá a seção Field Mapping (Mapeamento de campo ). Aqui, você pode especificar quais dados do formulário devem ser enviados à n8n.

Para configurar isso, insira uma chave de parâmetro, que é o rótulo que o n8n usará para identificar os dados. Em seguida, selecione o campo de formulário correspondente no menu suspenso ao lado.

Por exemplo, para enviar o endereço de e-mail do usuário, será necessário inserir email como a chave de parâmetro e selecione o campo Email do formulário na lista.

Mapeamentos de campo n8n

Você pode continuar adicionando mais mapeamentos de campo clicando no botão azul +.

Quando terminar, não se esqueça de clicar em Save (Salvar ) no construtor de formulários para aplicar as alterações.

Depois que seu fluxo de trabalho estiver totalmente configurado, recomendamos testá-lo antes de entrar em operação. Clique no botão Executar fluxo de trabalho no editor da n8n e, em seguida, envie uma entrada de teste por meio do formulário. Isso ajuda a verificar se os dados estão sendo recebidos e processados conforme o esperado.

Perguntas frequentes

Aqui estão algumas perguntas comuns sobre o uso do complemento n8n com o WPForms.

O nó WPForms está disponível no n8n Cloud?

Os nós da comunidade, incluindo o WPForms, são suportados principalmente em versões auto-hospedadas do n8n. Isso significa que você precisará instalar e executar sua própria instância da n8n para usar o nó WPForms.

No entanto, se estiver usando o n8n Cloud, talvez ainda consiga instalar nós de comunidade entrando em contato com a equipe de suporte do n8n. Às vezes, eles podem habilitar nós de comunidade para usuários da nuvem mediante solicitação.

Além disso, nosso nó da comunidade WPForms está sendo revisado pela equipe da n8n. Uma vez aprovado, os usuários da nuvem poderão instalá-lo sem assistência especial.

Posso desativar o armazenamento de entradas ao usar o complemento n8n?

Sim. Se quiser impedir que o WPForms armazene entradas de formulário no banco de dados do seu site, acesse Configurações " Geral no construtor de formulários, abra a seção Avançado e ative a opção Desativar armazenamento de informações de entrada no WordPress.

Desativar o armazenamento de informações de entrada no WordPress

E se eu excluir o nó WPForms no n8n?

Se o nó WPForms em seu fluxo de trabalho n8n for excluído ou removido, os envios de formulário não acionarão mais o fluxo de trabalho. Para corrigir isso, adicione um novo nó WPForms Trigger ao seu fluxo de trabalho, copie o novo URL de produção e atualize o URL do Webhook no construtor de formulários WPForms. Depois de atualizado, reative o fluxo de trabalho na n8n para restaurar a conexão.

É isso aí! Você conectou o WPForms com sucesso ao n8n.

Em seguida, gostaria de saber mais sobre o que você pode fazer com as entradas do WPForms? Não deixe de conferir nosso guia completo de entradas para obter detalhes sobre todas as opções e ferramentas disponíveis.

O melhor plug-in de criação de formulários de arrastar e soltar para WordPress

Fácil, rápido e seguro. Junte-se a mais de 6 milhões de proprietários de sites que confiam no WPForms.