Como integrar seus formulários do Webflow a outras ferramentas via Pluga Webhooks

Integrar o Webflow com outras ferramentas web (como, por exemplo, Google Sheets, leadlovers ou RD Station) via Pluga Webhooks é muito simples!

Basta seguir o passo a passo abaixo:

  1. Faça login na Pluga e acesse a página de automatizações do Pluga Webhooks para escolher qual será a ferramenta que receberá os dados do seu formulário do Webflow;

  2. Após escolher a automatização e clicar em "Fazer essa automatização", nomeie o Pluga Webhooks que será usado para integrar seu formulário. Depois clique em "Gerar Pluga Webhook".

    Depois, Copie a URL que você acabou de gerar para configurá-la no Webflow, conforme mostrado abaixo:

    webhooks-webflow.png

  3. Faça login em sua conta do Webflow, encontre a página com o formulário que você deseja capturar as respostas e clique no símbolo ⚙️ de configuração do formulário: 
    formulario-selecione-configurar.png

  4. Em seguida, já dentro do painel de configuração, role até a seção "connections". Clique no símbolo de  "+"  e em seguida clique em "Create webhook":

    webflow-adicionar-webhook.png

  5.  Cole a URL de webhook que você acabou de criar na Pluga no campo "Webhook URL":

    colando-o-webhook.png

  6. Agora volte para a sua automatização na Pluga e, depois de ter conectado também a ferramenta de destino, clique em "Continuar";

    continuar-webflow.png

  7. Coloque o nome da ferramenta que você está integrando (no caso, Webflow) e em "Modelo de envio dos dados para notificação", você deverá inserir o modelo JSON que será enviado pelo Webflow, de acordo com as variáveis usadas no seu formulário:

    inserir-json-webflow.png

    Caso você tenha dúvidas sobre como criar esse JSON, esse passo a passo mostra como:

    Como construir o modelo JSON para sua automatização com o Webflow

    1. Identifique as variáveis que serão enviadas pelo seu Webflow.

      Para saber os nomes das suas variáveis, basta passar o mouse sobre cada um dos campos do seu formulário e clicar no ícone de configuração ⚙️.nomes-dos-campos.png

      O nome da variável está descrito no campo "Name" do painel de configuração. Você pode editá-lo para tornar mais simples a identificação de cada resposta e também o mapeamento da sua automatização:

      detalhe-variável.png

      Lembre-se de repetir o processo em todos os blocos do seu formulário, para que você tenha a lista de todas as variáveis que deseja capturar;
    2. Use essas variáveis de acordo com o seguinte modelo:
      {
      "variavel1": "exemplo",
      "variavel2": "exemplo",
      "variavel3": "exemplo" }
      Não se preocupe com a parte depois dos dois pontos, pois este é apenas um modelo, então você realmente pode usar a palavra "exemplo".

      Por exemplo, se o seu formulário enviar as variáveis "Name", "Email" e "Menssagem", você deverá construir o seu modelo JSON dessa forma:
      {
      "Name": "exemplo",
      "Email": "exemplo",
      "Menssagem": "exemplo" }
    Se, ainda assim, você precisar de ajuda, é só entrar em contato com a gente pelo nosso chat em nosso site ou clicando aqui
  8. Mapeie os campos e personalize as informações que serão enviadas pelo Webflow para a sua ferramenta de destino, como ilustrado abaixo:

    mapeamento-webflow.gif

  9. Prontinho! Agora é só clicar em "Finalizar automatização" e deixar os robôs da Pluga trabalharem para você. 😎

 

Dúvidas?

Caso ainda tenha dúvidas, é só solicitar um atendimento que nosso time de suporte entrará em contato dentro de algumas horas ;)

Esse artigo foi útil?
Usuários que acharam isso útil: 0 de 0