O Connectif possui uma sincronização direta com sua conta Meta, permitindo que você crie campanhas personalizadas de mensagens pelo WhatsApp de acordo com seus objetivos.
Neste artigo, você aprenderá como integrar sua conta Connectif com a Meta e automatizar o envio de uma mensagem de confirmação de compra.
Tempo de implementação: 1 hora.
Dificuldade: Intermediário
Quando usar: Para criar campanhas com WhatsApp.
Este é um exemplo das muitas possibilidades oferecidas por essa integração. Seguindo os princípios básicos explicados neste artigo, você poderá criar mais estratégias de mensagens para ajudar a alcançar seus objetivos.
Antes de começar: pré-requisitos
Para criar campanhas no WhatsApp e integrar sua conta Connectif com este canal, você precisará de:
- Uma conta de desenvolvedor Meta (veja como criá-la na documentação oficial).
- Um aplicativo do WhatsApp, criado (veja como criá-lo na documentação oficial) e configurado.
- Um número de telefone autorizado pela Meta.
Este número é exclusivamente para envio a partir da API Meta Cloud, ou seja, ele não pode ser usado em nenhum dispositivo para responder a mensagens ou realizar outras ações.
- Templates criados e aprovados pela Meta (veja como criá-los na documentação oficial ou use os modelos de exemplo).
PASSO 1: Criando a integração personalizada no Connectif
1. Vá até o Backoffice da Loja no menu lateral esquerdo.
2. No seletor de abas, vá até "Integrações > Integrações personalizadas (webhooks)" e clique em Criar nova integração.
3. Defina o campo "Nome da Integração" para identificar a integração.
4. (Opcional) Personalize a cor, adicione uma descrição ou categorize a integração.
5. Clique em Atualizar.
PASSO 2: Criando o Evento de Saída
(Esta seção mostra como configurar os campos que serão compartilhados com a plataforma externa).
Para realizar esta etapa, você vai precisar de um especialista com conhecimentos em programação.
6. Na aba Enviar dados, clique em Criar novo evento de saída.
2.1. Autorizando o Evento de Saída
(Nesta seção, vamos configurar os cabeçalhos que permitirão o envio de mensagens pelo WhatsApp a partir do Connectif. Para isso, alguns dados da Meta precisam ser copiados para o Connectif, por isso é recomendável manter ambas as abas abertas).
7. No aplicativo Meta WhatsApp, vá até Configurações de API e copie, a partir do Passo 2, a URL do endpoint para o qual a solicitação de envio das mensagens será lançada, como mostrado na imagem:
8. Novamente no Connectif, cole essa URL no campo Webhook URL para enviar a mensagem.
9. Clique em Adicionar um novo cabeçalho e nomeie-o como "Authorization".
10. Copie o valor associado ao Cabeçalho que você encontrará no aplicativo Meta WhatsApp, no Passo 2, como mostrado na imagem:
11. Cole-o no campo Valor do cabeçalho e clique em OK.
12. Repita os passos 9-11 com os demais valores de cabeçalhos HTML:
- Crie um cabeçalho com o Nome "Content-Type" e o Valor "application/json".
- Crie um cabeçalho com o Nome "Accept-Encoding" e o Valor "gzip, deflate, br".
2.2. Criando a estrutura da mensagem no Connectif
(Nesta seção você configurará as propriedades da mensagem do WhatsApp a ser enviada. O exemplo documenta a criação de uma estrutura prática e real de uma mensagem).
Para configurar a mensagem do WhatsApp no Connectif, será necessário extrair a estrutura do template de mensagem para um arquivo JSON com base nas instruções fornecidas na documentação oficial da Meta.
13. Use uma ferramenta como JSON Path Finder, que permitirá extrair o caminho das propriedades que você precisa criar.
14. Em nosso exemplo, a estrutura do template a ser replicado é:
{
"type": "template",
"to": "[phoneNumber]",
"messaging_product": "whatsapp",
"template": {
"name": "post_purchase_template",
"language": {
"policy": "deterministic",
"code": "ES"
}
"components": [
{
"type": "body",
"parameters": [
{
"type": "text",
"text": "[contactName]"
}
]
}
]
}
}
15. Clique em Criar novo Campo.
Saiba mais sobre os campos de contato neste artigo.
16. Marque a caixa Ativar opções JSON nos campos onde for necessário.
É necessário ativar as opções JSON quando for necessário enviar valores de objetos aninhados no JSON, ou seja, quando for necessário simular uma estrutura complexa com objetos ou arrays aninhados.
17. Copie a rota e cole-a no Connectif.
18. Edite a rota, substituindo o (x.) no início e o (.) por barras invertidas.
Por exemplo, se o caminho do JSON for x.template.components.0.type você deve mudá-lo para /template/components/0/type.
19. Atribua um nome e um ID ao campo.
DICA PROFISSIONAL: Dê ao campo no Connectif o mesmo nome do caminho JSON para facilitar a localização.
20. Repita este passo para todas as propriedades a serem passadas até que você tenha replicado o template.
21. Clique Salvar para registrar todos os campos.
PASSO 3: Criando o fluxo de trabalho para enviar WhatsApps a partir do Connectif
(Esta seção explica como enviar dados do Connectif via um fluxo de trabalho).
22. Acesse pelo menu lateral esquerdo o Workflows.
23. Clique em Criar novo fluxo de trabalho e selecione Criar fluxo de trabalho em branco.
24. Crie a estrutura do seu fluxo de trabalho com um nó de disparo, no exemplo "Em compra", e o nó de ação "Enviar WhatsApp ".
Em nosso exemplo, quando um contato realiza uma compra, uma mensagem de confirmação pelo WhatsApp será enviada a ele.
25. Configure o nó atribuindo os valores (coluna da esquerda) aos respectivos campos (coluna da direita).
- As informações de contato (nome e número de telefone) vêm das Informações de Contato.
- Todos os outros campos devem ser definidos como um valor Literal e preenchidos com as informações do template, que podem ser extraídas do JSON.
Lembre-se de configurar o fluxo de trabalho para contatos com celular apenas via o nó "Iniciar".
26. Clique em Atualizar para salvar a configuração do nó e seu fluxo de trabalho.
Em nosso exemplo, este seria o resultado da mensagem pelo WhatsApp, onde "Maria" é o nome do contato.
Sucesso!
A integração da sua conta Connectif com o WhatsApp está pronta.
Continue aprendendo!
Para aproveitar ao máximo sua conta Connectif, recomendamos a leitura dos seguintes artigos:
- Integração personalizada para receber dados, para aprender como usar informações que não são registradas por padrão na plataforma.
- Integrações com sistemas externos, para integrar sua conta Connectif com o Facebook, formulários e outros webhooks no seu site.
-
Integrações via API, para gerenciar eventos como registros de compras ou registros de contatos.
- Campanhas de e-mail em massa por lotes, para projetar uma campanha em fases que evita sobrecarregar os servidores à medida que as visitas ao site aumentam.