> For the complete documentation index, see [llms.txt](https://docs.fortics.com.br/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.fortics.com.br/perguntas-frequentes/perguntas-frequentes-1/fortics-voz/criando-um-whatsapp-flow-no-meta-business.md).

# Criando um WhatsApp Flow no Meta Business

O **WhatsApp Flow** é uma ferramenta estrutural projetada para transformar conversas em interfaces interativas e dinâmicas diretamente na tela do WhatsApp. Diferente dos links tradicionais que forçam o usuário a sair do aplicativo para preencher um formulário em um navegador externo, o Flow executa toda a jornada nativamente.

## Criando o Flow

Para criar o Flow, o administrador precisa navegar pelo ecossistema de Contas Comerciais do WhatsApp (WABA).

No menu lateral esquerdo da Meta, clique no **ícone de engrenagem (Configurações)** posicionado no canto inferior esquerdo.

No menu de opções que se expande à esquerda, navegue até o bloco **Contas** e clique na opção **Contas do WhatsApp.**

<img src="/files/KX2hklmGDVCwntcYqh2x" alt="" height="301" width="602">

Na coluna central ("Nome"), **selecione a conta do WhatsApp Business da empresa** onde o Flow será implantado.

Com a conta selecionada, vá até o canto inferior direito da tela principal e clique no botão **Gerenciador do WhatsApp**. Isso abrirá a interface avançada de engenharia de mensagens da Meta em uma nova aba.

No painel esquerdo do Gerenciador do WhatsApp, clique no menu de navegação e siga os passos abaixo.

Clique na categoria **Ferramentas** para expandir as opções de conta.

Selecione e clique na opção **Flows**.

Se esta for a primeira vez que você acessa o recurso nesta conta, o painel exibirá uma tela de boas-vindas detalhando os benefícios dos formulários estruturados. Clique no botão azul **Começar** localizado na parte inferior.

<img src="/files/MSSN09kASSMTpz4k3nUH" alt="" height="456" width="602">

Caso a conta já possua fluxos criados ou você tenha acabado de passar pela tela de introdução, você será direcionado para o painel de listagem de Flows.

No canto superior direito do painel central, clique no botão azul "**Criar flow**”.

<img src="/files/DWYyoy8kbwaW0xwgTaQq" alt="" height="229" width="602">

Uma janela flutuante se abrirá para determinar a identidade e o escopo funcional do seu formulário. Configure os campos conforme as regras abaixo:

<img src="/files/MdvmFdVaGisuJjHuP7Wu" alt="" height="520" width="602">

**Nome:** Informe um identificador único para o seu fluxo.&#x20;

{% hint style="danger" %}
**## Importante**\
No campo Nome utilize letras minúsculas e separe as palavras por underline (Ex: abertura\_de\_chamado). Evite caracteres especiais, espaços ou acentuação para garantir compatibilidade durante a configuração.
{% endhint %}

**Categorias:** Abra o menu de seleção e escolha a categoria que melhor representa o objetivo do fluxo (por exemplo: **Suporte ao cliente, Captação de leads ou Agendamento**). Essa informação **não interfere no funcionamento da integração**, mas ajuda a **Meta** a interpretar o contexto do fluxo e otimizar a exibição dos componentes para o usuário.&#x20;

**Modelo:** Escolha a estrutura inicial do esqueleto considerando as possibilidades abaixo.

**Sem ponto de extremidade**: Selecione a opção **Padrão** se o seu formulário for estático (as telas avançam de forma linear sem depender de consultas externas em tempo real).

**Com ponto de extremidade**: Utilizado quando o fluxo precisa consultar uma API externa (como buscar horários disponíveis em um banco de dados).

Após preencher as definições, a interface de desenvolvimento será carregada dividindo a tela em dois blocos lógicos essenciais para garantir a eficiência de design (Heurística de Visibilidade do Estado do Sistema):

<img src="/files/wvNmqej17s0Ysxt3G2NT" alt="" height="260" width="602">

**O Editor de Código (Esquerda)**: Painel onde o desenvolvedor insere e manipula o código estruturado JSON do fluxo. É aqui que se declaram as versões do motor ("version": "7.2"), os identificadores de tela ("id": "WELCOME\_SCREEN"), os títulos da interface e os componentes de texto do corpo como TextHeading e TextBody.

**Pré-visualização Interativa (Direita)**: Um simulador gráfico em tempo real de um smartphone que renderiza o comportamento visual e o layout exato do flow à medida que o código JSON é modificado.

**Finalização do Rascunho**: No canto inferior direito da janela de configuração inicial, verifique a prévia padrão "Hello World" e clique em **Criar** para liberar o editor.&#x20;

{% hint style="warning" icon="lightbulb-exclamation-on" %}
**##Dica**

Escrever e manipular o código JSON estruturado do zero é um processo complexo que pode gerar erros de sintaxe. Para resolver isso e otimizar o tempo de desenvolvimento,[ **utilize o Playground oficial da Meta.**](https://developers.facebook.com/docs/whatsapp/flows/playground)
{% endhint %}

Sempre que realizar alterações no código do painel esquerdo, você pode clicar em **Salvar** no topo da página para fixar o progresso.

### Utilizando o Playground para criar o JSON

Acesse a [ferramenta Playground da Meta](https://developers.facebook.com/docs/whatsapp/flows/playground).

<img src="/files/OapIESyJFDR3fr5yLDY0" alt="" height="408" width="602">

Ela funciona como um construtor visual simplificado, permitindo que você monte as telas, adicione caixas de seleção, calendários e botões de forma totalmente gráfica, apenas clicando e organizando os componentes na interface.

Com o formulário desenhado e validado visualmente no simulador do Playground, clique no botão "**Copiar Flow JSON**" no menu superior da ferramenta para copiar todo o código estruturado de uma vez.

<img src="/files/12U4JDcfvqmWfr0M1irj" alt="" height="224" width="514">

Volte para a tela do editor de código do seu gerenciador, apague o esqueleto padrão que vem na tela e **cole o JSON copiado** no painel esquerdo.

Clique no botão **"Executar"** logo acima do editor. O sistema processará o código instantaneamente e renderizará o seu formulário completo e funcional no simulador de smartphone do lado direito. Clique em **Salvar** para fixar o progresso do rascunho.

### Publicando o Flow

Após criar o formulário pelo JSON ou pelo Playground, uma vez pronto vamos publicar o Flow.

<img src="/files/qbF51vjdSRHdInwsxTyS" alt="" height="367" width="602">

Com o layout validado visualmente e livre de erros de JSON, o fluxo estará pronto para publicação.

No menu superior direito do editor, clique no botão **Publicar**.

Uma janela de confirmação será exibida avisando que, após a publicação, o Flow estará pronto para ser anexado a um modelo de mensagem e que edições posteriores gerarão novas versões. Clique no botão azul **Publicar** para confirmar.

<img src="/files/2vjkkVwZ79sqOi5jUtFe" alt="" height="415" width="602">

A tela de sucesso exibirá a mensagem "Seu Flow foi publicado!". Para torná-lo utilizável comercialmente no WhatsApp, clique no botão azul **Adicionar a um modelo de mensagem**.

<img src="/files/fS8XYwMvqpSFVcjvSqa0" alt="" height="433" width="602">

O sistema abrirá a interface de criação de Modelos de Mensagem (Templates) da Meta vinculando o Flow automaticamente ao componente interativo da mensagem:

<img src="/files/VEG4P62CWcqGBWkmd0aa" alt="" height="243" width="602">

**Nome e Idioma**: Insira o nome do modelo (Ex: abertura\_de\_chamado) e selecione o idioma oficial (*como Portuguese (BR*)).

**Conteúdo do Corpo**: Na seção **Corpo**, digite o texto comercial de introdução que o usuário visualizará no chat antes de clicar no formulário (Ex: "*Abra um chamado automaticamente.*"). No simulador do lado direito, você verá a prévia do balão de mensagem acompanhada do botão nativo **View Flow.**

**Envio para Aprovação**: Clique no botão azul **Enviar para análise** no canto inferior direito.&#x20;

O fluxo entrará na esteira de validação automática da Meta. Assim que for aprovado, o painel listará o modelo com o status **Ativo — Qualidade pendente** (ou Qualidade Alta/Média), indicando que o ID do fluxo e seu template associado estão prontos para serem integrados operacionalmente no Chat Center.

<img src="/files/xigU4CkvcrgR3SmnY7iJ" alt="" height="75" width="602">

Com o fluxo devidamente codificado, validado e o modelo de mensagem aprovado dentro do ecossistema da Meta, a estrutura de dados e a interface visual do formulário estão oficialmente seladas e prontas para uso comercial.

Para que esses formulários interativos passem a disparar dentro da plataforma da Fortics é[ preciso configurar o seu uso no Chat Center.](/perguntas-frequentes/perguntas-frequentes-1/fortics-voz/criando-modelos-de-mensagem-para-o-whatsapp-calling.md)

<br>


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs.fortics.com.br/perguntas-frequentes/perguntas-frequentes-1/fortics-voz/criando-um-whatsapp-flow-no-meta-business.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
