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
O bloco Início é obrigatório e não pode ser deletado. Ele é o ponto de entrada do fluxo e todo agente precisa dele para funcionar.

​
Notas de orientação

O canvas suporta dois tipos de notas: notas de template (automáticas) e suas notas (post-its manuais). Ambas são apenas visuais e não afetam o funcionamento do agente.

​
Notas de template

Quando você cria um agente a partir de um template, podem aparecer notas amarelas espalhadas pelo canvas. Elas servem como guias visuais para ajudar na configuração:
  • Contêm texto explicativo sobre o que cada parte do fluxo faz
  • Podem incluir links para documentação e vídeos tutoriais
  • Para fechar uma nota, clique no X no canto dela
As notas de template são apenas visuais — não afetam o funcionamento do agente. Você pode fechá-las sem preocupação.

​
Suas notas (post-its)

Você também pode criar suas próprias notas no canvas, como post-its para organizar ideias, documentar decisões ou deixar lembretes.
1

Arraste a nota para o canvas

Na barra lateral, na seção Ferramentas, encontre o item Nota e arraste-o para a tela.
2

Edite o conteúdo

Dê um duplo-clique no texto da nota para editá-lo. Escreva o que quiser: lembretes, explicações, links úteis.
3

Adicione links e vídeos

Suas notas suportam links (que abrem em uma nova aba do navegador) e vídeos do YouTube ou Vimeo (que abrem em um modal dentro do editor, sem sair da página).
Use notas para documentar por que você tomou determinada decisão no fluxo. Isso ajuda muito quando você ou outra pessoa revisitar o agente no futuro.
As notas são salvas junto com o agente. Elas ficam disponíveis sempre que você reabrir o editor.

​
Painel de blocos

Na lateral, você encontra os blocos e ferramentas disponíveis para arrastar para a tela: Blocos:
  • Roteador - Direciona baseado na intenção
  • Qualificação de Lead - Avalia potencial do lead
  • Coleta de Dados - Captura informações
  • Handoff - Transfere para humano
Ferramentas:
  • Nota - Post-it para anotações e lembretes no canvas

​
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

Blocos Disponíveis

Conheça cada bloco em detalhes.

Integrar com Inbox

Conecte seu fluxo a uma caixa de entrada.