Skip to main content

O Editor Visual

O editor de fluxos do Flow Builder funciona como uma tela onde você pode arrastar, posicionar e conectar blocos para criar a lógica do seu atendimento.
Editor visual de fluxos

Elementos do editor

Tela de trabalho (Canvas)

A área central onde você constrói o fluxo. Você pode:
AçãoComo fazer
Mover a telaClique e arraste no fundo
Zoom in/outScroll do mouse ou botões de zoom
Selecionar blocoClique no bloco
Mover blocoClique e arraste o bloco
Deletar blocoSelecione e pressione Delete/Backspace

Painel de blocos

Na lateral, você encontra os blocos disponíveis para arrastar para a tela:
  • Roteador - Direciona baseado na intenção
  • Qualificação de Lead - Avalia potencial do lead
  • Coleta de Dados - Captura informações
  • Handoff - Transfere para humano

Painel de configuração

Ao clicar em um bloco, o painel lateral direito exibe suas configurações específicas.

Criando seu primeiro fluxo

1

Adicione um bloco Roteador

Arraste o bloco Roteador para a tela. Este será o ponto de entrada do seu fluxo.
Todo fluxo deve começar com um Roteador para direcionar as conversas corretamente.
2

Configure as rotas

Clique no Roteador e adicione rotas para as principais intenções:
RotaDescriçãoDestino
Interesse comercialCliente quer comprar/conhecerQualificação
Suporte técnicoCliente precisa de ajudaHandoff
Dúvidas geraisPerguntas sobre a empresaIA responde
3

Adicione blocos de destino

Para cada rota, arraste o bloco correspondente:
  • Bloco de Qualificação para leads
  • Bloco de Handoff para suporte
4

Conecte os blocos

Arraste do ponto de saída de uma rota até a entrada do bloco destino.
As conexões são representadas por linhas. Se a linha ficar vermelha, há um problema de conexão.
5

Configure cada bloco

Clique em cada bloco e configure suas opções específicas.
6

Salve o fluxo

Clique em “Salvar” para gravar suas alterações.

Conexões entre blocos

Como conectar

  1. Posicione o mouse sobre o ponto de saída (círculo na borda do bloco)
  2. Clique e arraste até o ponto de entrada do bloco destino
  3. Solte para criar a conexão

Tipos de conexão

TipoCorSignificado
NormalAzulFluxo padrão
CondicionalVerdeDepende de condição
FallbackCinzaQuando nenhuma rota corresponde

Removendo conexões

Para remover uma conexão:
  1. Clique na linha de conexão
  2. Pressione Delete ou clique no ícone de lixeira

Fluxo de exemplo: Imobiliária

Vamos construir um fluxo completo para uma imobiliária:
                    ┌─────────────────┐
                    │    Roteador     │
                    │    Principal    │
                    └────────┬────────┘

        ┌────────────────────┼────────────────────┐
        ▼                    ▼                    ▼
┌───────────────┐   ┌───────────────┐   ┌───────────────┐
│  Interesse    │   │    Suporte    │   │   Dúvidas     │
│   Imóvel      │   │   Técnico     │   │   Gerais      │
└───────┬───────┘   └───────┬───────┘   └───────────────┘
        │                   │
        ▼                   ▼
┌───────────────┐   ┌───────────────┐
│ Qualificação  │   │   Handoff     │
│   de Lead     │   │   Suporte     │
└───────┬───────┘   └───────────────┘


┌───────────────┐
│  Coleta de    │
│    Dados      │
└───────┬───────┘


┌───────────────┐
│   Handoff     │
│   Corretor    │
└───────────────┘

Configuração passo a passo

Configuração do Roteador Principal:
RotaDescriçãoExemplos de mensagem
Interesse ImóvelCliente busca imóvel”Quero um apartamento”, “Vocês têm casas?”
Suporte TécnicoProblemas no atendimento”Não consigo falar com ninguém”, “Erro no site”
Dúvidas GeraisInformações sobre a empresa”Onde fica a imobiliária?”, “Qual o horário?”

Dicas de construção

Mantenha fluxos simples

Fluxos muito complexos são difíceis de manter e debugar. Se seu fluxo tem mais de 10 blocos, considere dividir em sub-fluxos.

Use nomes descritivos

Dê nomes claros aos seus blocos e rotas:
RuimBom
”Bloco 1""Qualificação - Vendas"
"Rota A""Cliente quer comprar"
"Handoff""Transferir para Suporte N2”

Sempre tenha um fallback

Configure uma rota de fallback no Roteador para mensagens que não correspondem a nenhuma intenção:
Se nenhuma rota corresponder → IA responde naturalmente
                             (usando base de conhecimento)

Teste cenários extremos

Teste seu fluxo com:
  • Mensagens muito curtas (“oi”)
  • Mensagens muito longas
  • Perguntas fora do contexto
  • Múltiplas perguntas na mesma mensagem

Organizando fluxos complexos

Agrupamento visual

Organize blocos relacionados próximos uns dos outros:
┌─────────────────────────────────────┐
│         ÁREA DE VENDAS              │
│  ┌──────┐  ┌──────┐  ┌──────┐      │
│  │Qual. │→ │Coleta│→ │Handoff│     │
│  └──────┘  └──────┘  └──────┘      │
└─────────────────────────────────────┘

┌─────────────────────────────────────┐
│         ÁREA DE SUPORTE             │
│  ┌──────┐  ┌──────┐                 │
│  │Verif.│→ │Handoff│                │
│  └──────┘  └──────┘                 │
└─────────────────────────────────────┘

Comentários e anotações

Use descrições nos blocos para documentar decisões:
  • Por que este bloco existe
  • Qual regra de negócio ele implementa
  • Quando deve ser revisado

Versionamento e histórico

O Flow Builder mantém um histórico de alterações:
  • Versão atual: Fluxo em uso
  • Rascunho: Alterações não publicadas
  • Histórico: Versões anteriores
Sempre salve como rascunho enquanto estiver editando. Só publique quando tiver certeza que está funcionando corretamente.

Próximos passos