# Como criar um chatbot

{% hint style="warning" %}

#### <mark style="color:vermelho;">**Por favor, observe!**</mark>

**SEUS PROJETOS NUNCA SÃO EXCLUÍDOS** e permanecem na plataforma indefinidamente.

Após o vencimento da assinatura, os seguintes dados serão removidos:

**Conexões com o Messenger:** desativadas após 3 semanas.

**Mensagens longas:** aquelas com mais de 800 caracteres são excluídas após 3 meses.

**Conversas:** todos os chats são armazenados por 2 a 6 meses.

**Clientes:** removidos após 1 ano.

**Informações adicionais:**

**Mensagens não entregues** são mantidas por 2 semanas.

**Acesso ao Messenger:** revogado 3 semanas após o vencimento, se nenhum pagamento for feito.

**Limites do sistema:**

**Mensagens agendadas:** Máximo de 32 por cliente.

**Bots de teste:** Limitados a 1.000 mensagens/dia (incluindo mensagens de contas de teste).
{% endhint %}

### Como criar o primeiro bloco em um funil

Todo chatbot criado no MaviBot é composto por blocos.

<div data-with-frame="true"><figure><img src="/files/e7bab9de1cbe24e16900c55271a48ddca000d1a8" alt=""><figcaption></figcaption></figure></div>

Um bloco é um conjunto de comandos e configurações do chatbot, configurado por você ou por nossos desenvolvedores para o seu projeto.

Cada bloco fornece ao bot instruções sobre como responder ou agir, e determina para onde o cliente deve ir em seguida no funil.

**Criar um bloco é simples: dê um duplo clique em qualquer espaço vazio na área de trabalho para começar.**

Você pode mover um bloco (ou vários blocos) para qualquer lugar dentro da área do construtor para otimizar o layout e deixar seu funil com uma aparência mais limpa e organizada.

Para facilitar a compreensão, vamos passar por um diagrama de funil de exemplo e explicar como o editor funciona usando esse exemplo.

<div data-with-frame="true"><figure><img src="/files/264b2968f0196d682dee9cd46a4340c1df3105e8" alt=""><figcaption></figcaption></figure></div>

Você está vendo um fluxo de chatbot. O fluxo consiste em **blocos** e **conexões.**

**Bloco inicial (verde):** É aqui que toda conversa começa.

**Blocos de gatilho (cinza-escuro):** Esses blocos ativam fluxos específicos com base nas ações do usuário.

Quando um usuário envia uma mensagem ou clica em um botão, ele pode passar de um bloco para outro — mas **somente se a condição de transição for atendida**. As condições podem ser definidas em ambos os **blocos** e **Conectores.**

<div data-with-frame="true"><figure><img src="/files/48b8e81ee09561109bc75c2cf6cf8de8c9407186" alt=""><figcaption></figcaption></figure></div>

Para fazer o bot iniciar quando um usuário clicar no botão "**Iniciar"** no Telegram (ou em qualquer outro mensageiro), você precisa especificar uma **palavra de gatilho** no bloco verde.

Os blocos de gatilho vêm em duas cores: **verde e** **cinza**.

<div data-with-frame="true"><figure><img src="/files/9e708ef23abd7454301a87e61d4bb68325a6b351" alt="" width="375"><figcaption></figcaption></figure></div>

Existem quatro tipos de **blocos de condição**:

1. &#x20;**Start**&#x20;
2. **Gatilho**&#x20;

A aba "**Iniciar"** bloco tem a maior prioridade entre todos os blocos de condição — o que significa que ele será acionado **primeira** se sua condição corresponder a qualquer uma das ações do cliente.

**Etapa 1: Crie um bloco "Chat"**

Para fazer isso, clique em qualquer lugar na tela em branco do construtor de fluxo.

<div data-with-frame="true"><figure><img src="/files/8f76a3ae5e1237c3e8bac8d83cffc0aea9fd7cac" alt=""><figcaption></figcaption></figure></div>

{% hint style="success" %}
**Bom saber!**\
**O que é a `#{none}` construção?**\
O `#{none}` construção, que aparece por padrão no campo de resposta, é um espaço reservado especial usado para lidar com entradas não especificadas ou genéricas.

Isso significa, por exemplo, que um **bloco de condição** por `#{none}` será acionado **quando um cliente enviar qualquer mensagem** (se nenhuma palavra-chave ou gatilho específico for definido).\
Se você deixar `#{none}` no campo da mensagem, isso permite que você **encaminhe os clientes para um bloco específico do funil**, independentemente do conteúdo da mensagem.
{% endhint %}

Para criar um bloco que não envia uma mensagem, digite `#{none}` no campo de resposta (isso vem definido por padrão).

Em seguida, clique no bloco e selecione seu tipo — "**Iniciar".**

<div data-with-frame="true"><figure><img src="/files/d404f4804d54b914a3a5d37a6fb14c8025ebcd06" alt="" width="563"><figcaption></figcaption></figure></div>

1. Selecione o **"Start"** tipo de bloco. Isso abrirá o painel de configurações de condição.
2. Para este primeiro teste no modo interno do MaviBot, defina uma palavra de gatilho simples como **"Olá"**.

<div data-with-frame="true"><figure><img src="/files/9293d63d5d8b8e2771972ad5fc6d1e24b63647e1" alt="" width="563"><figcaption></figcaption></figure></div>

Agora, configure a resposta do bot para quando o gatilho for ativado. Por exemplo, insira a mensagem: **"Olá! Como posso ajudar você?"**

<div data-with-frame="true"><figure><img src="/files/2d82e78710286156daee46f78be331f0f9570c3a" alt="" width="563"><figcaption></figcaption></figure></div>

Em seguida, não se esqueça de clicar em "**Salvar"** para que todas as configurações sejam aplicadas ao bloco:

<div data-with-frame="true"><figure><img src="/files/5ac646c04aa206187c8d1c4787bd678f11e9c6a7" alt="" width="563"><figcaption></figcaption></figure></div>

**Etapa 2: Crie o próximo bloco**

Para criar um novo bloco e conectá-lo ao anterior, abra as **menu de configurações adicionais**.

<div data-with-frame="true"><figure><img src="/files/fc927a4c7d92982fae40baeb08c6992132f4f147" alt="" width="563"><figcaption></figcaption></figure></div>

Para construir um fluxo de conversa contínuo, seus blocos precisam estar conectados. Veja como fazer isso rapidamente:

1. Localize e abra as **menu de configurações adicionais** do bloco do qual você quer conectar a partir (por exemplo, seu bloco "Iniciar").
2. Encontre e clique no botão chamado **"Criar um bloco abaixo."**

<div data-with-frame="true"><figure><img src="/files/da98c14d0a72b845dd0f6a9d5e070572559bc8e1" alt="" width="563"><figcaption></figcaption></figure></div>

Agora seu funil contém **dois blocos** que estão conectados.

{% hint style="warning" %}
**Por favor, observe!**

**O que isso significa na prática?**

Se o seu bot tiver dois **fluxos**de conversa separados, um usuário não pode passar por ambos simultaneamente. Ele seguirá um **fluxo** ou outro, mas nunca os dois ao mesmo tempo.

**Precisa enviar uma mensagem sem interromper o fluxo atual?**

Use blocos cinza — seja **"Fallback"** ou **"Trigger"** — para enviar mensagens separadas sem interromper a conversa ativa do usuário.
{% endhint %}

**Conectores** entre blocos guiam o cliente pelo fluxo do funil.

Você também pode definir condições diretamente nos conectores. Isso permite controlar o fluxo, por exemplo, exigindo um clique em um botão ou um pagamento bem-sucedido para avançar.

**Vamos criar um botão no bloco “Chat”** para que o cliente possa passar para o próximo bloco.

**Etapa 3. Crie um botão**

Clique na **bloco “Iniciar”**. Você verá uma **“Botões”** :

<div data-with-frame="true"><figure><img src="/files/6a6018e63c204f69c7138eafc731ceab76277421" alt="" width="563"><figcaption></figcaption></figure></div>

Clique na aba — isso abrirá o menu de configurações do botão.

<div data-with-frame="true"><figure><img src="/files/4aee9889d87fd9044c38c4fa4175cc4552543e73" alt="" width="563"><figcaption></figcaption></figure></div>

Clique **“+ Adicionar botão”**, e um menu de configurações do botão aparecerá.

<div data-with-frame="true"><figure><img src="/files/357009d5aea37cc353459473f5e0d33ff2df56d5" alt=""><figcaption></figcaption></figure></div>

No campo de texto do botão, digite qualquer rótulo que desejar — por exemplo, **“VAMOS”**.

<div data-with-frame="true"><figure><img src="/files/e57c81630f26d0e6a11ae924d3a036ad27bfc925" alt=""><figcaption></figcaption></figure></div>

Clique **“Adicionar”**, e o botão aparecerá nas configurações do bloco.

<div data-with-frame="true"><figure><img src="/files/6009b7c8a6e592af1d2c35a368d33092ba03b867" alt=""><figcaption></figcaption></figure></div>

Os botões podem ser exibidos de duas formas: no teclado da mensagem ou diretamente dentro do texto da mensagem.

Observe que alguns tipos de botões podem não ser compatíveis em certos mensageiros (como o WhatsApp).

Para melhor compatibilidade, use a opção **"Automático"** . Isso exibirá automaticamente o botão no formato mais compatível com cada mensageiro específico.

<div data-with-frame="true"><figure><img src="/files/5aba8e080740d255d276fe5e1044c1e9c8f7461c" alt=""><figcaption></figcaption></figure></div>

E não se esqueça de salvar as configurações do bloco.

<div data-with-frame="true"><figure><img src="/files/8591b63234811d0aef3d015824c0d34021d535b8" alt=""><figcaption></figcaption></figure></div>

Pronto! Você criou seu primeiro bloco de gatilho com um botão! 🎉

**Etapa 4. Configure a conexão**

Vamos configurar o conector para que, quando um cliente clicar no botão, ele passe para o próximo bloco.

**Veja como:**

1. Localize a **seta** (conector) que sai do seu bloco com botão.
2. **Passe o cursor** sobre a seta.
3. Clique no **ícone de engrenagem** que aparece para abrir as configurações.

<div data-with-frame="true"><figure><img src="/files/583fa5f26d02a56b692e0d041f013dbb401207e8" alt=""><figcaption></figcaption></figure></div>

As configurações da conexão serão abertas, e você precisará escolher o botão criado por você.

<div data-with-frame="true"><figure><img src="/files/88b27a4e97c79436d8413e34c32301687315835f" alt=""><figcaption></figcaption></figure></div>

Depois, você precisa escolher **"Correspondência exata"** no campo **"Tipo de correspondência"**:

<div data-with-frame="true"><figure><img src="/files/bd1007ac90d92a851e1ddf012d88437f254383a7" alt=""><figcaption></figcaption></figure></div>

E clique em **"Salvar"**.

<div data-with-frame="true"><figure><img src="/files/d098a69efda3779ddc10097f0e5be36884f5ac2f" alt=""><figcaption></figcaption></figure></div>

Depois de salvar as configurações da conexão, a condição será exibida diretamente no conector. Isso fornece uma referência visual clara para o que dispara a transição entre blocos.

<div data-with-frame="true"><figure><img src="/files/876357f6eb19482c2a2cde0a9da6fedfe444dc11" alt=""><figcaption></figcaption></figure></div>

A conexão pode ser curvada:

<div data-with-frame="true"><figure><img src="/files/9f58ed2d61bf8d28cecdbde844c8b8ff98f1567a" alt="" width="563"><figcaption></figcaption></figure></div>

Isso permite ver claramente conexões que se sobrepõem. Para fazer isso, segure a seta com o mouse no ponto em que você deseja curvá-la e arraste-a para o local desejado.
&#x20;Não há limite para o número de curvas que você pode fazer.

Para remover curvas desnecessárias de um conector, basta dar um duplo clique com o botão esquerdo do mouse no nó desejado.

**Etapa 5. bloco “Chat”**

Por padrão, quando você clicou na tela anteriormente, foi criado um bloco branco **“Chat”** — este é o bloco mais comumente usado ao construir fluxos de chatbot.

Você pode configurar quase tudo dentro de um bloco “Chat” (exceto condições). Na verdade, a maior parte do seu chatbot provavelmente será composta por **“Chat”** blocos.

<div data-with-frame="true"><figure><img src="/files/b15281b188c7be77d2b10f2e825840b9818582db" alt=""><figcaption></figcaption></figure></div>

Ao contrário dos blocos de condição, um **“Chat”** bloco só pode ser acessado se:

* Ele estiver conectado por uma conexão de um bloco anterior, ou
* Você tiver enviado uma campanha que direciona os usuários até ele.

Se você quiser que o cliente entre no bloco com base em um gatilho, o gatilho deve ser definido em:

* Na **conexão** (como mostrado na Etapa 4), ou
* Usando um **bloco de temporizador**.

Na **"Chat"** : insira a mensagem que o bot enviará ao cliente (quando ele clicar no botão no **"Start"** bloco).

<div data-with-frame="true"><figure><img src="/files/f2cf2957eca3d991c7a0fa5cf6953ad18b55b98d" alt=""><figcaption></figcaption></figure></div>

Não se esqueça de clicar em **“Salvar”** no campo **“Chat”** configurações do bloco.

{% hint style="success" %}
Agora você criou seu primeiro chatbot!
{% endhint %}

#### Tutorial em vídeo

{% embed url="<https://www.youtube.com/watch?v=RMYNdF8gq_w>" %}

## Teste de chatbot

Depois de criar — ou até mesmo enquanto estiver construindo — qualquer chatbot, é importante **testar** o bot para garantir que seus fluxos funcionem corretamente e que as configurações estejam definidas adequadamente.

Você pode conectar o bot a um projeto e testá-lo lá. No entanto, se você criar um bot para **WhatsApp**, lembre-se de que **você não pode enviar mensagens para si mesmo**.

É por isso que existe outra forma: você pode abrir um **chat online** com o bot e interagir com ele diretamente.

Para fazer isso, clique no **botão no canto inferior esquerdo** do construtor:

<div data-with-frame="true"><figure><img src="/files/76d18995205bf257623fe049952b4638110406d4" alt=""><figcaption></figcaption></figure></div>

Quando você clicar no botão **“Testar chatbot”** , uma janela de teste será aberta.

<div data-with-frame="true"><figure><img src="/files/9d35dea712110bcf8b089cd6e691c748d5debb05" alt=""><figcaption></figcaption></figure></div>

O **área esquerda** da janela de teste exibe os blocos que você criou para o chatbot.

<div data-with-frame="true"><figure><img src="/files/285ec1167ca48404d2b05b9c9a13a7a8f2674ae9" alt="" width="563"><figcaption></figcaption></figure></div>

No **lado direito**, você verá os dados do cliente de teste — ou seja, seu próprio perfil de usuário simulado.

<div data-with-frame="true"><figure><img src="/files/f0ec53a3f876623d14d2504a857d0d2e56140fc5" alt="" width="563"><figcaption></figcaption></figure></div>

Na **centro da tela**, você verá o **chat online** onde pode testar o bot. Para fazer isso, digite a frase de gatilho do **“Iniciar”** .

<div data-with-frame="true"><figure><img src="/files/46a81861fd9129990582bcca5bc53e5cacff18b7" alt="" width="563"><figcaption></figcaption></figure></div>

Veja como o bot funciona:

<div data-with-frame="true"><figure><img src="/files/64b0ed6ffcbce0b8696ecf3c1be9539ad6cb6fa4" alt="" width="375"><figcaption></figcaption></figure></div>

{% hint style="success" %}
**Parabéns!** 🎉 **Você construiu com sucesso um chatbot funcional que inclui:**

* **Configuração de gatilho** em ambos os blocos e conectores
* **Um botão totalmente operacional**
* **Teste em tempo real** que permitem ver exatamente como o seu chatbot funciona
  {% endhint %}

### Sobre a aba "Teste"

Depois de criar o fluxo do chatbot no modo de teste, você verá todos os painéis com informações sobre os blocos à esquerda.

<div data-with-frame="true"><figure><img src="/files/31af736f1df24962a43a05840949af383e49e313" alt=""><figcaption></figcaption></figure></div>

Cada painel no lado esquerdo da tela exibe o número do bloco, seu tipo e seu conteúdo.

<div data-with-frame="true"><figure><img src="/files/d6e4ac46580bbacf7fee31aee9164c8ee83c04a1" alt=""><figcaption></figcaption></figure></div>

Você pode filtrar e exibir blocos por tipo usando o botão "Filtrar" correspondente.

<div data-with-frame="true"><figure><img src="/files/cbfbeacad043e3d6850e358495e7e935e69bfa08" alt="" width="563"><figcaption></figcaption></figure></div>

Para testar a execução de um único bloco do fluxo, você pode selecionar o bloco correspondente clicando nele e depois clicar **"Enviar bloco."**

<div data-with-frame="true"><figure><img src="/files/4d68af0c2417c628859e6f9438c617898b9341d2" alt="" width="563"><figcaption></figcaption></figure></div>

O bloco selecionado será enviado em nome do chatbot na seção central da tela — a janela de teste.

Nessa mesma área, você pode testar todo o fluxo de blocos começando pelo primeiro bloco do diagrama.

{% hint style="info" %}
Você não precisa começar a testar o fluxo do chatbot desde o início: por exemplo, se você adicionou novos blocos ao seu fluxo, pode usar o recurso **"Enviar bloco"** e começar a testar o fluxo a partir do bloco selecionado.
{% endhint %}

No lado direito da tela, você encontrará a visualização do cliente de teste.

<div data-with-frame="true"><figure><img src="/files/6fa19a1183ccb3b2c4ebce8163bc26cc1e316298" alt="" width="375"><figcaption></figcaption></figure></div>

Nessa mesma janela do cliente, estão disponíveis os seguintes recursos:

– Atribuir ou adicionar tags/listas ao cliente;
\
– Adicionar variáveis;
\
– Visualizar as variáveis atribuídas ao cliente por meio da execução do fluxo do chatbot.

Dessa forma, você pode testar totalmente o fluxo do chatbot (ou qualquer parte dele) e visualizar imediatamente o cartão do cliente e seus dados.

### Opções de resposta no bot

Agora vamos adicionar uma pergunta com várias opções de resposta ao nosso fluxo inicial. As opções de resposta são representadas por conectores que saem do bloco. Um conector terá a condição **“Sim,”** e o outro — “Não.”

Para fazer isso, clique no segundo bloco chamado “Chat” e crie dois blocos abaixo dele usando o menu de configurações adicionais.

<div data-with-frame="true"><figure><img src="/files/16a4e3ef7f53b7d7d1e523d725d6c3915d77281f" alt="" width="563"><figcaption></figcaption></figure></div>

**Agora que adicionamos dois blocos ao nosso fluxo, o próximo passo é configurar o gatilho na conexão entre eles.**

**Veja como:**

1. Passe o mouse sobre o conector (seta) que leva ao segundo bloco.
2. No campo de gatilho que aparece, insira a resposta do usuário que deve ativar esse caminho, por exemplo, **"Sim"**.

<div data-with-frame="true"><figure><img src="/files/88f2637e09bf373fea3cc37a4716fd2a897daa8a" alt=""><figcaption></figcaption></figure></div>

Em seguida, não se esqueça de salvar. Depois disso, especifique também a outra opção de resposta nas configurações da segunda seta.

<div data-with-frame="true"><figure><img src="/files/15c5bcb25256597dbf94fbfae56ed2ded86f27d5" alt=""><figcaption></figcaption></figure></div>

No bloco anterior, do qual partem as duas setas com opções de resposta, insira qualquer pergunta.

<div data-with-frame="true"><figure><img src="/files/8918eecb23f3d4fcbc5c00de8a97390ccd212600" alt=""><figcaption></figcaption></figure></div>

Agora, nos **blocos "Chat"** aos quais a conexão com opções de resposta leva, insira a mensagem de resposta do bot.

<div data-with-frame="true"><figure><img src="/files/d236853fc0aba0144c8f772e161ba2143ee16d0d" alt=""><figcaption></figcaption></figure></div>

Agora o fluxo final fica assim:

<div data-with-frame="true"><figure><img src="/files/3ef093a70f3d18e62ff8ff10f8830ebb932d6d2b" alt=""><figcaption></figcaption></figure></div>

#### Veja como esse fluxo funciona:

1. O usuário digita **“Olá”** e entra no bloco verde.
2. Depois, o usuário clica em um botão e passa para o segundo bloco;
3. O usuário digita **“Sim”** ou **“Não”** e prossegue para um dos estados dependendo da resposta.

Mas e se o usuário digitar outra coisa — nem **“Sim”** nem **“Não”**? A conversa não avançará para nenhum dos estados seguintes e permanecerá travada no estado atual. O diálogo vai parar.

## Como criar um loop

Para evitar que o bot fique sem responder quando um usuário envia uma mensagem que não corresponde a nenhum dos gatilhos nos conectores, vamos adicionar um loop.

Para fazer isso, faça um loop na pergunta adicionando uma seta **sem nenhum gatilho** que aponte **de volta para o mesmo bloco**.

{% hint style="info" %}
Bom saber!\
Blocos e conexões **sem gatilhos** têm uma **prioridade menor** do que os **com gatilhos**.
{% endhint %}

Para criar um loop, clique no bloco em que você faz uma pergunta ao cliente. No formulário de configurações que abrir, clique nos três pontos no canto superior direito e, em seguida, selecione **“Criar um loop.”**

<div data-with-frame="true"><figure><img src="/files/5f7b1f024f63f00a9584b9709f31f2281746924e" alt=""><figcaption></figcaption></figure></div>

Isso criará um loop no fluxo.

<div data-with-frame="true"><figure><img src="/files/12c3a011266c40f606ed309a231b0c759023010e" alt=""><figcaption></figcaption></figure></div>

Agora, se o cliente enviar uma mensagem para o bot que seja diferente de **“Sim”** ou **“Não,”** a mensagem do segundo bloco será enviada novamente.

**E se o cliente não responder à mensagem do bot?**

Você pode enviar mensagens de acompanhamento usando um **bloco de temporizador** para lembrar ao cliente que é necessária uma resposta.

Então, quando o usuário entra no bloco com a pergunta *“Você está feliz?”*, e não responde com **“Sim”** ou **“Não”**, queremos enviar uma mensagem como:**“Você não respondeu à pergunta :(”** e então fazer a pergunta novamente.

Para isso, vamos usar um **temporizador.**

## Como criar uma mensagem com temporizador

Vamos criar um novo bloco para o qual a seta do bloco **"Você está feliz?"** levará, e também remover o loop.
&#x20;Para fazer isso, passe o mouse sobre o loop e clique no **ícone de cruz** para excluí-lo.

<div data-with-frame="true"><figure><img src="/files/21503315be68ffcb025f9e36a98b495217507fdc" alt=""><figcaption></figcaption></figure></div>

Agora, vá para as configurações da seta que leva do bloco da pergunta para o novo bloco.

<div data-with-frame="true"><figure><img src="/files/c44be1f8ca5d531b5aa51a4074b21c8ac4ab4b76" alt=""><figcaption></figcaption></figure></div>

Nas configurações da seta, há um painel chamado **“Atraso antes da resposta”** — esse é um temporizador que define a quantidade de tempo após a qual o fluxo avançará automaticamente para o próximo bloco.

<div data-with-frame="true"><figure><img src="/files/fc1bba2e68498cda46ac7051ee4e013725e8a651" alt=""><figcaption></figcaption></figure></div>

Você também deve ativar a caixa de seleção **“Cancelar se sair do bloco”** para que a mensagem não seja enviada caso o cliente responda à pergunta.

<div data-with-frame="true"><figure><img src="/files/8b6f546164bfe8746b97eb66ba7fc56c9d120051" alt="" width="563"><figcaption></figcaption></figure></div>

Agora, vamos inserir a mensagem no novo bloco:

<div data-with-frame="true"><figure><img src="/files/1d8894605fd14f69942eb3668411aa38fbef3bce" alt=""><figcaption></figcaption></figure></div>

E, a partir do novo bloco, desenhe uma conexão de volta para o bloco da pergunta.

Para fazer isso, passe o mouse sobre o bloco — você verá um ponto aparecer que permite criar uma conexão:

<div data-with-frame="true"><figure><img src="/files/3ac5562e3148fabf1356ba516b1fb57c02598985" alt=""><figcaption></figcaption></figure></div>

Etapa 1. Clique no botão e arraste o conector até o bloco com a pergunta.

Etapa 2. Os dois conectores vão se sobrepor, então você precisará arrastar um deles para cima.
\
Para fazer isso, passe o mouse sobre os conectores e procure a alça alongada — use-a para ajustar a curva e separar a conexão.

Etapa 3. Em seguida, clique e segure o conector e arraste-o para cima.

Agora vá para as configurações da seta recém-criada e defina um **temporizador de 1 segundo**, para que o cliente seja redirecionado de volta ao bloco da pergunta.

O fluxo final fica assim:

<div data-with-frame="true"><figure><img src="/files/63d583ba7983f0d4cd38ac734e291747b7b0c973" alt=""><figcaption></figcaption></figure></div>

{% hint style="success" %}
Você criou com sucesso seu primeiro chatbot — completo com botões, conectores, opções de resposta, loops e setas de redirecionamento com tempo!
{% endhint %}

## **Como adicionar etapas do funil (listas)**

Usando etapas do funil (listas), você pode organizar seu bot da forma mais conveniente para você. Ainda é um grande espaço de trabalho onde todas as ramificações do bot estão localizadas, mas visualmente ele é dividido em páginas separadas. O bot continua operando como um único fluxo.

Quando as cadeias de fluxo são quebradas entre listas, **blocos de ligação** são criados automaticamente.

Para adicionar uma nova lista, clique no **ícone de mais** no canto inferior direito da área de trabalho e insira o nome da nova lista.

<div data-with-frame="true"><figure><img src="/files/8874f397125b1230a4cc13f9ba1aea04587bda9f" alt=""><figcaption></figcaption></figure></div>

Para continuar o fluxo atual em uma nova lista, clique em um bloco ou selecione vários blocos e, em seguida, clique na seta↪️ com a dica **“Clique para mover os itens selecionados para outra lista.”**

Quando o aviso sobre mover blocos aparecer, escolha a lista desejada no menu suspenso na parte inferior, perto do ícone de mais.

<div data-with-frame="true"><figure><img src="/files/e92ee6ea70817ae1f0d57196e1154cc501e1d3fc" alt=""><figcaption></figcaption></figure></div>

Na janela que abrir, você verá instruções sobre o que precisa ser feito para concluir a transferência.

## Como conectar mensageiros

Após os testes, você pode conectar o fluxo aos mensageiros. Para fazer isso, vá para a **Mensageiros** seção no menu principal.

<div data-with-frame="true"><figure><img src="/files/d63d8514327f1153cb0393b0e84b494870264124" alt=""><figcaption></figcaption></figure></div>

Em seguida, você precisa clicar no botão do mensageiro desejado.

{% hint style="success" %}
Leia como conectar bots em diferentes mensageiros no **“**[**Mensageiros**](/doc/pt/chatbot/mensageiros.md)**”** artigo.
{% endhint %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.mavibot.ai/doc/pt/chatbot/builder/funnel.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.