> 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-do-telegram/edite-seu-fluxo-de-chat.md).

# Edite seu Fluxo de Chat

Seu bot está com ótima aparência, agora vamos torná-lo mais inteligente. Edite seu chatbot para que ele se adapte exatamente às suas necessidades.

{% 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="https://895624238-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FiX5VsmcrMQKiIsaYCeRs%2FScreenshot%202024-04-10%20at%2016.35.32.png?alt=media&amp;token=02f0afac-a360-46cb-ac84-110d2e537ae4" 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="https://895624238-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2F68bzbxLbeBzJGlB6HaZ7%2FScreenshot%202024-04-10%20at%2016.30.39.png?alt=media&amp;token=6b472f64-6e07-4fdc-9831-088f677b0a56" 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="https://895624238-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FQCv56EjieiLtFk4fjibM%2FScreenshot%202024-04-10%20at%2016.38.18.png?alt=media&amp;token=197bf3e2-d259-47ae-a421-3fc300af90cf" 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="https://895624238-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FWWcipslQ3wo08lHHOKNP%2FScreenshot%202024-04-10%20at%2016.39.34.png?alt=media&amp;token=4865a659-637b-4528-98d9-12b66915b07d" 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="https://895624238-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2Fs0DbpXYvrHAqmtjetDLX%2FCaptura%20de%20pantalla%202025-03-31%20a%20la(s)%2010.21.45%E2%80%AFp.%C2%A0m..png?alt=media&amp;token=a95ef73b-6e2e-49f5-9764-302bc75c1b80" 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="https://895624238-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FCNEykC5xtw2JzKIrW5EJ%2FCaptura%20de%20pantalla%202025-03-31%20a%20la(s)%2010.22.20%E2%80%AFp.%C2%A0m..png?alt=media&amp;token=31ed85bb-577a-4b83-a6e5-3ce6a337c6bf" 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="https://895624238-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2Fbjnquqoj9qutz4SQPKyY%2FCaptura%20de%20pantalla%202025-03-31%20a%20la(s)%2010.23.15%E2%80%AFp.%C2%A0m..png?alt=media&amp;token=2d48128c-eb24-4c97-a887-ce95bcac5bc8" 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="https://895624238-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FLF9aOfHQxTzqnW67dZCQ%2FCaptura%20de%20pantalla%202025-03-31%20a%20la(s)%2010.24.12%E2%80%AFp.%C2%A0m..png?alt=media&amp;token=13ef55eb-be67-4cb7-8121-a6b41a64ac71" alt=""><figcaption></figcaption></figure>