Como conectar o Customer.io ao Shopify Flow
O Customer.io fornece relatórios sobre as mensagens que envia - entregas, aberturas, cliques, rejeições e cancelamentos de assinatura - por meio de um Webhook de relatórios. O Workflow Webhooks transforma essa chamada em um gatilho do Shopify Flow, para que sua loja possa reagir a ela: marcar um cliente, adicionar uma nota ao pedido, enviar um e-mail interno, atualizar um metacampo - tudo o que o Shopify Flow pode fazer.
Este guia define todo o fluxo de trabalho - o Customer.io envia, o Workflow Webhooks recebe e verifica, e o Shopify Flow executa - com a assinatura HMAC do Customer.io verificada em cada solicitação, de modo que somente o Customer.io possa iniciar seu fluxo de trabalho.
O que o senhor pode construir
- Tag um cliente do Shopify cujo endereço de e-mail tenha gerado uma recusa definitiva, para que as campanhas deixem de direcioná-lo.
- Registre a data do último contato no registro do cliente como um metacampo.
- Envie um e-mail à sua equipe quando um cliente VIP cancelar a assinatura.
Eventos típicos a serem enviados: email_delivered, email_opened, email_bounced, customer_unsubscribed.
Antes de começar
- Workflow Webhooks instalado na sua loja do Shopify.
- Shopify Flow instalado, que está disponível gratuitamente na App Store do Shopify.
- Uma conta no Customer.io com permissão para criar webhooks.
Etapa 1 - Crie o webhook em Workflow Webhooks
- Acesse Workflow Webhooks -> Webhooks -> Criar webhook e atribua a ele um nome que você reconheça no Shopify Flow, como
Customer.io events. - Na seção “Autenticação”, selecione HMAC.
- Em “Provedor de assinatura”, selecione Customer.io. O aplicativo preenche automaticamente o cabeçalho, o algoritmo, o payload assinado e a janela de repetição para você - não há mais nada a ser configurado.
- Deixe o campo “segredo” em branco por enquanto e clique em “Salvar”. Copie a URL da webhook exibida na página.
Consulte Autenticação para conhecer os outros modos de autenticação e Mapeamento de payload e variáveis de fluxo para escolher quais campos serão enviados ao Shopify Flow.
Etapa 2 - Adicione o endpoint no Customer.io
No Customer.io, abra Configurações -> Configurações do espaço de trabalho -> Webhooks de relatórios, adicione um webhook com a URL que você copiou e copie a chave de assinatura.
Como localizar seu segredo de assinatura do Customer.io
A chave de assinatura do webhook de relatório.
A própria documentação do Customer.io sobre assinaturas de webhooks contém o texto exato e as capturas de tela específicas para a sua conta.
Cole esse segredo no campo “Secret” do webhook em Workflow Webhooks e salve. A partir desse momento, todas as notificações do Customer.io serão verificadas antes de chegarem ao Shopify Flow.
O que isso verifica
| O que | Valor |
|---|---|
| Cabeçalho de assinatura | X-CIO-Signature |
| Onde fica a assinatura | O valor completo do cabeçalho |
| O que foi assinado | v0:{timestamp}:{body} |
| Assinatura | HMAC-SHA256, codificado em hexadecimal |
| Data e hora | O cabeçalho X-CIO-Timestamp, em segundos do Unix |
| Proteção contra reprodução | Nenhuma - esse remetente não assina o carimbo de data e hora; portanto, todas as assinaturas válidas permanecem válidas |
| O segredo | Utilizado como texto simples. Cole-o exatamente como o remetente o apresenta |
Na payload assinada, {body} é o corpo bruto da solicitação, byte por byte, e {timestamp} é o carimbo de data/hora mencionado acima.
Uma solicitação que não atenda a qualquer um desses requisitos é rejeitada com o código de erro 401, é registrada em Histórico e solução de problemas e nunca inicia um fluxo de trabalho.
Etapa 3 - Criar o fluxo de trabalho Shopify Flow
- No “Shopify Flow”, crie um fluxo de trabalho e selecione o gatilho “Workflow Webhooks”.
- Clique em “Gravar eventos” e, em seguida, envie um evento de teste a partir do Customer.io (ou utilize a opção “Enviar teste” no Workflow Webhooks) para que o Shopify Flow aprenda a estrutura dos seus dados.
- Cada webhook de que o senhor dispõe aciona o mesmo gatilho do Shopify Flow; portanto, adicione uma primeira condição com base no ID do webhook para restringir esse fluxo de trabalho exclusivamente ao Customer.io. O ID é exibido na página do webhook.
- Adicione suas ações - marque um cliente, adicione uma nota, envie um e-mail interno, atualize um metacampo.
Etapa 4 - Teste de ponta a ponta
Acionem um evento real no Customer.io. Em “Workflow Webhooks” → “History”, vocês deverão ver a invocação com o status “Success”. Caso a assinatura esteja incorreta, será exibida uma entrada com status de falha e o motivo correspondente; além disso, a página Verificação de webhooks assinados explica como funciona o verificador de assinatura, que indica exatamente em qual etapa ocorreu a falha.
A assinatura não corresponde▾
Nesta ordem: o segredo (a causa mais comum - um espaço a mais ou uma chave do ambiente errado), se o remetente está utilizando o segredo de um endpoint diferente e se algo entre o Customer.io e o aplicativo reescreve o corpo da mensagem. As assinaturas abrangem os bytes brutos; portanto, um proxy que reformata o JSON as invalida. O verificador de assinaturas na página do webhook mostra o texto exato que foi assinado.
Recebo um erro 401 em todas as solicitações▾
Verifique se a autenticação do webhook está configurada como HMAC com o provedor Customer.io selecionado, se o segredo está preenchido e se o Customer.io está enviando a solicitação para a URL exatamente como o aplicativo a exibe, incluindo o código no final.
Não há nada no Histórico▾
A solicitação nunca foi recebida. Verifique novamente a URL no Customer.io e consulte o próprio registro de entrega do Customer.io para ver a resposta recebida. Um código de erro 404 indica um webhook incorreto ou excluído; um código de erro 429 significa que você ultrapassou o limite de invocações do seu plano - consulte Planos e uso.
O fluxo de trabalho é executado para os eventos errados▾
Cada Webhook da sua loja aciona o mesmo gatilho do Shopify Flow. Adicione uma condição com base no ID do Webhook como a primeira etapa do fluxo de trabalho ou restrinja os eventos que você envia do Customer.io.
Relacionado
- Verificação de webhooks assinados - todos os prestadores de serviços que verificamos e como descrever aqueles que não verificamos.
- Mapeamento de payload e variáveis de fluxo - extrair os campos corretos da payload e inseri-los no Shopify Flow.
- Proteção contra entregas duplicadas - o que ocorre quando o Customer.io tenta novamente enviar uma notificação.
- Histórico e solução de problemas - o registro de todas as solicitações, com reprodução.