Conheça o Flowbuilder: Primeiros passos e ações principais
Se você está dando seus primeiros passos no Flowbuilder, é fundamental entender onde cada elemento está localizado, qual a sua função e como eles se conectam para que seu bot funcione corretamente.
Neste artigo, mostraremos:
Como identificar o menu de componentes
Quais controles aparecem em cada componente
Como conectar componentes entre si
Quais ações rápidas você tem disponíveis
Como detectar erros facilmente antes de publicar
👉 Este conteúdo foi elaborado como um guia introdutório. Para configurações avançadas, você encontrará artigos específicos por componente em nossa Base de Conhecimento.
🧭 Primeiros passos no Flowbuilder: localização dos elementos
🧩 Menu de componentes
Quando você entra no Flowbuilder, o menu lateral de componentes já está visível no lado esquerdo da tela.
Se em algum momento você não o vir:
Acesse seu fluxo (se for um Fluxo Inbound ou de entrada: Configuração —> Plataforma —> Bots; lá você pode selecionar um existente ou Criar um Bot. No caso de um Fluxo Outbound ou de campanhas, vá para Campanhas —> Fluxo e lá você pode selecionar entre um existente ou Criar Fluxo)
Localize a flecha laranja na lateral esquerda
Clique para expandir o menu de componentes
Neste painel, você pode arrastar e soltar os componentes na tela central para começar a construir seu fluxo.
🛠️ Controles dos componentes (ações rápidas na tela)
Quando você adiciona um componente e posiciona o mouse sobre ele, vários controles visuais aparecem, permitindo que você trabalhe mais rapidamente:
Selecionar componente (⚙️): abre a configuração do componente
Clonar (📃): duplica o componente
Trocar (↔️): substitui o componente por outro sem perder a conexão
Excluir (🗑): remove o componente do fluxo
Sinal de “+” (➕): permite adicionar saídas ou ações adicionais (dependendo do componente)
💡Dica: use “Trocar componente” para economizar tempo quando precisar mudar a lógica sem refazer as conexões.
🔗 Como conectar um componente a outro?
🧠 Passo a passo
Coloque os componentes de que precisa na tela
Localize + no círculo de conexão na parte inferior do componente
Mantenha pressionado e arraste para o componente de destino
Solte quando vir que nenhuma das bordas dos componentes a serem conectados tenha bordas vermelhas.
⚠️ Dica fundamental: detectar erros de conexão em segundos
Se um fluxo tiver componentes ou botões desconectados, o Flowbuilder o detectará automaticamente.
Na parte inferior do editor, você verá um ícone de aviso (!)
Ao clicar nesse ícone: Os erros são listados Você pode clicar em cada um O Flowbuilder o levará diretamente ao componente com problema
Os erros são listados
Você pode clicar em cada um
O Flowbuilder o levará diretamente ao componente com problema
👉 Este é um dos melhores atalhos para revisar fluxos antes de publicá-los.
🧩 Componentes disponíveis no Flowbuilder
Os componentes permitem adicionar lógica, automações e integrações ao seu fluxo.
Alguns dos principais são:
Mensagem
Tipificação
Etapa do cliente
Avaliar resposta
Intenções
Smarton
Formatar
Atribuição
Requisição HTTP
Salvar campo
Condicional
Tempo de espera
Reconhecimento
Fim de fluxo
Etiqueta
Localização
Conversion API
Negócios
Componentes HubSpot
💡 Dicas úteis ao trabalhar com componentes
Você pode copiar e colar um ou mais componentes selecionando-os com Ctrl, usando Ctrl + C para copiar e Ctrl + V para colar. Isso é especialmente útil para reutilizar estruturas semelhantes dentro de um fluxo.
Se você tiver dois componentes já conectados, ao clicar no ícone “+” que aparece entre eles, a opção de inserir um novo componente no meio será aberta, sem a necessidade de excluir ou refazer a conexão existente.
📚 Na Base de Conhecimento da Atom, você encontrará um artigo específico para cada componente com sua configuração e casos de uso.
⚙️ Funcionalidades especiais
➕ Adicionar parâmetro
Em vários componentes, você pode inserir informações dinâmicas usando Adicionar parâmetro, com categorias como:
Campos do sistema (nome, telefone, e-mail)
Campos personalizados
Propriedades da conversa
Informações do agente
Propriedades do HubSpot (com integração ativa)
Isso permite personalizar mensagens e ações automaticamente.
✍️ Formatação e estilo de textos
Você pode melhorar a experiência conversacional aplicando:
Negrito
Itálico
Tachado
Emojis
⚡ Ações rápidas sobre os fluxos
Na coluna de ações, você pode:
Ver: visualizar o fluxo como imagem
Editar: modificar fluxos em rascunho ou com erro
Duplicar: copiar fluxos existentes
Simular: testar o fluxo sem gerar conversas reais
Simular com Webhooks: usando token API
Publicar: definir validade e ativar
Desativar: interromper o fluxo
✅ Boas práticas gerais
Não deixe botões sem conexão
Certifique-se de que cada botão tenha uma ação coerente
Use nomes claros para os componentes
Simule sempre antes de publicar
Verifique o ícone de erros (!) antes de ativar um fluxo