Como formatar dados na Make

Ao configurar um webhook através da Make para integrar seu formulário a um serviço terceiro, você pode personalizar o mapeamento dos dados utilizando variáveis para receber essas informações de acordo com as suas necessidades!

Neste artigo vamos te ensinar a como utilizar a funcionalidade de "Set multiple variables" e as funções de "get", "split" e "replace" para formatar dados de "Nome próprio" e "Telefone" recebidos no formulário:

Módulo de Tools e ação de Set multiple variables na Make

O módulo de "Tools" na Make inclui várias ações úteis que podem melhorar o seu cenário. Uma destas ações é a de "Set multiple variables", que permite criar múltiplas variáveis ​​que podem ser mapeadas por outros módulos na rota.

String functions e General functions na Make

As funções de string permitem modificar e transformar dados de string - também conhecidos como texto. Uma função de string de "split" pode ser utilizada para dividir uma string em uma matriz de strings separando-a em substrings. E uma função de "replace" pode ser utilizada para substituir a sequência de pesquisa por uma nova sequência.

As funções gerais permitem ajustar o mapeamento de um cenário, selecionando ou deixando fora determinados itens ou aplicando critérios condicionais ao mapeamento. Uma função de "get", por exemplo, retorna o caminho do valor de um objeto ou array. O primeiro item em um array é o índice 1, e assim por diante.

Além disso, é possível incluir operadores de texto junto às funções, como "space", "newline" ou "emptystring", por exemplo.

Cenário de exemplo

Suponhamos que você queira conectar seu formulário ao Google Planilhas (utilizando a Make como plataforma de integração) para criar uma nova linha em sua planilha a cada nova resposta recebida no formulário.

Em seu formulário, você possui os campos de "Nome próprio" com a opção de "Sobrenome obrigatório" habilitada e o campo de "Telefone" os quais recebem respostas como "Ana Santos" e "55 51 912345678".

No entanto, em sua planilha, você criou a coluna A de "Nome" para receber apenas o primeiro nome (Ana), a coluna B de "Sobrenome" para receber apenas o sobrenome (Santos) e a coluna C de "Telefone" para receber o número sem espaços inseridos (5551912345678):

Neste caso, é possível utilizar um módulo de "Tools" e adicionar uma ação de "Set multiple variables" para criar variáveis que podem ser mapeadas no módulo do Google Planilhas. E dentro deste módulo, mapear os campos utilizando funções gerais e funções de string.

Como utilizar General e String functions e a opção de Set multiple variables da Make

1. Configure um webhook pela Make seguindo estes passos aqui: Como configurar um Webhook pela Make;
2. Após configurar seu webhook, clique no ícone lilás de "Tools" e selecione a opção de "Set multiple variables";

• Se você deseja mapear mais de um campo do formulário, utilize a ação de "Set multiple variables". Se deseja mapear apenas um campo, recomendamos a ação "Set variable";

3. Em "Variables", clique em "Add item";

4. No campo de "Variable name", adicione o nome da variável que será mapeada. Neste exemplo, o nome da variável do Item 1 é "Nome";
5. No campo de "Variable value", adicione o valor da variável que será mapeada e formate-a conforme desejar;

• Neste exemplo, a variável do Item 1 será o valor do campo de "Nome próprio" do formulário: "1.respondent:answers: Qual é o seu nome e sobrenome? ";
• Para formatar o valor de resposta da variável "Nome" (Ana¹ Santos²), inclua a seguinte função: "get( split( 1.respondent: answers: Qual é o seu nome e sobrenome? ; space ) ; 1 ) ";

6. Já no Item 2, o campo de "Variable name", será preenchido como "Sobrenome";
7. No campo de "Variable value", a variável do Item 2 também será o valor do campo de "Nome próprio" do formulário: "1.respondent:answers: Qual é o seu nome e sobrenome? ";

• Para formatar o valor de resposta da variável "Sobrenome" (Ana¹ Santos²), inclua a função: "get( split( 1.respondent: answers: Qual é o seu nome e sobrenome? ; space ) ; 2 ) ";

8. No Item 3, o campo de "Variable name" será preenchido com o nome da variável "Telefone";
9. No campo de "Variable value", a variável será o valor do campo de Telefone do formulário: "1.respondent:answers: Qual é o seu telefone? ";

• Para formatar o valor de resposta da variável Telefone (55 51 912345678), inclua a função: "replace( 1.respondent:answers: Qual é o seu telefone? ; space ; emptystring ) ; ";

10. Após mapear todos os campos conforme desejar, clique em "Ok" para salvar;

11. Para finalizar, inclua um próximo módulo de "Google Sheets - Add a Row", e faça o mapeamento dos campos desejados utilizando as variáveis que foram manipuladas no módulo de "Tools - Set multiple variables";
12. Clique em "Ok" para salvar;

Confira se a integração foi feita com sucesso

• Na Make, clique em "Run once" para enviar uma resposta teste;
• Envie uma resposta teste para o formulário que você acabou de integrar;
• Na planilha, verifique se as informações chegaram em colunas diferentes, de acordo com a configuração feita;
• Se o teste deu certo, habilite a função "Scheduling" e comece a receber seus dados imediatamente! 😉

Módulo "HTTP - Make a request" na Make

Se você estiver utilizando uma plataforma que possui um webhook próprio para conectar ao formulário, você pode fazer o mesmo processo acima na Make e apenas adicionar um passo extra para enviar os dados formatados ao serviço desejado. 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, inclua a URL para qual deseja enviar estes dados (a URL de webhook da plataforma que está utilizando);
3. Em "Method" selecione a opção "POST";
4. E em "Fields", faça o mapeamento dos campos de "Key" e "Value" inserindo os dados formatados;
5. Clique em "Ok" para salvar e siga os passos da seção anterior para conferir se a integração foi feita com sucesso;