> For the complete documentation index, see [llms.txt](https://recursos.demandu.tech/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://recursos.demandu.tech/centro-de-recursos-pt-br/crie-seu-primeiro-bot./crie-seu-chatbot-de-site/edite-seu-fluxo-de-chat.md).

# Edite seu Fluxo de Chat

{% embed url="<https://youtu.be/iE7abtK3sGM?si=AysHIjs7HDUXzKzK>" %}

## O que é um fluxo de chat?

Um **fluxo de chat** é a estrutura de mensagens que determina como a conversa se desenvolve entre o seu chatbot e o usuário. É totalmente configurável e geralmente é visto como um diagrama de blocos de mensagens e ações conectados entre si. Ao projetar o fluxo, você define o que o bot diz, em que ordem e como ele reage de acordo com as respostas do usuário.

<figure><img src="/files/70e325694f004386d0cb2754f7638bd8673cfc4b" alt=""><figcaption><p>Fluxo de Chatbot</p></figcaption></figure>

## 1. Como personalizar o fluxo do chat?&#x20;

**1.1 Acesse o editor de fluxo:** No painel do Demandu, selecione seu bot e clique na aba **“Edite seu fluxo de chat”**.

<figure><img src="/files/39e3b490cef65dd6502281c290adff071877f236" alt=""><figcaption></figcaption></figure>

**1.2 Modelo de fluxo pré-criado:** Você verá um modelo de fluxo de chat já criado com mensagens de exemplo. Pode usá-lo como base e modificá-lo de acordo com as necessidades do seu negócio. Inclusive, você pode **importar um modelo** diferente na aba **“Importar modelo”** no canto superior direito se desejar começar com outro design de conversa.

## 2. Ferramentas para editar o fluxo do chat

{% embed url="<https://youtu.be/VBdlm0zP1_w?si=Q1Fn7159wiDtpWww>" %}

Demandu fornece várias ferramentas para modificar o fluxo de forma fácil e rápida:

**2.1 "Adicionar novo componente**": Clique aqui para ver uma lista suspensa de todos os componentes disponíveis que podem ser adicionados ao fluxo, como solicitar o nome, o e-mail, o número de telefone do usuário ou inserir uma pergunta de opção única ou múltipla para que os visitantes respondam. Isso ajuda na geração de dados de usuários e leads.

<figure><img src="/files/dc20daabfbd611fc033c1ef4e4a5d561358d77b0" alt=""><figcaption></figcaption></figure>

2.2 **Barra de zoom e visualização:** No canto inferior esquerdo do editor, você tem controles para ajustar a visualização do diagrama:

* *Ajustar visualização*: enquadra todo o fluxo na tela.
* *Aumentar/diminuir o zoom*: para ver com mais detalhes ou em perspectiva.
* *Excluir* (ícone de lixeira): apaga todo o fluxo atual (útil somente se você quiser começar do zero!).
* *Bloquear* (cadeado): depois de satisfeito com o fluxo, você pode bloqueá-lo para evitar edições acidentais.

2.3 **Mini mapa** na tela lateral inferior direita: informa sobre a posição do fluxo do chat mesmo que ele esteja deslocado além da tela.

2.4 **Conector de linha**: Para conectar componentes entre si (estabelecer a ordem das mensagens), use as setas ou pontos de conexão arrastando uma linha de um componente para o seguinte.

2.5 **Fluxo de teste:** Um botão **“Testar fluxo”** permite simular a conversa e verificar como as mensagens fluem entre o bot e um usuário.

<figure><img src="/files/44049c8955d6bd1e45dd91c70ae7e7183693716d" alt=""><figcaption></figcaption></figure>

## 3. Ferramentas para editar o fluxo do chat

**3.1 Adicionar e personalizar componentes:** Para editar o conteúdo de uma mensagem ou ação, basta clicar nesse componente no diagrama. Por exemplo, você pode clicar na **mensagem de boas-vindas** e alterar o texto para um que inclua o nome da sua marca. Depois de editar uma mensagem.

<figure><img src="/files/37372190499fbf2a2eb5ea9f42294df5beb46867" alt=""><figcaption></figcaption></figure>

**3.2 Adicionar componentes ao fluxo:** Como mencionado, você pode usar o botão *Adicionar novo componente* ou clicar no **ícone “+”** que aparece ao final de cada sequência no diagrama. Ambos os métodos permitem inserir um novo bloco no fluxo.\
Exemplo: Se quiser que o bot compartilhe o link do seu site, você pode adicionar um componente **“Link da web”** ao final do fluxo. Depois, conecte esse bloco a partir da mensagem anterior com um conector de linha e personalize o link (texto descritivo e URL) nas opções do componente.

<figure><img src="/files/717b0cf3025b8a6394e2b8e357ccc6e54b02b71c" alt=""><figcaption></figcaption></figure>

**3.3 Conectar componentes no fluxo:** Cada componente tem uma opção para **“Ir para a próxima mensagem”**. Certifique-se de definir qual componente vem depois de qual para que o fluxo tenha continuidade. Por exemplo, após um bloco de *Pergunta de texto*, você pode conectar a resposta a um bloco de *Ação* ou a outra mensagem. Utilize os conectores de linha para uni-los na ordem desejada.

<figure><img src="/files/df44c097256404a76557c61e82c3b34691b48dbc" alt=""><figcaption></figcaption></figure>

**3.4 Finalizar o fluxo:** É sempre aconselhável terminar o fluxo com um componente de **“Fim de chat”**. Para isso, vá até o último componente da sua sequência e, no menu suspenso de “ir para o próximo”, selecione **“Encerrar chat”**. Isso indica ao bot quando a conversa foi concluída. **Observação:** É *obrigatório* adicionar um final de chat; caso contrário, o sistema pode gerar um erro e o fluxo pode não funcionar corretamente.

<figure><img src="/files/2dda0e1ce4b4be609730390d0d9fb89b63a07806" alt=""><figcaption></figcaption></figure>