Visão Geral FlowBuilder

Visão Geral do Flowbuilder é o ambiente de construção visual onde você desenha a inteligência do seu chatbot. Funciona como um quadro branco infinito onde você conecta blocos para criar caminhos de conversa.

Topo

Cabeçalho de Controle: no topo direito da tela, você encontra as ferramentas de navegação:

Filtrar por Categoria: menu suspenso que permite visualizar apenas fluxos de uma categoria específica.

Buscar fluxos: campo de texto para digitar o nome do fluxo.

IMPORTAR: botão para importar um fluxo.

+ ADICIONAR FLUXO: botão para iniciar o cadastro de um novo fluxo.

PARTE CENTRAL

Lista de Fluxos: cada box representa um fluxo cadastrado no sistema, sendo composto por:

do lado esquerdo

Ícone colorido: fluxo azul.

Nome: rótulo cadastrado para esse fluxo.

Etiqueta Status: (verde com ícone "check" cinza) escrito Ativo.

Etiqueta Categoria: (da cor do cadastro da categoria com ícone "tag" cinza) escrito o Nome da Categoria.

do lado direito

Ícone Ferramenta: clique para Editar o Fluxo.

Ícone 3 pontos verticais: clique para ver as seguintes opções:

Editar Nome: renomeie o fluxo para facilitar a organização interna.

Editar Fluxo: abre o editor visual (canvas) para modificar a estrutura do bot.

Exportar Fluxo: baixa um arquivo de backup do seu robô. Útil para salvar versões ou enviar para outra conta.

Duplicar: cria uma cópia exata do fluxo. *Dica: Use isso antes de fazer alterações arriscadas no seu bot principal.

Excluir: remove o fluxo permanentemente.

CANVA - Editor Visual do Construtor de Fluxo

A construção do fluxo acontece no Canva, nossa ferramenta de edição visual. O Fluxo fica centralizado na tela, tendo como ponto de partida o Bloco de Início - de cor verde e com conector vermelho - e a tela é composta pelos seguintes elementos:

canto esquerdo superior

Botão + : clique para adicionar novos blocos.

canto direito superior

Salvar Fluxo: clique para salvar as edições realizadas no fluxo. Se sair do canva sem clicar em Salvar Fluxo, você perderá o trabalho.

canto esquerdo inferior

Barra de Controle de Visualização:

Zoom Mais (+): aproxima a visão.

Zoom Menos (-): afasta a visão.

Centralizar / Ajustar (ícone de mira ): reseta o zoom padrão e centraliza o fluxo.

** Bloquear Navegação (ícone cadeado): cadeado fechado impede o arrastar dos blocos e a exclusão das ligações.

canto direito inferior

Mini-Mapa: caixa branca que mostra uma miniatura do seu fluxo atual.

Movimentação e Zoom do Canva

Arrastar a tela: Clique em qualquer espaço vazio do fundo branco e arraste para mover a visualização.

Zoom: Utilize os botões + e - no canto inferior esquerdo ou o scroll do mouse para diminuir ou aumentar o zoom.

Estrutura dos Blocos do Fluxo

Mover posição: clique e arraste um bloco para mudá-lo de posição.

Editar: duplo clique no bloco desejado.

Excluir: clique simples no bloco desejado, aperte a tecla Delete do teclado ou clique no ícone de “lixeira” no canto superior direito do bloco.

Duplicar: clique no ícone de “duplicar” no canto superior direito do bloco (ao lado do ícone de “lixeira”).

Conectores: cada bloco tem um ponto de saída (à direita) e/ou um ponto de entrada (à esquerda) - representado por um círculo preto com uma seta branca dentro. Para conectar um bloco no outro, clique em um ponto de saída de um bloco e arraste até um ponto de entrada de outro bloco. Isso diz ao robô: "depois de fazer isso, vá para aquilo".