Índice:

1. Introdução 
2. Como funciona? 
3. Instalação e configuração
   1. Instalando a extensão
   2. Configurando o Flows
   3. Criando Flows no Painel
   4. Testando o Flow no WhatsApp
   5. Sobre o teste do WhatsApp Flows (Meta)
   6. Etapas para testar o Flow
   7. Limitações do WhatsApp Flows
4. Dicas e boas práticas
   1. Fazendo checklist do meu Flow
   2. Criando ambiente de testes
   3. Validação e Preview
   4. Boas práticas de Segurança e Privacidade
5. Exemplos de Uso
6. Suporte 

Introdução

A extensão WhatsApp Flows integra a plataforma Blip à funcionalidade Flows da Meta (WhatsApp), permitindo aos desenvolvedores criar, configurar e publicar fluxos personalizados diretamente pelo bot, sem a necessidade de sair do ambiente Blip.

Além disso, com essa extensão é possível criar jornadas interativas, como: agendamentos, formulários personalizados, pesquisas, coletas de dados e entre outros. 

Essa extensão é paga e desenvolvida pela empresa White Wall.

Como funciona? 

A extensão apresenta as seguintes funcionalidades:

• Personalização: criação de fluxos interativos personalizados que refletem a identidade da sua marca e atendem às necessidades específicas do seu negócio.
• Gestão mais facilitada: gerenciamento e publicação de seus fluxos de WhatsApp de forma prática e eficiente direto no Blip.
• Desenvolvimento ágil: desenho e lance de fluxos de WhatsApp com rapidez, impulsionando a satisfação do cliente e a eficiência operacional.
• Experiência Enriquecida: jornada do cliente mais rica e envolvente, com interações dinâmicas que elevam a satisfação e a lealdade dos clientes.
  
  

Instalação e configuração 

Instalando a extensão

Para utilizar a extensão, você deverá acessar o site da Blip e realizar o login. Depois disso, acesse a Blip Store e busque por WhatsApp Flows. Clique em Instalar e selecione o bot onde deseja aplicar a extensão.

Configurando o Flows 

Os Flows são estruturados em JSON, com suporte a múltiplas telas. Cada tela pode conter diversos componentes interativos (ex: textos, campos de entrada, botões, listas e menus suspensos).  A navegação entre as telas é configurada via ações internas no JSON.

Atenção! Veja a configuração da documentação oficial do Meta neste link.

Criando Flows no Painel

Durante a criação, o Flow ficará no estado Draft (rascunho). Você poderá editar e revisar o código.

Caso haja erros de sintaxe, eles serão exibidos no painel da extensão:

Caso não haja erros, aparecerá desta maneira:

Atenção! Após a publicação, não será mais possível editar ou excluir o Flow. Caso deseje realizar alterações, será necessário criar um novo Flow com o código atualizado. Flows descontinuados podem ser marcados como Deprecated.

Testando o Flow no WhatsApp

Você pode testar o Flow diretamente no WhatsApp por meio de uma interação com o bot.

Testes também podem ser feitos pelo playground da Meta. Acesse aqui para conhecê-los. 

Sobre o teste do WhatsApp Flows (Meta)

Durante o desenvolvimento de um Flow no WhatsApp, ele permanecerá no estado Draft (rascunho). Nesse modo:

• Todas as mensagens enviadas pela Meta são consideradas testes, conforme descrito na documentação oficial do WhatsApp Flows;

• O sistema exibirá todas as opções do Flow com uma indicação clara de que se trata de um ambiente de simulação;

• Não é possível personalizar as mensagens para o cliente final nesse estado. A personalização só será aplicada após a publicação do Flow, quando ele passa para o estado Published (publicado).

Etapas para testar o Flow

Acesse o número do WhatsApp conectado ao seu bot e faça o disparo do Flow de uma das seguintes maneiras:

• Enviando uma mensagem que acione automaticamente o Flow;
• Executando manualmente a ação de envio pelo Builder;
• Utilizando a API de envio.

Depois, valide o comportamento do Flow:

• Verifique se a navegação entre telas está fluida;
• Confirme se os botões e campos estão funcionando corretamente;
• Teste as validações de entrada de dados.

Observação: Para testes mais realistas, recomenda-se publicar o Flow. Assim, as mensagens e lógicas configuradas refletirão com fidelidade a experiência do usuário final no ambiente de produção.

Veja mais exemplos no playground da Meta.  

Limitações do WhatsApp Flows

As limitações do Flows são:

• Após a publicação, não é possível editar o Flow.
• Alguns componentes podem não ser renderizados corretamente em versões antigas do WhatsApp;
• Latência em conexões móveis pode afetar a experiência do usuário final.

Dicas e boas práticas

Fazendo checklist do meu Flow

Para ter um bom uso do Flows, busque seguir o checklist a seguir:

• Veja se o código JSON foi validado e sem erros;
• Faça testes com as telas, isto é, que elas sejam navegáveis e estejam funcionando corretamente;
• Veja se todos os campos obrigatórios foram preenchidos corretamente;
• Confira o Preview visual;
• Padronize o Nome e a versão do Flow.

Criando ambientes testes

É recomendado criar e testar Flows em bots de homologação antes da produção. Para isso, use o Playground da Meta para testes rápidos. 

 

Validação e Preview

A extensão permite validar se o código JSON possui erros antes da publicação. É também possível fazer preview visual da estrutura de telas antes de enviar para produção.

Boas práticas de Segurança e Privacidade

Para ter boas práticas de segurança e privacidade, sempre siga as orientações a seguir:

• Solicite apenas dados realmente necessários;
• Informe o usuário sobre o uso de seus dados (quando aplicável);
• Certifique-se de que o fluxo está em conformidade com a LGPD e as diretrizes da Meta.

Exemplos de Uso

Você pode usar o WhatsApp Flows como:

• Tela de suporte com abertura de ticket;
• Tela de confirmação de envio;
• Formulários de agendamento ou coleta de dados;
• Consultas de status;
• Telas com campos NPS e seletores do tipo dropdown.

Suporte

Em caso de dúvidas ou se encontrar algum problema com a extensão, entre em contato conosco pelo e-mail support@whitewall.dev.

 

Para mais informações, acesse a discussão sobre o assunto em nossa comunidade ou os vídeos no nosso canal. 😃