--- title: "Configure o widget de chat para o site" description: "Com o widget de chat do site, seus clientes podem tirar dúvidas rapidamente direto no seu site, sem precisar procurar informações de contato." canonical_url: https://chatfuel.com/pt/docs/website/set-up-chat-widget-for-website markdown_url: https://chatfuel.com/pt/docs/website/set-up-chat-widget-for-website.md last_updated: 2026-09-09 lang: pt site: https://chatfuel.com/docs llms_txt: https://chatfuel.com/llms.txt --- # Configure o widget de chat para o site Com o widget de chat do site, seus clientes podem tirar dúvidas rapidamente direto no seu site, sem precisar procurar informações de contato. Com o widget de chat do site, seus clientes podem tirar dúvidas rapidamente direto no seu site, sem precisar procurar informações de contato. Eles simplesmente abrem o chat e começam a conversar. A configuração envolve algumas etapas principais: 1. Configurar as opções básicas do widget 2. Adicionar o código do widget ao seu site 3. Ativar a IA no widget Instalar o código do widget é uma das poucas etapas que o AI Co-Worker não pode concluir por você — colar o trecho de código no HTML do seu site acontece fora do Chatfuel. O Co-Worker pode levar você direto à página certa: basta pedir. ## Configurando seu widget [#configurando-seu-widget] Primeiro, você precisa definir as configurações básicas. 1. Acesse `Settings` > selecione `Website`. 2. Configure a aparência (nome da empresa, cor de destaque e logo). 3. Adicione os domínios do seu site. 4. Copie o código de instalação. ## Adicionando o widget ao seu site [#adicionando-o-widget-ao-seu-site] Em seguida, adicione o trecho de código de `Settings` ao HTML do seu site para que o widget de chat apareça nele. Coloque o trecho de código: * Antes da tag `` * Dentro da tag `` Se você não se sente à vontade para editar o HTML do seu site, o melhor é pedir ajuda ao seu desenvolvedor web. ## Configure em Automations [#configure-em-automations] A IA no widget é controlada pela [automação](https://chatfuel.com/pt/docs/ai-features/automations) **Website widget**. Ative-a e seu [assistente de IA conversa com os clientes por você](https://chatfuel.com/pt/docs/ai-features/why-chatfuel-does-not-use-buttons) com base no conhecimento que você fornece sobre o seu negócio. 1. Acesse **Fuely AI** → **Automations**. 2. Em **Website**, abra a automação **Website widget** e ative-a. Como toda base automation, ela começa desligada. 3. Adicione informações sobre o seu negócio à [Knowledge Base](https://chatfuel.com/pt/docs/ai-features/how-to-set-up-knowledge-base) — isso funciona da mesma forma que configurar a IA para [Instagram](https://chatfuel.com/pt/docs/instagram/how-to-activate-ai-in-instagram), [Facebook](https://chatfuel.com/pt/docs/facebook/how-to-activate-ai-in-facebook) ou [WhatsApp](https://chatfuel.com/pt/docs/whatsapp/how-to-activate-ai-in-whatsapp). 4. Ajuste as configurações da automação se quiser um comportamento específico para o widget — por exemplo, [follow-ups](https://chatfuel.com/pt/docs/ai-features/how-to-set-up-follow-ups), [agendamento automático](https://chatfuel.com/pt/docs/ai-features/how-to-set-up-ai-autobooking) ou **Additional instructions** sobre como a IA fala ali. 5. [Teste](https://chatfuel.com/pt/docs/ai-features/how-to-test-your-automation) no **Test chat** para ver como a IA responde. Quando um cliente precisar de atendimento humano, um atendente pode [assumir a conversa](https://chatfuel.com/pt/docs/ai-features/how-to-stop-ai-during-active-conversations) a qualquer momento. ## Ou peça ao AI Co-Worker [#ou-peça-ao-ai-co-worker] Diga o que você quer no chat: *"Ative o widget de chat no meu site e faça a IA responder por lá."* Ele ativa a automação Website widget, configura o que a IA responde ali e confirma o que configurou. ## Ativando o widget de chat [#ativando-o-widget-de-chat] Quando tudo estiver pronto, ative seu widget de chat. 1. Abra `Settings` > `Website`. 2. Ative ou desative o widget.