Como colocar chat com IA no site: widget, iframe e integrações

Resposta curta

Existem quatro formas de colocar chat com IA no site: widget flutuante (um script que abre o balão no canto da tela), iframe (o chat embutido numa área da página), link compartilhável (uma página de conversa que pode ir em e-mail, QR code ou bio) e chat dentro do app ou da área logada. A instalação costuma levar minutos. O que decide se o chat resolve é o que vem depois: a IA precisa saber quem é o cliente, consultar os sistemas da empresa, passar para um atendente humano com o histórico e registrar tudo no mesmo lugar que as conversas do WhatsApp. Nenhuma dessas mensagens paga tarifa à Meta.

Por que o chat no site voltou à conta

Até setembro de 2026, responder no WhatsApp dentro da janela de 24 horas era de graça, e muitas empresas trocaram o chat do site por um botão "Fale no WhatsApp". A partir de 1º de outubro, cada resposta no WhatsApp custa R$ 0,035 depois das 1.000 gratuitas do mês por número (detalhes da nova cobrança).

O visitante que está no site, com a dúvida na frente dele, pode ser atendido ali mesmo. Mandá-lo para o WhatsApp transforma uma conversa gratuita em uma conversa cobrada, e ainda tira a pessoa da página em que ela estava decidindo.

As quatro formas de instalar

Forma	Como funciona	Quando usar
Widget flutuante	Um script no site abre um balão no canto de todas as páginas	Site institucional, e-commerce, landing pages
Iframe	O chat aparece embutido numa área fixa de uma página	Página de suporte, central de ajuda, página de contato
Link compartilhável	Uma página própria de conversa, acessada por link ou QR code	E-mail, bio de rede social, material impresso, assinatura
Chat no app ou na área logada	O chat roda dentro do produto, com o cliente já identificado	Software, portal do cliente, aplicativo

Widget flutuante

É a forma mais comum. O site recebe uma linha de código, e o balão aparece em todas as páginas em que o script foi colocado. Dá para configurar em quais páginas ele aparece, se abre sozinho depois de alguns segundos e qual mensagem mostra em cada página: na página de preços, a pergunta de abertura pode ser sobre planos; na de produto, sobre prazo de entrega.

Iframe

O chat ocupa uma área definida da página, sem balão. Funciona bem numa página de "Fale conosco" ou numa central de ajuda, em que o chat é o conteúdo principal e não um complemento.

Link compartilhável

Uma página só de conversa, sem precisar de site. Serve para levar o atendimento a lugares onde não há como instalar código: e-mail de cobrança, QR code no balcão, bio do Instagram, assinatura de e-mail.

Chat no app ou na área logada

É onde o chat rende mais. O cliente já está identificado, então a IA não precisa pedir CPF nem número do pedido. Ela já sabe quem é, o que a pessoa comprou e em que tela ela está.

O que o chat precisa saber

A instalação é a parte fácil. A diferença entre um chat que resolve e um que só coleta nome e telefone está em quatro pontos:

Quem é o cliente. Na área logada, o site passa a identificação para o chat. No site aberto, a IA pergunta o mínimo necessário e reconhece o cliente se ele já conversou antes, por e-mail ou telefone.
O que a empresa sabe sobre ele. A IA consulta pedido, boleto, agenda ou CRM para responder com o dado real, e não com uma resposta genérica.
Onde a conversa está. A página de origem, a campanha que trouxe o visitante e o que ele já perguntou entram no contexto.
Quando parar. A IA passa para um atendente humano quando o cliente pede, quando o assunto é sensível ou quando ela não tem segurança na resposta. Veja quando o chatbot deve transferir para um atendente humano.

Integrações que fazem diferença

Integração	Para que serve
CRM	Criar o lead com as respostas da qualificação e a origem da campanha, sem digitação
Agenda	Marcar consulta, reunião ou visita durante a conversa
Sistema de pedidos ou cobrança	Consultar status, emitir segunda via
WhatsApp e Telegram	Continuar a conversa em outro canal, com o mesmo histórico
Alerta para a equipe	Avisar o atendente quando um lead qualificado ou um caso urgente chega
Analytics	Medir quantas conversas viraram lead, agendamento ou venda

O ponto central é o histórico único. Se o cliente começa no chat do site e volta dois dias depois pelo WhatsApp, o atendente precisa ver as duas conversas juntas. Sem isso, a empresa economiza tarifa e perde contexto.

Cuidados na instalação

Velocidade da página. O script do chat deve carregar depois do conteúdo principal, para não atrasar o site nem prejudicar o SEO.
Celular. A maior parte do tráfego vem do celular. O balão não pode cobrir o botão de compra nem ocupar a tela inteira ao abrir.
LGPD. O aviso de privacidade e o consentimento, quando necessários, aparecem na primeira mensagem do chat, com link para a política da empresa.
Horário de atendimento. Fora do horário, a IA continua atendendo o que consegue resolver e avisa quando um humano vai assumir o resto.
Medição. Cada conversa iniciada, lead qualificado e agendamento deve virar um evento no analytics, para comparar o chat com os outros canais.

O que muda no Brasil

O consumidor brasileiro se acostumou a resolver tudo pelo WhatsApp, e o chat no site precisa ser tão rápido e informal quanto ele. Chat que demora para responder ou que abre um formulário de cinco campos antes da primeira mensagem perde para o botão do WhatsApp. Com IA respondendo em segundos, no tom da marca, o chat do site passa a disputar de igual para igual.

Para setores regulados, há um ponto a mais: o registro. Operadoras de saúde, bancos e empresas sujeitas ao Decreto do SAC precisam guardar o histórico de atendimento em qualquer canal. Uma conversa no chat do site vale tanto quanto uma no WhatsApp e precisa do mesmo protocolo e da mesma rastreabilidade. Tratamos disso em protocolo integrado multicanal.

Perguntas frequentes

Preciso de programador para instalar o chat no site? Para o widget e o iframe, basta colar uma linha de código no site ou usar o gerenciador de tags. Para identificar o cliente logado, alguém do time técnico precisa passar os dados do usuário para o chat.

Chat no site paga tarifa por mensagem como o WhatsApp? Não. A tarifa por mensagem é da Meta e vale só para o WhatsApp. No chat do site, o custo é o da plataforma e o da IA.

O chat do site substitui o botão do WhatsApp? Os dois podem conviver. O chat atende quem está no site agora, e o WhatsApp continua disponível para quem prefere ou para quem já saiu da página.

Dá para usar o mesmo atendimento no site e no WhatsApp? Sim, desde que a plataforma use a mesma IA, as mesmas regras e um histórico único por cliente nos dois canais.

Para continuar

O BRIGGS Agent coloca chat com IA no seu site e no seu app com uma linha de código, por widget, iframe ou link. A IA consulta agenda e CRM, qualifica o lead, passa para o atendente humano com o histórico e junta no mesmo inbox as conversas do site, do WhatsApp e do Telegram. Conheça o BRIGGS Agent.