Chatbot de IA no WhatsApp integrado ao WebChat: o guia completo
Olá! Aqui é a Sensei da GeHost. Hoje vamos falar de um projetinho bem moderno: colocar um chatbot com inteligência artificial conversando com seus clientes tanto pelo WhatsApp quanto pelo WebChat do seu site — os dois puxando o mesmo "cérebro", de forma que o atendimento fique consistente em qualquer canal. Vou te guiar com calma, passo a passo, sem juridiquês.
Antes de mais nada: este é um projeto de desenvolvimento (envolve API, webhook, um serviço rodando o tempo todo e integração com um provedor de IA). Não é algo que se "liga" com um clique — mas com organização, dá pra fazer com tranquilidade.
O que é isso, na prática?
É um sistema que recebe mensagens — de um número de WhatsApp e/ou de uma janelinha de chat no seu site (o WebChat) — manda o texto pra um modelo de IA responder, e devolve a resposta pro cliente no mesmo canal em que ele escreveu. Como as duas pontas conversam com o mesmo motor de IA, o cliente pode começar a conversa no site e continuar no WhatsApp (ou vice-versa) sem perder o contexto.
O que você precisa ter em mãos antes de começar
- Um número de telefone dedicado para o WhatsApp Business (não pode ser o mesmo já cadastrado no app comum de WhatsApp).
- Uma conta empresarial verificada na plataforma oficial de negócios do WhatsApp (Meta), ou um provedor autorizado (BSP) que ofereça a API oficial.
- Um ambiente de servidor onde seu sistema (o "cérebro" do chatbot) vai ficar rodando o tempo todo.
- Uma chave de acesso (API key) do provedor de IA que você escolher usar como motor de respostas.
- Um domínio com certificado SSL válido — é obrigatório para receber os webhooks do WhatsApp com segurança.
Passo 1: Escolha o ambiente certo para rodar o chatbot
Esse é o ponto mais importante do projeto, então vamos com calma aqui.
Hospedagem compartilhada (cPanel)
Os planos de hospedagem da GeHost (Econômico, Básico, Médio e Plus) são ótimos para hospedar o seu site — inclusive a parte visual do WebChat, que é só um trecho de código (widget) inserido nas páginas. Mas eles não foram feitos para manter um serviço de backend rodando 24 horas, processando webhooks e chamando APIs de IA em tempo real.
VPS (servidor próprio)
Para a parte de "inteligência" do chatbot — o serviço que recebe a mensagem, conversa com a IA e devolve a resposta — o ideal é um ambiente com acesso root/SSH, onde você pode instalar e manter rodando ferramentas como Node.js, Docker, bancos de dados e conexões via API. A GeHost tem uma linha própria de VPS pra isso (as linhas VPS START/BUSINESS e VPS PRO / AI READY, com CPU, RAM e NVMe dedicados), que é exatamente o tipo de ambiente pensado pra esse tipo de projeto. Recomendo consultar o catálogo de planos VPS no painel para ver o que se encaixa no seu caso.
Dica da Sensei: pense assim — o site (com o WebChat visual) pode continuar na sua hospedagem de sempre; o "motor" do chatbot (que fala com o WhatsApp e com a IA) é que precisa de um VPS.
Passo 2: Configure o acesso oficial ao WhatsApp
- Verifique sua empresa na plataforma de negócios do WhatsApp (ou escolha um provedor autorizado da API oficial).
- Cadastre o número de telefone dedicado que vai representar seu atendimento.
- Gere as credenciais de acesso (token de API) — guarde-as com segurança, nunca as compartilhe ou publique em código visível.
- Configure a URL do seu servidor (o webhook) para onde o WhatsApp vai enviar as mensagens recebidas.
Passo 3: Conecte o motor de IA — o "cérebro" do chatbot
É aqui que a mágica acontece. No seu servidor (o VPS), você vai programar um serviço que:
- Recebe a mensagem que chegou (do WhatsApp ou do WebChat);
- Envia esse texto para o provedor de IA que você escolheu, junto com instruções sobre como ele deve responder (tom, informações do seu negócio, o que pode ou não dizer);
- Recebe a resposta gerada e devolve pro cliente no mesmo canal.
Dica da Sensei: monte uma "base de conhecimento" simples com as perguntas mais comuns dos seus clientes (horário, produtos, preços, formas de contato) e alimente a IA com isso. Um chatbot bem "abastecido" de informação certa responde muito melhor do que um genérico.
Passo 4: Configure o webhook com segurança
O webhook é o "telefone" que o WhatsApp usa para chamar seu servidor sempre que chega uma mensagem nova. Para funcionar, ele precisa estar em uma URL com HTTPS (certificado SSL válido) — sem isso, o WhatsApp não entrega as mensagens.
Se o seu domínio já está apontado para a GeHost, você pode emitir e instalar o certificado SSL diretamente pelo cPanel:
Passo 5: Coloque o widget de WebChat no seu site
O WebChat costuma ser apenas um pequeno trecho de código (widget) que você cola nas páginas do seu site — normalmente antes do fechamento da tag </body>. Esse widget é a "janelinha" de conversa visível para quem visita o site, e ele se comunica com o mesmo motor de IA do Passo 3.
Para inserir esse código nos arquivos do seu site hospedado na GeHost, você pode usar o Gerenciador de Arquivos do cPanel:
- Acesse o cPanel e abra o Gerenciador de Arquivos;
- Navegue até a pasta public_html (ou a subpasta do site que você quer editar);
- Edite o arquivo HTML da página e cole o código do widget antes do
</body>; - Salve e teste abrindo o site pelo navegador.
Passo 6: Unifique as conversas dos dois canais
Para que o WhatsApp e o WebChat "conversem com a mesma pessoa", o ideal é que ambos os canais chamem o mesmo serviço de IA (o do Passo 3), passando junto uma identificação do cliente (por exemplo, o número de telefone ou um identificador de sessão do site). Assim, o histórico e o contexto da conversa podem ser mantidos, e o tom de resposta fica igual nos dois lugares.
Passo 7: Teste tudo antes de liberar para os clientes
- Envie mensagens de teste pelo WhatsApp e confira se a resposta da IA chega certinha;
- Abra o WebChat no site em uma aba anônima e teste uma conversa do zero;
- Teste perguntas fora do escopo — veja se o chatbot sabe dizer "não sei" e direcionar para um atendente humano, em vez de inventar respostas;
- Confira se o certificado SSL está válido e sem avisos no navegador.
Dica da Sensei: sempre deixe um caminho de escape para um humano assumir a conversa. Chatbot de IA é ótimo para agilizar o primeiro atendimento, mas casos mais delicados merecem uma pessoa de verdade.
Precisa de ajuda?
Se você não tem certeza se sua aplicação precisa de uma hospedagem compartilhada, de um VPS, ou dos dois trabalhando juntos, dá uma olhada nos planos disponíveis no painel.gehost.com.br ou fale com o nosso suporte — você tem 30 dias de suporte grátis após a entrega do seu serviço para tirar essas dúvidas com a gente.