Enviar o seu primeiro WhatsApp Flow a partir de um formulário HubSpot

Neste tutorial transforma um formulário de marketing do HubSpot num WhatsApp Flow, envia-o para o seu próprio telemóvel e depois envia-o a partir de um workflow do HubSpot. No final, um Flow concluído aparece no HubSpot como uma submissão do formulário original. Demora cerca de 50 minutos de trabalho efetivo, com base nas estimativas do guia de configuração do Flowella, mais até 24 horas enquanto a Meta revê o seu modelo.

​

Antes de começar

• Leia Antes de começar e tenha os seus acessos à Meta e ao HubSpot prontos.
• A verificação empresarial da Meta tem de estar concluída antes de poder criar um Flow na etapa 3. Consulte Verificação empresarial.
• Tenha o seu próprio telemóvel com WhatsApp, num número pessoal e não no número empresarial que vai ligar.
• Escolha ou crie um formulário de marketing curto no HubSpot para testes. Inclua um campo de email: o HubSpot usa o endereço de email para associar uma submissão de formulário a um contacto.
• A etapa 6 requer workflows do HubSpot, incluídos nos planos Professional e Enterprise do HubSpot. Sem eles, termina na etapa 5.

Se o WhatsApp e o HubSpot já estiverem ligados, avance para a etapa 3.

​

Como as peças se encaixam

O diagrama mostra a ordem pela qual um Flow é criado, aprovado, enviado e devolvido ao HubSpot.

​

Etapa 1: ligar o WhatsApp e o HubSpot

Cerca de 16 minutos. Verifique que funcionou: no topo da aplicação, os indicadores de estado WhatsApp e HubSpot mostram ambos Connected. Num ecrã pequeno, verifique Settings → WhatsApp (Meta), onde o seu número aparece em Connected WhatsApp numbers, e Settings → HubSpot, que mostra Connected. Para mais detalhes sobre cada passo, consulte Configurar o Flowella.

​

Etapa 2: enviar a sua primeira mensagem

Cerca de 2 minutos.

1. A partir do seu telemóvel, envie qualquer mensagem WhatsApp para o seu número empresarial. Isto abre a janela de 24 horas, a janela de serviço ao cliente da Meta, durante a qual pode responder sem um modelo.
2. No Flowella, abra Inbox e selecione a nova conversa.
3. Escreva uma resposta em Type a message… e prima Enter.

Verifique que funcionou: a resposta chega ao seu telemóvel. Consulte Caixa de entrada para saber mais sobre conversas.

​

Etapa 3: criar o Flow

Cerca de 15 minutos.

1. No HubSpot, crie ou escolha o seu formulário de marketing de teste. O Flowella converte campos de texto de uma linha, texto de várias linhas, email, telefone, número, lista pendente, botões de opção, caixas de verificação e data, e transforma campos de ficheiro num seletor de fotografias. Deixa de fora os campos que não consegue converter, e um campo obrigatório que não consegue converter impede a sincronização.
2. No Flowella, abra Flows. O Flowella atualiza a lista de formulários HubSpot quando abre a página. Se o seu formulário não aparecer, selecione o botão de atualização no topo da página.
3. Encontre o seu formulário e selecione Create WA Flow na coluna WhatsApp Flow. O botão mostra Syncing… enquanto o Flowella cria o Flow e o publica na sua WABA.

Verifique que funcionou: a linha mostra Created, ou Updated se a sua WABA já tinha um Flow com o mesmo nome, e o botão muda para Sync WA Flow. Selecione Open in Meta para pré-visualizar o Flow. O Flow tem um ecrã com as perguntas do seu formulário, com o nome do formulário como título, seguido de um ecrã de agradecimento. O Flowella não tem um editor de Flows: para alterar as perguntas mais tarde, edite o formulário no HubSpot e depois selecione Sync WA Flow. Consulte Flows e Boas práticas de design de formulários.

​

Etapa 4: adicionar o Flow a um modelo

Cerca de 5 minutos, mais a revisão da Meta. Os contactos abrem um Flow a partir de um botão Flow numa mensagem de modelo, por isso o Flow precisa de um modelo. Use qualquer uma das opções e depois submeta o modelo.

​

Opção A: começar na página Flows

Após a primeira sincronização bem-sucedida da sua organização, o Flowella mostra Your form is now a WhatsApp Flow. Selecione Create template with this Flow. Se não vir a caixa de diálogo, selecione Create template na linha do formulário. O editor de modelos abre-se com um botão Flow já ligado ao seu Flow. O texto do botão é Continue, que pode alterar. Escreva a mensagem, escolha uma Category e introduza um Template name com letras minúsculas, números e underscores.

​

Opção B: começar pelo modelo inicial do Flowella

1. Em Templates, selecione New template e depois View starters em Flowella Templates.
2. Encontre flowella_start_flow e selecione Use this starter. A mensagem diz Hi {{1}}, tap below to complete a short form and we will get back to you. e o botão Flow diz Open form.
3. No campo WhatsApp Flow do botão, escolha o seu Flow. Os Flows aparecem listados com o nome do formulário HubSpot de onde provêm.
4. Em Body variables, altere o Fallback value de {{1}} de Alex para algo que funcione para qualquer pessoa, como there. O Flowella envia-o quando um contacto não tem primeiro nome.

O modelo inicial usa a categoria Marketing. Escolha a categoria adequada à sua mensagem antes de submeter. Consulte Preços e categorias de mensagens do WhatsApp.

​

Submeter o modelo à Meta

1. Selecione Save draft.
2. Selecione Publish Template, verifique a categoria e depois selecione novamente Publish Template para o submeter à Meta. Se a mensagem tiver variáveis como {{1}}, atribua primeiro um Fallback value a cada uma. A Meta revê-o como exemplo da variável. Consulte Variáveis de modelos.
3. Aguarde que o estado mude de Pending para Approved. A Meta indica que uma decisão pode demorar até 24 horas.

Verifique que funcionou: o estado do modelo é Approved. Se a Meta o rejeitar, consulte Modelo rejeitado.

​

Etapa 5: testar o Flow no seu telemóvel

Cerca de 3 minutos.

1. Abra o seu modelo aprovado e vá ao separador Send.
2. Em Test Template, escolha o seu Country, introduza o seu WhatsApp Number e preencha as variáveis do modelo.
3. Selecione Send Test.
4. No seu telemóvel, abra a mensagem e toque no botão Flow. Preencha o formulário com o seu próprio endereço de email e submeta-o.

Verifique que funcionou:

• O WhatsApp mostra o ecrã de agradecimento com a mensagem de agradecimento do seu formulário HubSpot.
• Na Inbox do Flowella, a conversa mostra um cartão com as suas respostas, marcado como Response sent. O título do cartão é o texto do botão Flow, ou Flow response.
• No HubSpot, o formulário tem uma nova submissão a partir de uma página com o nome do formulário, por exemplo WhatsApp Flow · Contact us. O HubSpot atualiza as propriedades do contacto mapeadas pelo formulário.
• A cronologia do contacto mostra um evento Form Completed com uma ligação View submission.

O Flowella submete as respostas ao formulário HubSpot original. A submissão e as propriedades do contacto aparecem no HubSpot tal como apareceriam para um formulário preenchido no seu website.

​

Etapa 6: enviar o Flow a partir de um workflow do HubSpot

Cerca de 10 minutos. Verifique que funcionou:

• O modelo chega ao seu telemóvel e o histórico de workflows do contacto mostra a ação Send WhatsApp Template como concluída. O Flowella conclui a ação quando o WhatsApp comunica o primeiro estado da mensagem, normalmente enviada.
• Depois de concluir o Flow, o contacto avança do passo Delay until event e a submissão aparece no formulário HubSpot tal como na etapa 5.
• No guia de configuração, Send a template from HubSpot está assinalado.

Form Completed só é acionado quando alguém submete um WhatsApp Flow através do Flowella, nunca para submissões do mesmo formulário no website. Para workflows completos baseados neste padrão, consulte os guias de workflows.

​

Resolução de problemas

​

Relacionado