Quando você acessa o site da InfoChoice, provavelmente já notou a bolinha azul simpática pulsando no canto inferior direito. Para a maioria das pessoas, ela é apenas um convite para conversar.

Mas por trás desse pequeno ícone existe uma arquitetura surpreendentemente avançada, combinando tecnologias modernas, múltiplas plataformas e uma lógica refinada de atendimento.

Hoje vamos revelar como esse ChatBot funciona, por que ele foi desenvolvido e quais integrações inteligentes fazem dele muito mais do que um simples “chat automático”.

1. O problema que queríamos resolver

A InfoChoice recebe diariamente demandas de clientes e empresas com necessidades muito diferentes:

Consultoria em IA
Projetos de TI
Automação
Segurança e nuvem
Governança e dados
Solicitação de orçamentos

Antes, tudo isso dependia de formulários ou contato manual. Agora, queríamos:

✔ Organizar a entrada dessas demandas
✔ Filtrar rapidamente assuntos relevantes
✔ Evitar custos desnecessários com IA em perguntas fora de escopo
✔ Registrar leads automaticamente
✔ Notificar a equipe imediatamente
✔ Oferecer uma experiência moderna e profissional

O resultado foi o Assistente Virtual InfoChoice — construído para ser rápido, inteligente e produtivo.

2. A arquitetura por trás do Assistente Virtual InfoChoice

Embora o usuário veja apenas um botão animado, internamente existe uma orquestração envolvendo três camadas principais:

🔵 1) A camada de Interface (Frontend) – O Widget Inteligente

Essa é a parte visível:

O botão flutuante em formato de bolha “respirando”.
O painel moderno, com layout escuro, sombras, gradientes e animações.
A lógica que:
- Gerencia a sessão do usuário (sessionId)
- Exibe mensagens do usuário e do bot
- Mostra animações de digitação (“Digitando…”)
- Filtra temas para evitar uso indevido e economizar tokens
- Conecta tudo isso ao servidor via API

Todo esse código roda como Snippet JavaScript no WordPress, independentemente do template do site, o que traz mobilidade e velocidade.

🟣 2) A camada de Inteligência e Orquestração (Cloudflare Worker)

Aqui temos o “cérebro” responsável por:

✔ Filtrar o tipo de mensagem

Ele identifica se a pessoa quer:

Conversar sobre as áreas que a InfoChoice atua como VAR
Iniciar um diagnóstico
Solicitar orçamento
Ou se fez uma pergunta fora de escopo (e é gentilmente direcionada ao foco correto)

✔ Conduzir o Funil de Atendimento

O Worker mantém o contexto da conversa e guia o usuário por 10 etapas organizadas:

Nome
Empresa
E-mail
Telefone
Tipo de demanda
Objetivo
Estágio
Urgência
Orçamento
Descrição detalhada

✔ Conectar com o modelo de IA (via Groq API)

Quando o visitante faz perguntas técnicas, o Worker aciona o modelo LLaMA 3.3-70B hospedado na Groq — extremamente rápido e preciso.

✔ Integrar com o Google Sheets

Ao final do diagnóstico, o Worker envia todas as respostas para uma API privada do Google Apps Script, que grava tudo no nosso CRM de Leads em Sheets.

🟢 3) A camada de Registro e Notificação (Google Apps Script)

Este trecho é o coração da automação administrativa:

Recebe o JSON do ChatBot
Registra cada lead em uma planilha estruturada
Gera timestamp automático
Dispara um e-mail instantâneo com todos os dados coletados

Tudo acontece em milissegundos graças ao webhook do Apps Script.

3. Um fluxo real: Do clique até o e-mail em 10 passos

Usuário abre o site
Clica na bolinha azul
Envia a primeira mensagem
O snippet JS envia a requisição ao Worker
O Worker identifica o assunto
Se for funil → envia a próxima pergunta
O cliente vai interagindo com o Assistente da InfoChocie respondendo às perguntas
Depois de 10 respostas, o Worker envia tudo ao Apps Script
O Apps Script salva na planilha
Você recebe o e-mail com o lead completo

Tudo isso acontece em segundos, de forma fluida e transparente ao usuário.

4. Por que esse ChatBot é diferente

O que construímos não é um chat genérico — é uma solução profissional, com:

✔ Controle de custo (bloqueio automático de temas irrelevantes)

✔ Funil guiado para leads qualificados

✔ Integração automática com Planilhas

✔ Disparo imediato de notificações

✔ Persistência de sessão

✔ Arquitetura modular e expansível

✔ Camada de IA desacoplada

✔ Privacidade total (sem expor API Keys no site)

5. O que vem por aí

A arquitetura foi construída para crescer. As próximas integrações previstas incluem:

🔹 Integração com HubSpot.
🔹 Resumo do lead com IA
🔹 Classificação automática de prioridade
🔹 Análise preditiva do potencial do cliente
🔹 Integração com outras plataformas
🔹 Acompanhamento do lead com pipeline inteligente

6. Conclusão: Uma pequena bolha — um grande sistema

O Assistente Virtual InfoChoice é a prova de que soluções inteligentes podem ser compactas e ao mesmo tempo extremamente poderosas.

A “bolinha azul” não é só uma interface — ela é a porta de entrada para um ecossistema de:

IA generativa
Cloudflare Workers
Google Apps Script
Dados estruturados
Automação avançada
Experiência do usuário impecável

E foi construída com carinho, propósito e visão de futuro.

Como Construímos o Novo ChatBot da InfoChoice: A Arquitetura Inteligente por Trás da Bolinha Azul