Construtor de Fluxos (V3)
V3 é o editor visual de fluxos do Cosmobots. Cada fluxo é um diagrama de blocos conectados em um canvas — você arrasta, conecta, edita e o bot processa exatamente nessa ordem.
A tela em 5 segundos
┌────────────────────────────────────────────────────────────────┐
│ Cosmoflow Builder [▶ Pré-visualizar] [Publicar] │
├──────────────┬─────────────────────────────────────────────────┤
│ │ │
│ 📚 │ ┌─────────┐ │
│ Bolhas │ │ Início │ │
│ 📥 Entradas│ └────┬────┘ │
│ 🔁 Lógica │ ▼ │
│ 🔌 Integr. │ ┌─────────┐ CANVAS │
│ 🎟️ Tickets │ │ Olá! │ │
│ ✨ Custom │ └────┬────┘ │
│ │ ▼ │
│ Variáveis │ ┌─────────┐ │
│ • nome │ │ Botões │ │
│ • cpf │ └─────────┘ │
│ │ │
└──────────────┴─────────────────────────────────────────────────┘
Sidebar de blocos Canvas com nós e arestas- Sidebar esquerda: lista de blocos por categoria. Arraste pro canvas.
- Canvas central: desenha o fluxo. Setas conectam blocos.
- Painel direito (ao clicar em bloco): edita as opções daquele bloco.
- Topo: ações de publicar, pré-visualizar, ver histórico.
Categorias de blocos
💬
Bolhas
O que o bot diz/mostra. Texto, imagem, vídeo, áudio, embed.
📥
Entradas
O que o bot pede ao cliente. Texto, botão, e-mail, número, data, telefone, foto, arquivo, pagamento.
🔁
Lógica
Estrutura. Condições, variáveis, código JS, esperar, pular, AB.
🔌
Integrações
Conexão com outros sistemas. Webhook, Sheets, OpenAI, e-mail, Pixel, Analytics, Zapier, Make.
🎟️
Tickets
Criar/consultar/atualizar tickets de suporte direto do fluxo.
✨
Customizados
Cosmobots-específicos. CosmoDesk (transferência), QR Code, Cal.com, Dify, Mistral, Note.
Como tudo se encaixa
Detalhes em:
- A tela do construtor — onde fica cada coisa
- Variáveis e contexto — armazenar e reusar dados
- Conectar fluxos (sub-fluxos) — modularizar
- Publicar e versionar — promover pra produção
- Pré-visualizar e testar — antes de publicar
Iniciando um fluxo
- Em Configurações → Agent Bots → [seu bot] → Fluxos clique + Novo fluxo
- Dê um nome e abra no construtor
- Arraste blocos da sidebar esquerda
- Conecte com setas (clique e arraste do "olho" de saída até o de entrada)
- Configure cada bloco no painel direito
- Pré-visualize, ajuste, publique