Como conectar o Make ao Workflow Webhooks

Visão geral dos casos de uso

Essa configuração conecta seu fluxo de trabalho de e-mails pós-compra no MAKE ao Workflow Webhooks, para que você possa coletar os dados dos clientes para uma auditoria mensal de SEO e enviá-los para o Shopify Flow.

Neste exemplo, o cliente recebe um e-mail com um formulário de pesquisa (estamos utilizando o Google Form, que insere os dados em uma planilha do Google) solicitando:

• Qual é a URL da sua loja no Shopify?
• Qual é o seu maior desafio de SEO no momento? Com as seguintes opções: slow traffic growth, poor product rankings, thin content, technical errors
• Há quanto tempo o senhor administra sua loja? Com as seguintes opções: less than 6 months, 6–12 months, 1–3 years, 3+ years
• O e-mail utilizado para o pedido na Loja?

Quando o cliente envia o formulário, o MAKE encaminha as respostas para o seu endpoint Workflow Webhooks. O Shopify Flow pode, então, marcar o cliente e adicionar uma nota para que sua equipe de SEO visualize o contexto imediatamente no painel de administração do Shopify.

O que este fluxo de trabalho faz

Depois que o cliente enviar o formulário em seu fluxo de e-mail, os dados são adicionados à planilha e, a partir daí, o MAKE envia os dados para o webhook Workflow Webhooks, e o webhook envia essa payload para Shopify Flow:

{
  "name": "Saad",
  "email": "customer@example.com",
  "store_url": "mystore.myshopify.com",
  "challenge_and_store_age": "thin Content | 1-3 years"
}

Seu fluxo de trabalho do Shopify Flow seria, então:

• adiciona a tag de cliente seo-audit-pending
• adiciona uma nota do cliente com a URL da loja e o desafio de SEO

Isso facilita para que sua equipe abra o registro do cliente no painel de administração Shopify e verifique o que precisa de atenção antes do início da auditoria.

Guia em vídeo

Aqui você pode assistir ao vídeo da montagem completa; o vídeo não tem áudio. Você pode aumentar ou diminuir a velocidade do vídeo conforme necessário.

No final, quando enviei o formulário, o gatilho não estava funcionando no MAKE, então repeti o evento existente; além disso, ocorreu um erro no fluxo relacionado ao ID do cliente no STEP (adicionar tag ao cliente), e também corrigi isso.

Antes de começar

• Instale e ative o “Workflow Webhooks” em sua loja do Shopify.
• Tenha um fluxo de trabalho do Shopify Flow pronto ou crie um novo em Shopify Flow.
• Crie seu formulário de cadastro na ferramenta que alimenta seu fluxo de trabalho do MAKE. Estou usando o Google Form; assim que o formulário for enviado, uma entrada é criada nas planilhas do Google. dados recebidos do Google Form em uma planilha
• Certifique-se de coletar o endereço de e-mail do cliente exatamente como ele consta em Shopify, para que Shopify Flow possa identificar o cliente correto.

Configure a conexão

No Workflow Webhooks, crie o webhook.

Insira o nome e gere um token estático (você pode criar o token estático instantaneamente pressionando o botão mágico no número 3 da imagem a seguir) e salve.

Nas Configurações avançadas, nomeie as variáveis que deseja receber:

• name
• email
• store_url
• seo_challenge
• store_age

Nas configurações, temos quatro variáveis, que mapeamos para nome, e-mail, store_url e seo_challenge; além disso, também marcamos a opção “Permitir corpo de solicitação personalizado” para receber outras informações, como store_age.

No MAKE, selecione o gatilho do Google Sheets (monitorar nova linha), escolha a planilha correta que deseja monitorar e execute uma vez; caso a conexão seja bem-sucedida, salve o cenário.

Em seguida, selecione HTTP -> faça uma solicitação no MAKE para enviar os dados do formulário ao webhook que você criou usando o aplicativo Workflow Webhooks. No evento de ação, selecione o MÉTODO POST, insira a URL e adicione cabeçalhos. (O tipo de autenticação deve ser “sem autenticação”)

O senhor pode seguir as etapas mencionadas na parte inferior da página Workflow Webhooks, que contém os campos mapeados, o token da API e a URL do webhook.

Em seguida, o senhor poderá mapear os dados da seguinte forma.

Em seguida, salve e execute uma vez.

Nas chamadas, é possível verificar que o sistema externo acionou este webhook e também visualizar a payload. O senhor pode utilizar essa payload em seu Shopify Flow para realizar qualquer ação.

No “Shopify Flow”, crie um fluxo de trabalho que seja iniciado quando os dados do seu webhook forem recebidos por meio de Workflow Webhooks. Em seguida, no gatilho do webhook, clique em “Registrar eventos”.

Agora, acesse a chamada anterior do webhook e reproduza o webhook para enviar essa carga útil ao seu gatilho de webhook no Shopify Flow.

Agora, nos dados, é possível ver a payload e também o ID do webhook.

O senhor pode visualizar o mesmo webhook no painel de webhooks, e ele pode ser utilizado para identificar o seu webhook.

Agora adicione a condição: se o ID do webhook recebido for igual ao ID do webhook que o senhor criou para o Shopify Flow, execute as ações relacionadas ao formulário. Isso porque todo gatilho de webhook recebe os dados enviados a qualquer URL de webhook no aplicativo Workflow Webhooks, e esse ID o ajudará a selecionar os dados relevantes do webhook para uma finalidade específica.

Utilize o valor do e-mail recebido para localizar o cliente correspondente por meio da consulta avançada. Na consulta, é possível utilizar o e-mail, e esse e-mail é obtido a partir das variáveis de acionamento do webhook. No meu caso, o campo “fieldTwo” corresponde ao e-mail. Minha consulta fica assim: email:"{{fieldTwo}}"

Agora, verifique se o cliente existe. Estou verificando se o ID do cliente existe.

Em seguida, adicione a tag seo-audit-pending. Para obter o cliente, na configuração, utilizei este código para inserir o ID do cliente; utilizei o controle de espaços em branco ,, na sintaxe da tag {{-, -}}, {%- e -%} para remover os espaços em branco do lado esquerdo ou direito do ID do cliente. Caso haja algum espaço em branco, a consulta não funcionará.

{%- for getCustomerData_item in getCustomerData -%}
  {{-getCustomerData_item.id-}}
{%- endfor -%}

Adicione ou atualize a nota do cliente com a URL da loja e o desafio de SEO. Para obter o cliente, na configuração, utilizei este código para inserir o ID do cliente; utilizei o controle de espaços em branco na sintaxe da tag {{-, -}}, {%- e -%} para remover espaços em branco do lado esquerdo ou direito do ID do cliente. Caso haja algum espaço em branco, a consulta não funcionará.

{%- for getCustomerData_item in getCustomerData -%}
  {{-getCustomerData_item.id-}}
{%- endfor -%}

Ative o fluxo de trabalho, envie uma resposta de teste a partir do seu formulário e confirme se o registro correto do cliente no Shopify recebe a tag e a nota.

Isso funciona da seguinte maneira: o formulário é enviado -> a MAKE recebe os dados -> a MAKE envia os dados para o webhook Workflow Webhooks -> o webhook Workflow Webhooks aciona o Shopify Flow -> o senhor filtra o gatilho de fluxo com base no ID do webhook -> em seguida, busca o cliente com base no ID -> verifica se o cliente está presente -> adiciona a tag -> adiciona a nota

A tag e a nota aparecem para o cliente conforme mostrado na imagem a seguir.