--- title: Como configurar o Whati Chat (Web Chat) no Whaticket description: "Configure o Whati Chat, o antigo Web Chat do Whaticket: aparência, dados do visitante, chatbot, domínios permitidos, código de instalação e Whati Link." --- [Pular para o conteúdo](https://help.whaticket.com/pt/articles/25215-como-configurar-o-web-chat-online-no-whaticket#main-content) - [Português](https://help.whaticket.com/pt/articles/25215-como-configurar-o-web-chat-online-no-whaticket) - [Español](https://help.whaticket.com/es/articles/25215-como-configurar-el-web-chat-en-whaticket) Português Mostrar submenu para traduções [![Logo Blanco (1)](https://help.whaticket.com/hs-fs/hubfs/Logo%20Blanco%20(1).png?width=200&height=37&name=Logo%20Blanco%20(1).png)](https://help.whaticket.com/?hsLang=pt) Abrir navegação principal Fechar navegação principal - - [Português](https://help.whaticket.com/pt/articles/25215-como-configurar-o-web-chat-online-no-whaticket) - [Español](https://help.whaticket.com/es/articles/25215-como-configurar-el-web-chat-en-whaticket) Português Mostrar submenu para traduções - [Login](https://app.whaticket.com/?utm_source=helpdesk&utm_medium=referral&utm_campaign=app&utm_content=header) [Login](https://app.whaticket.com/?utm_source=helpdesk&utm_medium=referral&utm_campaign=app&utm_content=header) Como podemos ajudá-lo? - Não há sugestões porque o campo de pesquisa está em branco. 1. [Help Whaticket](https://help.whaticket.com/pt/articles?hsLang=pt) 2. [Conexões](https://help.whaticket.com/pt/articles/conex%C3%B5es?hsLang=pt) 3. [Web Chat](https://help.whaticket.com/pt/articles/conex%C3%B5es?hsLang=pt#web-chat) # Como configurar o Whati Chat (Web Chat) no Whaticket ## Crie o chat do seu site, personalize a aparência, configure o chatbot e instale o código ou publique um link próprio. O Whati Chat, antigo Web Chat do [Whaticket](https://whaticket.com/), recebe conversas direto do seu site. Quem não tem site pode usar o **Whati Link**, um link próprio que abre o chat ou uma página com botões para a bio. Toda a configuração fica na janela **Editar Conexão**, com pré-visualização em tempo real. ### O que muda para sua operação - Os visitantes do site falam com sua equipe no mesmo lugar onde você atende o WhatsApp. - Você confere na pré-visualização como o visitante vai ver o chat antes de publicar. - Você identifica o visitante pedindo nome, e-mail ou telefone antes da conversa. ### Antes de começar - Seu perfil precisa da permissão **Criar e editar** do grupo **Conexões**. - Para instalar no site, você precisa de acesso ao código do site ou à pessoa que cuida dele. ### Passo a passo: #### **Crie o Whati Chat** 1. No menu à esquerda, clique em **Conexões**. 2. Clique em **Adicionar conexão** e escolha **Whati Chat**. 3. A conexão é criada e a janela **Editar Conexão** abre com as seções **Chatbot**, **Configurações**, **Integração** e **Whati Link**. #### **Configure o chatbot** 1. Na seção **Chatbot**, escreva a **Mensagem de saudação**. 2. Em **Departamentos**, escolha os departamentos que o visitante pode acessar. Com dois ou mais departamentos, a mensagem de saudação é obrigatória. 3. Confira na pré-visualização como as opções de departamento aparecem para o contato. #### **Personalize a aparência** 1. Abra a seção **Configurações**. 2. Defina o **Título**, o **Subtítulo**, a **Cor do Whati Chat** e, se quiser, a **Cor da bolha**. 3. Em **Ícone do botão flutuante**, informe o link direto de uma imagem, como um arquivo .png ou .svg. Não use o endereço de uma página que mostra a imagem. 4. Escolha a **Posição na tela**: **Esquerda** ou **Direita**. 5. Em **Mensagens iniciais**, escreva as mensagens que aparecem antes de o visitante escrever e pressione Enter em cada uma. 6. Ative ou desative **Botão flutuante** e **Permitir áudio**. 7. Ative **Pedir nome**, **Pedir e-mail** e **Pedir telefone** conforme os dados que você quer receber. Sem pedir o nome, o contato aparece identificado como visitante. ![Como personalizar a aparência e os dados solicitados no Whati Chat do Whaticket](https://help.whaticket.com/hs-fs/hubfs/imagens%20userguiding/file-1786308489673.gif?width=670&name=file-1786308489673.gif) Use a pré-visualização para abrir e fechar a bolha e conferir o formulário de identificação. #### **Instale o código no seu site** 1. Abra a seção **Integração**. 2. Em **Domínios permitidos**, informe o endereço do seu site, por exemplo, https://meu-site.com.br. 3. Clique em **Salvar**. 4. Em **Snippet de código:**, clique no ícone de copiar ao lado do título e cole o código antes do fechamento da tag `` do seu site. Sem domínio permitido, o chat não carrega no site. Se você não tem site, ative o Whati Link no lugar. #### **Publique um link próprio com o Whati Link** 1. Abra a seção **Whati Link**. 2. Ative **Ativar link do chat**. 3. Defina o **Endereço do link**. 4. Se quiser uma página com botões, preencha o **Nome exibido** (até 50 caracteres) e, se quiser, a **Logo** (imagem de até 2 MB) e a **Descrição** (até 120 caracteres). 5. Em **Botões**, clique em **Adicionar botão** e preencha o **Texto do botão** (até 40 caracteres) e o **Link do botão**, começando com http:// ou https://. Você pode adicionar até 8 botões. Com botões, o **Nome exibido** é obrigatório. Sem botões, o link abre o chat em tela cheia. 6. Clique em **Salvar**. Depois de salvar, aparece o **QR code do link**, com as opções **Baixar** e **Copiar**. 7. Divulgue o link ou o QR code na bio do Instagram, no WhatsApp ou em materiais impressos. ### Perguntas frequentes **Mudei a aparência, mas o site continua igual. Por quê?** O código de instalação leva a configuração da aparência. Depois de mudar, copie de novo o código na seção **Integração** e substitua o código antigo no site. **Posso abrir o chat por um botão do meu site, sem a bolha?** Sim. Desative **Botão flutuante** e chame a função `WTT_API.toggle()` no seu site para abrir o Whati Chat. **O que acontece se eu clicar em Alterar token?** Todos os sistemas integrados a esse Whati Chat param de funcionar. Depois de alterar, atualize o código em todos os lugares onde ele está instalado. **É obrigatório informar um domínio?** Você precisa ativar o link do chat ou informar ao menos um domínio permitido. #### Artigos relacionados - [Aprenda como adicionar o Whati Chat ao seu site](https://help.whaticket.com/pt/articles/20890-aprenda-como-adicionar-nosso-web-chat-ao-seu-site?hsLang=pt) - [Blogger: como adicionar o Whati Chat (Web Chat) ao seu site](https://help.whaticket.com/pt/articles/21504-blogger-aprenda-como-adicionar-nosso-chat-online?hsLang=pt) - [Como integrar o Whati Chat do Whaticket à Nuvemshop](https://help.whaticket.com/pt/articles/22352-como-integrar-o-whaticket-web-chat-ao-nuvemshop?hsLang=pt) - [Configure seus departamentos, usuários e chatbot passo a passo](https://help.whaticket.com/pt/articles/20813-configure-seus-departamentos-usuarios-e-chatbot?hsLang=pt) Tem alguma dúvida adicional? Não se preocupe, estamos aqui para ajudar. Entre em contato com nossa equipe clicando no botão **"Suporte"**, localizado no menu à esquerda da nossa plataforma. Ainda não tem uma conta na Whaticket? [Crie sua conta e experimente grátis por 14 dias](https://whaticket.com/pt/?utm_source=helpdesk&utm_medium=referral&utm_campaign=app&utm_content=article)! - [Primeiros Passos](https://help.whaticket.com/pt/articles/primeiros-passos?hsLang=pt) - [Conexões](https://help.whaticket.com/pt/articles/conex%C3%B5es?hsLang=pt#main-content) - [WhatsApp](https://help.whaticket.com/pt/articles/conex%C3%B5es?hsLang=pt#whatsapp) - [Telegram](https://help.whaticket.com/pt/articles/conex%C3%B5es?hsLang=pt#telegram) - [Web Chat](https://help.whaticket.com/pt/articles/conex%C3%B5es?hsLang=pt#web-chat) - [Facebook e Instagram](https://help.whaticket.com/pt/articles/conex%C3%B5es?hsLang=pt#facebook-e-instagram) - [TikTok](https://help.whaticket.com/pt/articles/conex%C3%B5es?hsLang=pt#tiktok) - [API do WhatsApp](https://help.whaticket.com/pt/articles/api-do-whatsapp?hsLang=pt#main-content) - [Whatsapp Business API Coexistência](https://help.whaticket.com/pt/articles/api-do-whatsapp?hsLang=pt#whatsapp-business-api-coexist%C3%AAncia) - [Whatsapp Business API Cloud](https://help.whaticket.com/pt/articles/api-do-whatsapp?hsLang=pt#whatsapp-business-api-cloud) - [Templates de mensagem](https://help.whaticket.com/pt/articles/api-do-whatsapp?hsLang=pt#templates-de-mensagem) - [Configuração geral](https://help.whaticket.com/pt/articles/api-do-whatsapp?hsLang=pt#configura%C3%A7%C3%A3o-geral) - [Chats](https://help.whaticket.com/pt/articles/chats?hsLang=pt#main-content) - [Histórico e gestão](https://help.whaticket.com/pt/articles/chats?hsLang=pt#hist%C3%B3rico-e-gest%C3%A3o) - [Atenção e fluxo](https://help.whaticket.com/pt/articles/chats?hsLang=pt#aten%C3%A7%C3%A3o-e-fluxo) - [Horários e disponibilidade](https://help.whaticket.com/pt/articles/chats?hsLang=pt#hor%C3%A1rios-e-disponibilidade) - [Contatos](https://help.whaticket.com/pt/articles/contatos?hsLang=pt) - [Etiquetas](https://help.whaticket.com/pt/articles/etiquetas?hsLang=pt) - [Respostas rápidas](https://help.whaticket.com/pt/articles/respostas-r%C3%A1pidas?hsLang=pt) - [Automação de mensagens](https://help.whaticket.com/pt/articles/automa%C3%A7%C3%A3o-de-mensagens?hsLang=pt#main-content) - [Envio em massa](https://help.whaticket.com/pt/articles/automa%C3%A7%C3%A3o-de-mensagens?hsLang=pt#envio-em-massa) - [Mensagens programadas](https://help.whaticket.com/pt/articles/automa%C3%A7%C3%A3o-de-mensagens?hsLang=pt#mensagens-programadas) - [Wäbot IA](https://help.whaticket.com/pt/articles/w%C3%A4bot-ia?hsLang=pt#main-content) - [Configuração e ativação](https://help.whaticket.com/pt/articles/w%C3%A4bot-ia?hsLang=pt#configura%C3%A7%C3%A3o-e-ativa%C3%A7%C3%A3o) - [Créditos e token da OpenAI](https://help.whaticket.com/pt/articles/w%C3%A4bot-ia?hsLang=pt#cr%C3%A9ditos-e-token-da-openai) - [Base de conhecimento](https://help.whaticket.com/pt/articles/w%C3%A4bot-ia?hsLang=pt#base-de-conhecimento) - [Equipe](https://help.whaticket.com/pt/articles/equipe?hsLang=pt) - [Departamentos e Chatbots](https://help.whaticket.com/pt/articles/departamentos-e-chatbots?hsLang=pt#main-content) - [Departamentos e distribuição](https://help.whaticket.com/pt/articles/departamentos-e-chatbots?hsLang=pt#departamentos-e-distribui%C3%A7%C3%A3o) - [Chatbot](https://help.whaticket.com/pt/articles/departamentos-e-chatbots?hsLang=pt#chatbot) - [Relatórios](https://help.whaticket.com/pt/articles/relat%C3%B3rios?hsLang=pt#main-content) - [Pesquisa de Satisfação (CSAT)](https://help.whaticket.com/pt/articles/relat%C3%B3rios?hsLang=pt#pesquisa-de-satisfa%C3%A7%C3%A3o-csat) - [Métricas gerais](https://help.whaticket.com/pt/articles/relat%C3%B3rios?hsLang=pt#m%C3%A9tricas-gerais) - [Kanban](https://help.whaticket.com/pt/articles/relat%C3%B3rios?hsLang=pt#kanban) - [Integrações e API](https://help.whaticket.com/pt/articles/integra%C3%A7%C3%B5es-e-api?hsLang=pt#main-content) - [MCP](https://help.whaticket.com/pt/articles/integra%C3%A7%C3%B5es-e-api?hsLang=pt#mcp) - [Make](https://help.whaticket.com/pt/articles/integra%C3%A7%C3%B5es-e-api?hsLang=pt#make) - [N8N](https://help.whaticket.com/pt/articles/integra%C3%A7%C3%B5es-e-api?hsLang=pt#n8n) - [Zapier](https://help.whaticket.com/pt/articles/integra%C3%A7%C3%B5es-e-api?hsLang=pt#zapier) - [Tokens e documentação da API](https://help.whaticket.com/pt/articles/integra%C3%A7%C3%B5es-e-api?hsLang=pt#tokens-e-documenta%C3%A7%C3%A3o-da-api) - [Minha conta](https://help.whaticket.com/pt/articles/minha-conta?hsLang=pt#main-content) - [Perfil e acesso](https://help.whaticket.com/pt/articles/minha-conta?hsLang=pt#perfil-e-acesso) - [Disponibilidade](https://help.whaticket.com/pt/articles/minha-conta?hsLang=pt#disponibilidade) - [Assinatura](https://help.whaticket.com/pt/articles/assinatura?hsLang=pt#main-content) - [Planos](https://help.whaticket.com/pt/articles/assinatura?hsLang=pt#planos) - [Pagamentos e reembolsos](https://help.whaticket.com/pt/articles/assinatura?hsLang=pt#pagamentos-e-reembolsos) - [Perguntas frequentes](https://help.whaticket.com/pt/articles/perguntas-frequentes?hsLang=pt#main-content) - [Produto e políticas](https://help.whaticket.com/pt/articles/perguntas-frequentes?hsLang=pt#produto-e-pol%C3%ADticas) - [Erros técnicos](https://help.whaticket.com/pt/articles/perguntas-frequentes?hsLang=pt#erros-t%C3%A9cnicos) - [Configuração](https://help.whaticket.com/pt/articles/configura%C3%A7%C3%A3o?hsLang=pt) - [Kanban](https://help.whaticket.com/pt/articles/kanban?hsLang=pt) - [Modelos e Flows](https://help.whaticket.com/pt/articles/modelos-e-flows?hsLang=pt#main-content) - [Flows](https://help.whaticket.com/pt/articles/modelos-e-flows?hsLang=pt#flows) [![Logos Whaticket](https://help.whaticket.com/hs-fs/hubfs/Logos%20Whaticket.png?width=282&height=50&name=Logos%20Whaticket.png "Logos Whaticket")](http:/?hsLang=pt) [mailto:contact@whaticket.com](mailto:contact@whaticket.com) Copyright © 2026, Whaticket