Hoje você vai construir dois Chatbots — e nenhum deles usa IA

No último artigo, mostramos que chatbot e Agente de IA não são a mesma coisa.

Vamos para a prática.

Hoje você vai montar o mesmo atendimento em duas ferramentas: primeiro no ManyChat e depois no Typebot.

Sem prompt.
Sem LLM.
Sem agente.
Sem escrever código.

Ao terminar, o seu chatbot terá este fluxo:

Cliente envia: menu
        ↓
Como podemos ajudar?
├── Ver produtos → solicita o e-mail
├── Ver horários → informa o horário
└── Atendimento → orienta como falar com a equipe

Um chatbot puro não adivinha o que fazer. Ele segue caminhos definidos por você.

Parte 1 — Construindo no ManyChat

Neste exemplo, vamos usar o Instagram. Antes de começar, você precisa de uma conta profissional do Instagram conectada corretamente ao ecossistema da Meta.

1. Crie a conta e conecte o canal

1. Acesse manychat.com.
2. Clique para começar gratuitamente.
3. Entre com a conta que administra o Instagram da empresa.
4. Autorize as permissões solicitadas.
5. Confirme se o Instagram aparece como canal conectado.

Sem um canal conectado, o fluxo até pode ser desenhado, mas não terá onde conversar com o cliente.

2. Crie uma automação vazia

1. No menu lateral, entre em Automation.
2. Clique em New Automation.
3. Escolha começar do zero.
4. Dê o nome Atendimento inicial.

Você será levado ao construtor visual. O primeiro elemento é o ponto de partida da conversa.

3. Configure a palavra que inicia o chatbot

1. No Starting Step, clique em New Trigger.
2. Selecione o gatilho User sends a message.
3. Escolha o canal Instagram.
4. Cadastre a palavra menu.
5. Salve e deixe o gatilho ativado.

A partir de agora, quando alguém enviar menu no direct, o ManyChat iniciará esse fluxo.

Confira o canal com atenção: um gatilho configurado para Facebook não dispara uma mensagem criada para Instagram.

4. Escreva a mensagem de abertura

1. Depois do gatilho, adicione um bloco Message do Instagram.
2. No bloco de texto, escreva:

Olá! Como podemos ajudar?

1. Clique em Add Button e crie três botões:
2. • Ver produtos
   • Ver horários
   • Atendimento

O ManyChat permite até três botões em um bloco de texto desses canais. Por isso, não tente colocar dez departamentos no primeiro menu.

5. Construa o caminho “Ver produtos”

1. No botão Ver produtos, escolha continuar para um novo passo.
2. Adicione outro bloco Message.
3. Escreva:

Temos soluções para organizar processos, automatizar tarefas e integrar sistemas. Para receber mais informações, informe seu e-mail.

1. Dentro dessa etapa, adicione um bloco de Data Collection.
2. Selecione o tipo de resposta Email.
3. Em Save response, salve no campo de e-mail do contato ou crie um campo de usuário chamado email_interesse.
4. Depois da coleta, conecte uma nova mensagem:

Obrigado! Recebemos seu e-mail e nossa equipe poderá continuar o atendimento.

Agora esse caminho não apenas responde: ele também coleta e armazena uma informação.

6. Construa o caminho “Ver horários”

1. Volte à primeira mensagem.
2. No botão Ver horários, crie um novo bloco Message.
3. Escreva:

Nosso horário de atendimento é de segunda a sexta, das 8h às 18h.

Esse caminho termina aqui. Para uma pergunta previsível, uma resposta simples resolve.

7. Construa o caminho “Atendimento”

1. Volte ao botão Atendimento.
2. Conecte-o a outro bloco Message.
3. Escreva:

Certo. Escreva sua dúvida nesta conversa para que nossa equipe possa continuar o atendimento.

Em um sistema real, esse ponto também precisa entrar na fila de uma pessoa. Por enquanto, o objetivo é entender o desenho da conversa — não fingir que existe uma integração que ainda não construímos.

8. Teste antes de publicar

1. Clique em Preview.
2. Passe pelos três botões.
3. No caminho de produtos, teste primeiro um e-mail inválido e depois um válido.
4. Confira se o e-mail foi armazenado no contato.
5. Ative ou publique a automação.
6. Abra o Instagram com outra conta e envie menu no direct.

Se os três caminhos responderem e o e-mail aparecer no contato, o seu primeiro chatbot está funcionando.

Parte 2 — Reconstruindo no Typebot

Agora vamos criar a mesma conversa no Typebot. Aqui usaremos a versão em nuvem para não transformar este exercício em uma aula de servidor.

1. Crie o projeto

1. Acesse typebot.io e crie uma conta.
2. Clique em Create a typebot.
3. Escolha começar do zero.
4. Nomeie o projeto como Atendimento inicial.

No Typebot, a conversa é construída ligando blocos em uma tela livre. Você verá o fluxo inteiro, como um diagrama.

2. Crie e use a variável do nome

1. Clique em Variables, no canto superior do editor.
2. Crie uma variável chamada Nome.
3. No grupo inicial, adicione um bloco Text e escreva:

Olá! Antes de começarmos, qual é o seu nome?

1. Logo abaixo, adicione um bloco de entrada Text input.
2. Em Save answer, selecione a variável Nome.
3. Adicione outro bloco Text:

Prazer, {{Nome}}! Como podemos ajudar?

Execute uma prévia. Se você digitar “João”, a próxima mensagem precisa mostrar “Prazer, João!”.

3. Crie o menu

1. Depois da saudação, adicione um bloco de entrada Buttons.
2. Configure como escolha única.
3. Crie três itens:
4. • Ver produtos
   • Ver horários
   • Atendimento

Cada item possui uma saída própria. É isso que permite separar visualmente os três caminhos.

4. Construa o caminho “Ver produtos”

1. Arraste a saída de Ver produtos para um novo grupo.
2. Adicione um bloco Text com a mesma apresentação dos produtos usada no ManyChat.
3. Crie uma variável chamada Email.
4. Adicione um bloco de entrada Email input.
5. Em Save answer, selecione Email.
6. Adicione a confirmação:

Obrigado, {{Nome}}! Registramos o e-mail {{Email}}.

O campo específico de e-mail valida o formato antes de deixar a conversa avançar.

5. Construa os outros caminhos

Na saída Ver horários, conecte um bloco Text com:

Nosso horário de atendimento é de segunda a sexta, das 8h às 18h.

Na saída Atendimento, conecte:

Certo, {{Nome}}. Escreva sua dúvida para nossa equipe.

Depois, adicione um Text input, crie a variável Duvida e salve a resposta nela.

Pronto: agora o Typebot conhece o nome, o e-mail e a dúvida informados pelo usuário — mas ainda não enviou esses dados para lugar nenhum.

6. Teste todos os caminhos

1. Abra o modo de teste.
2. Informe um nome e confirme se ele aparece na mensagem seguinte.
3. Percorra o caminho de produtos e tente avançar com um e-mail inválido.
4. Reinicie o teste e percorra horários.
5. Reinicie novamente e percorra atendimento.
6. Verifique os resultados da conversa e as variáveis coletadas.

Não teste apenas o caminho que você espera que o cliente siga. Teste cada saída.

7. Publique

1. Clique em Publish.
2. Abra o endereço público gerado.
3. Faça um último teste fora do editor.
4. Se quiser colocá-lo no site, use as opções de compartilhamento e incorporação fornecidas pela plataforma.

Você acabou de construir o mesmo chatbot duas vezes.

No ManyChat, ele conversa dentro de um canal já conectado, como o Instagram. No Typebot, ele funciona como uma experiência conversacional que pode ser compartilhada ou incorporada ao site.

Ainda não usamos IA.
Ainda não criamos automação externa.
Ainda não construímos um agente.

E isso é proposital.

O chatbot já consegue guiar o usuário, validar um e-mail, armazenar respostas e separar caminhos sem precisar “pensar”.

No próximo post, vamos desmontar esse fluxo e mostrar os erros que parecem pequenos no editor, mas viram abandono, loops e clientes presos quando o chatbot encontra o mundo real.

Até lá.