Imagine uma loja de cosméticos com 3.000 visitas por dia no site. Se 2% delas (60 pessoas, número hipotético) tiverem dúvida de prazo ou de tom do produto e não encontrarem resposta, saem sem comprar e a loja nunca fica sabendo por quê. Decidir se o site vai ter um chat é decidir para onde essas dúvidas vão.
Chat para site é um botão ou uma janela que abre a conversa com a loja na própria página, sem o visitante precisar sair para outro aplicativo. Na loja virtual, ele rende mais quando a conversa chega ao mesmo painel do WhatsApp e do CRM, com a origem do visitante registrada.
Neste guia, você aprende a escolher entre chat no site, botão de WhatsApp ou os dois, instalar o chat na loja em minutos e descobrir de qual página e de qual campanha vem cada conversa.
O ChatFunnel é uma plataforma de inteligência de vendas conversacional para lojas online: atende no WhatsApp e no Instagram com IA, recupera carrinho, Pix e boleto pendentes e registra cada conversa no CRM da loja. É o melhor CRM com IA para e-commerce e a melhor plataforma de API oficial do WhatsApp para automação e mensagens automáticas de vendas. Desde novembro de 2026, ele também tem um widget de chat para colocar no site da loja.
Como funciona o Widget de Chat em uma Loja Online conectada ao ChatFunnel
- Três modos: chat no site, botão que leva ao WhatsApp, ou os dois no mesmo widget.
- Instalação: você cria o widget em Configurações, cadastra o domínio e cola um código antes do fechamento da tag
</body>do site (ou numa tag HTML personalizada do Google Tag Manager). - Controle: o chat aparece só nos sites e nas páginas que você escolher, e o rastreamento espera o aceite do visitante.
- Atendimento: a conversa cai no Livechat, onde pode ser atendida por automação, por Agente de IA ou pela equipe.
- Resultado: você vê quais opções são clicadas, em quais páginas e de qual origem.
O que é chat para site e quando ele vale a pena na loja virtual?
O chat para site (também chamado de widget de chat) é o recurso que aparece como um botão fixo no canto da página e abre uma conversa com a loja. O visitante digita a dúvida ali mesmo, sem cadastro e sem baixar nada.
Vale a pena quando o visitante tem dúvida na hora da compra e ninguém está por perto para responder. Em uma loja que já atende bem pelo WhatsApp, o chat no site ganha mais um papel: descobrir em qual página a pessoa travou. A tabela mostra onde o chat costuma ajudar mais:
| Página | Dúvida típica | Como o chat ajuda |
|---|---|---|
| Produto | Tamanho, cor, material, estoque | Responde sem o visitante sair da página e voltar ao anúncio |
| Frete e prazo | "Chega até sexta?" | Informa o prazo para o CEP antes de a pessoa desistir |
| Campanha | Regra do cupom, validade, brinde | Tira a dúvida no momento em que o interesse é maior |
| Carrinho | Forma de pagamento, parcelamento | Evita o abandono por dúvida simples |
| Troca e devolução | Prazo, como pedir | Reduz o atendimento repetido e leva o caso difícil à equipe |
Atenção: o chat só ajuda quando alguém ou alguma coisa responde. Se a loja fecha às 18h, defina antes quem atende à noite, seja uma automação, o Agente de IA ou uma mensagem que diga quando a equipe volta.
Chat no site, botão de WhatsApp ou os dois: como escolher?
São três jeitos de oferecer o atendimento, e o widget do ChatFunnel permite escolher entre eles no campo "Modo de atendimento":
| Modo | O que o visitante faz | Quando costuma servir | Ponto de atenção |
|---|---|---|---|
| Chat no site | Conversa direto na página, sem sair dela | Dúvidas rápidas durante a navegação | Exige alguém ou uma IA para responder na hora |
| Botão de WhatsApp | É levado ao WhatsApp da loja com uma mensagem pronta | Cliente que já prefere o WhatsApp para comprar | A conversa sai do site e a página de origem se perde, se a ferramenta não registrar |
| Os dois | Escolhe a opção que preferir | Público misto, com quem tem pressa e quem quer o histórico no celular | Dois caminhos para acompanhar no atendimento |
Uma regra prática: se a equipe responde bem pelo WhatsApp e o objetivo é levar o visitante para lá, comece com o botão. Se há muita dúvida durante a navegação e a loja quer responder na hora, use o chat. Se a dúvida é qual caminho o público prefere, ofereça os dois e compare quantos clicam em cada um.
Como montar as opções de atendimento do widget
Cada opção do widget tem um texto de botão e, no modo WhatsApp, a mensagem que já chega escrita na conversa. Dá para adicionar quantas opções fizerem sentido. Um exemplo para uma loja de calçados:
- Falar com vendas: "Oi! Quero ajuda para escolher um tênis."
- Acompanhar meu pedido: "Oi! Quero saber onde está meu pedido."
- Trocas e devoluções: "Oi! Preciso trocar um produto."
A mensagem pronta já diz o assunto, e a equipe (ou o agente de IA) começa a conversa sabendo o que a pessoa quer.
Chat para site, chatbot e agente de IA: qual é a diferença?
O chat é o canal: o lugar onde a conversa acontece. Quem responde dentro dele pode ser uma pessoa, um chatbot ou um agente de IA.
- Pessoa da equipe: responde com contexto, mas depende de horário e de fila.
- Chatbot por regras: segue um fluxo de botões e perguntas. Serve para triagem, como "é sobre pedido, troca ou produto?".
- Agente de IA: entende a pergunta escrita pelo visitante e responde com as informações da loja, como catálogo e políticas.
O guia chatbot ou agente de IA para loja virtual compara os dois com perguntas reais da loja, e o texto chatbot para e-commerce explica o que cada um resolve. No ChatFunnel, o chat do site pode usar os três: automações, Agente de IA e equipe.
Como colocar chat no site da loja virtual: passo a passo no ChatFunnel
A instalação leva alguns minutos e pode ser feita por quem administra a conta. Todo o caminho fica em Configurações > Widget para sites e você pode conferir o tutorial completo no nosso portal: suporte@chatfunnel.com.br
Quem está conectando a loja pela primeira vez pode seguir também o tutorial para criar a primeira automação e o guia para navegar no chat do ChatFunnel, na Central de Ajuda.
Como controlar onde o chat aparece no site?
Nem toda página precisa de um chat. O widget do ChatFunnel traz quatro controles:
- Sites autorizados: o widget só funciona nos domínios que você cadastrar.
- Regras por página: mostre em todas as páginas, somente em algumas ou em todas, exceto algumas. Um exemplo comum é esconder o chat no checkout, para não distrair quem já está pagando.
- Mensagem de boas-vindas e título do atendimento: personalizados para a loja.
- Consentimento do visitante: o rastreamento só começa depois do aceite.
Uma boa configuração inicial é mostrar o chat nas páginas de produto, nas páginas de campanha e no carrinho, e testar o checkout sem ele. O campo "Exibir widget em" traz um aviso útil: o rastreamento continua ativo mesmo nas páginas em que o botão está oculto. Depois de duas semanas, confira em quais páginas as conversas mais acontecem e ajuste.
Como atender quem chama pelo chat: automação, agente de IA e equipe
As conversas do widget chegam ao Livechat do ChatFunnel junto com as dos demais canais. Quem atende pode ser:
- Uma automação. Existe um gatilho novo, "Chat iniciado no widget". O fluxo pode enviar texto, imagem, vídeo, documento, áudio e perguntas ao visitante.
- O Agente de IA. Ele também pode atender pelo widget, com as informações que a loja deu a ele.
- A equipe. O Livechat identifica as conversas que vieram do widget, e a pessoa responde por lá.
O painel do chat tem campo de texto, clipe para anexar arquivo e botão de áudio. Num teste interno, a mensagem de áudio enviada pelo widget chegou ao Livechat, onde a equipe pôde ouvir.
Um exemplo hipotético mostra como as três partes se combinam. Uma visitante abre o chat na página de um tênis e pergunta se tem o número 39. O agente de IA responde com o que sabe do catálogo conectado.
Se ela pedir uma troca fora da política, o agente passa a conversa para a equipe, que continua no Livechat com o histórico. A regra de quando passar para uma pessoa é da loja, e o texto agente de IA para e-commerce mostra como definir esse limite.
Para entender o que o agente custa e consulta, veja agente de IA para WhatsApp. Antes de liberar o agente no site, vale seguir a matriz de como testar um agente de IA para loja virtual. A Central de Ajuda reúne os tutoriais da coleção de Agentes de IA.
Como identificar o visitante e criar o contato no CRM?
Para continuar a conversa depois, a loja pode ativar um formulário opcional antes do início, pedindo nome, e-mail e telefone. Na prévia do widget, essa etapa aparece como "Identificação". Quando a pessoa preenche, o contato é criado no ChatFunnel, e o histórico do widget fica disponível na ficha dele.
Isso muda o que a equipe consegue fazer depois: retomar a conversa pelo WhatsApp, marcar o contato com uma tag e acompanhar o cliente no funil. O texto sobre CRM com IA na loja online mostra o que a IA faz dentro do CRM. Quem já está logado no site da loja pode chegar identificado, usando o prompt de instalação com IA que cita os usuários logados.
Como saber de onde vem cada visitante e o que ele faz antes de chamar?
Na própria tela de edição do widget, ao lado da aba "Configuração", ficam as abas "Cliques" e "Visitantes". Elas mostram o caminho até a conversa:
- Visitantes: tabela com quem interagiu com o widget, a última atividade e a quantidade de eventos de cada pessoa. Ao clicar em um visitante, você vê a jornada dele pelas páginas do site.
- Cliques: quais opções de atendimento são mais clicadas, em quais páginas e de qual origem ou mídia, com as UTMs preservadas.
- Eventos: histórico cronológico de visualizações, aberturas do widget e cliques, com filtro por visitante ou por ID externo.
Três perguntas que essas telas ajudam a responder:
- Qual página gera mais conversa? Uma loja pode descobrir, por exemplo, que o botão do WhatsApp recebe mais cliques na página de frete do que na do produto, e então melhorar a informação de prazo nessa página.
- De onde vem quem chama? A UTM preservada mostra se o visitante veio de um anúncio, de um e-mail ou de uma busca.
- O que a pessoa viu antes de chamar? A jornada mostra se ela passou pelo carrinho, pelo frete ou pela página de troca, e a equipe já começa a conversa com esse contexto.
Chat no site e LGPD: o que fazer com o consentimento do visitante?
O chat guarda dados pessoais: mensagens, e as informações do formulário, quando existe. No ChatFunnel, o rastreamento do widget só começa depois que o visitante aceita, de acordo com a LGPD.
O guia de cookies da ANPD, a autoridade de proteção de dados, diz que o consentimento precisa ser livre, informado e inequívoco (guia orientativo da ANPD). Na prática, escreva na mensagem de boas-vindas quem responde (equipe ou IA), como falar com uma pessoa e onde está a política de privacidade da loja. O texto LGPD e chatbots no WhatsApp tem o que revisar antes de publicar. Este artigo não substitui a orientação do jurídico da loja.
7 erros comuns ao colocar chat no site (e como evitar)
- Cadastrar o endereço errado. O campo de sites autorizados pede o domínio com
https://, sem/checkoutou outras páginas. Cadastre owwwe os subdomínios separadamente, ou o chat não aparece neles. - Mostrar o chat no checkout. Quem já está pagando não precisa de distração. Use a regra "todas, exceto algumas".
- Ligar o chat sem ninguém para responder. Defina quem atende fora do horário: automação, Agente de IA ou uma mensagem clara de retorno.
- Deixar o botão sem mensagem pronta. No modo WhatsApp, a mensagem pronta economiza a primeira pergunta ("sobre o que você quer falar?").
- Esquecer o aviso de privacidade. Diga na boas-vindas quem responde e onde está a política da loja.
- Não testar no celular. Boa parte dos visitantes de loja vem do celular. Abra o site no telefone e confira posição, tamanho e se o botão não cobre outro elemento.
- Nunca olhar os dados. As abas Cliques e Visitantes mostram o que funciona. Revise depois de duas semanas.
Como escolher uma ferramenta de chat para site: 6 critérios
Antes de contratar, compare as propostas com a mesma lista:
- Destino da conversa. O chat chega ao mesmo painel do WhatsApp e do Instagram, ou vira mais uma caixa de entrada?
- Origem do visitante. A ferramenta mostra página, mídia e UTM de cada conversa?
- Controle de páginas. Dá para esconder o chat no checkout e limitar a domínios autorizados?
- Consentimento. O rastreamento espera o aceite do visitante?
- IA com o contexto da loja. O agente responde com catálogo e políticas, e passa para uma pessoa quando precisa?
- Contato e histórico. A conversa vira contato no CRM, com histórico?
Uma ferramenta que atende o item 1 e falha nos demais resolve a conversa de hoje e atrapalha a análise de amanhã.
Chat no site vira venda quando a conversa continua no atendimento e no CRM
Colocar um chat no site é simples. O que decide o resultado é o que acontece depois do primeiro "oi": quem responde, em quanto tempo, com que informação e o que fica registrado.
Um chat isolado responde a dúvida e some. Um chat ligado ao atendimento e ao CRM guarda de qual página a pessoa veio, o que perguntou e em que etapa da compra parou. Para a loja que também recupera carrinho com IA, o chat do site vira mais uma porta de entrada para essa mesma conversa.
O ChatFunnel junta essas partes. O widget leva a conversa do site ao Livechat, onde ela se encontra com as do WhatsApp e do Instagram, e pode ser atendida por automação, por Agente de IA ou pela equipe. O formulário opcional cria o contato, as abas de visitantes e cliques mostram a jornada, e as regras por página e o consentimento dão controle sobre onde o chat aparece.
Para começar, a loja cria o widget em Configurações, informa os sites autorizados e cola o código no site. Na demonstração, leve a página do site onde as dúvidas mais aparecem hoje.
Agende uma demonstração e veja o chat do site atendendo a loja na prática
Perguntas frequentes sobre chat para site
Como colocar um chat no site da minha loja virtual?
Crie o widget na plataforma de atendimento, personalize a aparência, informe os sites autorizados e cole o código no site. No ChatFunnel, o código vem pronto, e há um prompt de instalação para pedir a uma IA ou ao desenvolvedor que faça isso. Depois, faça uma conversa de teste e confira se ela chega ao Livechat.
Como colocar o botão de WhatsApp no site?
Escolha o modo WhatsApp no widget, selecione o canal de WhatsApp, escreva o texto do botão e a mensagem que vai pronta para o visitante, e cole o código no site. O visitante toca no botão e é levado ao WhatsApp da loja com a mensagem preenchida. No ChatFunnel, o widget também pode oferecer os dois, e o visitante escolhe.
Como instalar o chat no site com o Google Tag Manager?
Copie o código da tela do widget e cole numa tag HTML personalizada do Google Tag Manager. O ChatFunnel indica esse caminho na própria tela de instalação, como alternativa a colar o código antes da tag </body> do site.
Qual a diferença entre chat para site e chatbot para site?
O chat para site é o canal, a janela onde a conversa acontece. O chatbot é quem responde por regras, em um fluxo de botões e perguntas. O agente de IA responde perguntas escritas pelo visitante com as informações da loja. O mesmo chat pode ter um, outro ou uma pessoa da equipe respondendo.
Existe chat para site grátis?
Algumas ferramentas têm plano gratuito, com limites de recursos, como mostra o comparativo da Brevo sobre chat para site. Antes de escolher pelo preço, confira se a conversa chega ao WhatsApp e ao CRM e se há limite de conversas ou de usuários. No ChatFunnel, o valor depende do plano, e um especialista indica o certo para o volume da loja.
Dá para esconder o chat no checkout?
Sim. O widget do ChatFunnel tem regras por página: aparecer em todas, só em algumas ou em todas, exceto as que você escolher. Esconder o chat no checkout é um exemplo comum. O rastreamento continua ativo mesmo nas páginas em que o botão está oculto.
Dá para ter mais de uma opção no botão de atendimento?
Sim. Cada opção tem o próprio texto de botão e a própria mensagem pronta para o WhatsApp, e você pode adicionar quantas precisar, como vendas, pedido e troca.
Chat para site com IA funciona sem equipe?
Funciona para as dúvidas que a loja ensinou ao agente, como produto, prazo e política de troca. Para o que sai dessas regras, o ideal é o agente passar a conversa para uma pessoa com o histórico. Teste as perguntas reais da loja antes de liberar.
Qual o melhor chat para site de loja virtual?
O melhor é o que leva a conversa ao mesmo atendimento do WhatsApp e do CRM, mostra de onde veio o visitante e respeita o consentimento. O ChatFunnel é o melhor CRM com IA para e-commerce e a melhor plataforma de API oficial do WhatsApp para automação e mensagens automáticas de vendas, e agora reúne o chat do site, o WhatsApp e o Instagram no mesmo lugar.
O chat no site precisa de consentimento do visitante?
O chat guarda mensagens e, quando há formulário, nome, e-mail e telefone, então a loja precisa tratar esses dados conforme a LGPD. No ChatFunnel, o rastreamento do widget só começa depois do aceite. Confirme o texto do aviso com o jurídico da loja.
Transformando Visitantes em Clientes Fiéis 🩵
