O que é um WhatsApp Flow?

Os WhatsApp Flows permitem criar experiências interativas e guiadas dentro das conversas do WhatsApp, utilizando formulários, menus e fluxos de decisão.

Com essa funcionalidade, é possível coletar informações dos clientes de forma estruturada e utilizá-las para automatizar processos, integrando esses dados à plataforma Wide Chat.

Visão geral do processo

Para utilizar um Flow nos fluxos de atendimento do Wide Chat, siga as etapas abaixo:

1. Configurar o WhatsApp Flow no painel da Meta

2. Publicar o Flow e associá-lo a um modelo de mensagem

3. Adicionar o modelo de mensagem na plataforma Wide Chat

4. Inserir o modelo no fluxo de atendimento

5. Tratar as informações enviadas pelos clientes via Flow

1 – Configuração do WhatsApp Flow na Meta

1.1 – Acessar a conta do WhatsApp Business

Acesse o Painel da Meta.
Em seguida, clique em Configurações e selecione Contas do WhatsApp.

1.2 – Selecionar a conta do WhatsApp (WABA)

Localize a WhatsApp Business Account (WABA) que contém o número no qual o Flow será utilizado.

1.3 – Acessar o Gerenciador do WhatsApp

Após selecionar a WABA, role a página até o final e clique em Gerenciador do WhatsApp.

1.4 – Acessar o menu de Flows

No menu lateral, em Ferramentas da Conta, clique na opção Flows.

• Caso seja o primeiro Flow, clique em Começar

• Caso já existam Flows criados, clique em Criar Flow no canto superior direito

1.5 – Criar o Flow

Informe:

• Nome do Flow

• Categoria

A categoria é utilizada apenas para organização interna e não impacta nas configurações do Flow.

Em seguida, selecione um modelo de Flow.
Todos os modelos podem ser editados posteriormente.

1.6 – Criar o Flow

Clique em Criar, no canto inferior direito.

1.7 – Edição do Flow (JSON)

Nesta etapa, você verá:

• À esquerda: o JSON do Flow

• À direita: o preview do Flow

O JSON define toda a estrutura, campos e comportamento do Flow.

1.7.1 – Configuração pelo Playground da Meta - (Etapa opcional)

Para usuários sem familiaridade com JSON, é possível utilizar o Playground da Meta, que permite criar e editar o Flow de forma visual e intuitiva, seguindo o modelo de entrada (input) e saída (output).

 Clique aqui para acessar o Playground da Meta

A maioria dos recursos pode ser configurada pelo Playground.
Para funcionalidades não disponíveis, consulte a documentação oficial e realize ajustes diretamente no JSON.

1.8 – Publicar o Flow

Após concluir a configuração, clique em Publicar, no canto superior direito.

1.9 – Confirmar a publicação

Confirme a ação no pop-up exibido clicando novamente em Publicar.

1.10 – Associar a um modelo de mensagem

Após a publicação, será exibida a confirmação de sucesso.
Para que o Flow possa ser utilizado, clique em Adicionar a um modelo de mensagem.

1.11 – Configurar o modelo de mensagem

Personalize:

• Idioma

• Texto do corpo da mensagem

• Cabeçalho e rodapé (opcional)

Esse será o modelo enviado ao cliente.
Ao clicar no botão da mensagem, o Flow será aberto automaticamente.

1.12 – Enviar para análise

Após finalizar os ajustes, clique em Enviar para análise.

1.13 – Status do modelo

O modelo ficará inicialmente com status “Em análise” e, após aprovação, ficará “Ativo”.

Configuração na Meta concluída.
Agora, vamos para o Wide Chat.

2 – Adicionar o Flow na plataforma Wide Chat

2.1 – Acessar os modelos de mensagem

No ambiente administrativo do Wide Chat, acesse o menu:

Configurações > Modelos de Mensagem

Nessa tela, é possível visualizar todos os modelos sincronizados com a Meta, além de editar e configurar modelos avançados, como os Flows.

2.2 – Localizar o modelo criado

O modelo criado anteriormente na Meta é sincronizado automaticamente com o Wide Chat.
Utilize a busca para localizar o modelo pelo nome e clique em Editar para iniciar a configuração.

2.3 – Carregar o JSON do Flow

Dentro da tela de edição do modelo, no campo Carregar modelo, selecione a opção Flow para carregar o arquivo JSON correspondente ao Flow criado na Meta.

2.4 – Adicionar descrição

Preencha o campo Descrição com uma explicação clara sobre a finalidade do modelo.

O preview do Flow não é exibido para o agente nem durante a configuração do fluxo de atendimento.
Por isso, a descrição é fundamental para garantir que o modelo seja utilizado corretamente.

2.5 – Ajustar o JSON

Copie o nome do modelo e cole-o no campo "name" dentro do JSON, garantindo a correta identificação do Flow na plataforma.

2.6 – Salvar

Após concluir as configurações, clique em Salvar.
O Flow estará pronto para ser utilizado nos fluxos de atendimento do Wide Chat.

3 – Inserir o modelo no fluxo de atendimento

Para adicionar o modelo ao fluxo:

1. Acesse o fluxo desejado

2. Adicione o componente Modelo de Mensagem

3. Selecione o modelo configurado

4. Posicione o componente no local desejado do fluxo
   
   

4 – Tratar as informações enviadas pelo cliente

As respostas enviadas pelos clientes via Flow ficam armazenadas na variável:

{{EVENT_FLOW}}



Utilize o componente Script no fluxo do Wide Chat para:

• Processar os dados

• Realizar integrações

• Atualizar cadastros

• Executar ações personalizadas

Observações importantes

• Apenas Flows publicados podem ser associados a modelos

• Não é possível remover a publicação de um Flow que já esteja associado a um modelo