Como integrar ao Devzapp via Make webhooks

Neste artigo, você vai aprender como configurar o Respondi ao Devzapp via Make webhooks, para enviar mensagens automáticas personalizadas aos respondentes que preencherem seu formulário. As mensagens são enviadas diretamente pelo seu número de WhatsApp conectado ao Devzapp.

Siga os passos abaixo:

1. Criar um funil e automação no Devzapp;
2. Configurar seu webhook na Make;
3. Formatar o número de telefone usando o módulo Set Variable ou Set multiple variables;
4. Enviar os dados formatados para o Devzapp via módulo HTTP;

1. Criar um funil e automação no Devzapp

Antes de iniciar a integração na Make, é necessário criar um funil e uma automação dentro do Devzapp. Esse processo gera a URL de webhook que será usada para enviar os dados do Respondi.

Siga o tutorial da Devzapp para fazer essa etapa: Como usar o Teste Grátis envios em massa e integrações via Webhook - DevFunil

2. Configure seu webhook na Make

O próximo passo é configurar um webhook entre o seu formulário e a Make. Temos um tutorial ensinando exatamente a como fazer esse processo: Como configurar um Webhook pela Make

3. Formate o valor de Telefone usando o módulo Set Variable

Ao enviar o dado do campo de Telefone do seu formulário para um webhook, o valor costuma ser retornado no formato: 55 51912345678   . No entanto, o Devzapp requer esse dado em um formato sem espaços, traços ou outros caracteres especiais, como: 5551912345678  .

Para para remover os espaços do número e garantir que ele seja enviado corretamente para o Devzapp, siga os passos abaixo:

1. Após configurar seu webhook, clique no ícone lilás “Tools” e selecione o módulo “Set variable” (ou “Set multiple variables”, caso queira formatar vários campos de uma vez);
2. Preencha os campos do módulo de formatação:

• Variable name: insira o nome que você quer dar à variável (exemplo: Telefone   );
• Variable value: insira o valor do campo de telefone, aplicando a função de formatação: replace(    1.respondent:answers: Qual é o seu telefone?     ;     space     ;     emptystring    )   

3. Após configurar a função, clique em "Save" para salvar as alterações;

4. Adicione o módulo HTTP na Make

Após formatar os campos (como o número de telefone), o próximo passo é enviar esses dados ao Devzapp. Para isso, basta utilizar o módulo HTTP da Make, que permite enviar requisições diretamente para uma URL de webhook.

Para isso, basta utilizar a ação de "Make a request" no módulo "HTTP" da Make:

1. Adicione um novo módulo de "HTTP" e selecione a ação "Make a request";
2. No campo de URL, insira o link fornecido em seu funil/automação Devzapp;
3. Em "Method" selecione a opção "POST" e em "Body type", selecione "Application/x-www-form-urlencoded";
4. Em "Fields", faça o mapeamento dos campos de "Key" e "Value";

• Key: insira o título do campo formatado;
• Value: insira o valor de Telefone   formatado no campo Tools - Set variable;

5. Clique em "Ok" para salvar e confira se a integração foi feita com sucesso;

5. Confira se a integração foi feita com sucesso

1. Na Make, clique em "Run once" e acesse o formulário que você acabou de integrar;
2. Faça o preenchimento completo das respostas. No teste, preencha um número de WhatsApp que você tenha acesso para checar se a mensagem será enviada/recebida;
3. Na Devzapp, confira se o último evento foi recebido de acordo com os dados preenchidos;
4. Acesse o Whatsapp do número informado e verifique se a mensagem foi recebida com sucesso;