Bem-vindo ao Chatwoot! Este é o primeiro passo de uma série prática que leva você de uma conta nova até uma central de suporte totalmente funcionando. Ao final desta lição, você terá uma caixa de entrada do site ativa e terá respondido à sua primeira mensagem de cliente. ## O que você vai aprender * O que é o Chatwoot e como ele se encaixa no seu stack de suporte * O que são canais e caixas de entrada, e como eles se relacionam * Como uma mensagem de cliente vira uma conversa no seu painel * Como configurar um chat ao vivo no site em menos de cinco minutos * Como enviar sua primeira resposta e resolver a conversa **Você vai precisar:** Uma conta no Chatwoot (vale o teste gratuito) e qualquer site onde você possa colar um trecho de código. Não tem um site disponível? Você pode testar em um arquivo HTML local. --- ## O que é o Chatwoot? O Chatwoot é um painel único para toda conversa com clientes do seu negócio — e-mail, chat ao vivo no site, WhatsApp, Instagram, Facebook, SMS, Telegram e mais. Em vez de alternar entre cinco aplicativos diferentes e perder o controle de quem disse o quê, sua equipe trabalha em um só lugar, com contexto compartilhado, histórico e ferramentas. Pense nele como a **caixa de entrada compartilhada da sua equipe para clientes** — mas com a automação, relatórios e assistências de IA que uma equipe de suporte de verdade precisa. \ ![](https://app.chatwoot.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBCRVQrSUFVPSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--5018122350b902c5f14c7f42f26b754751e1a922/conversation.png) --- ## Canais e caixas de entrada (o conceito mais importante para começar) Um **canal** é um *tipo* de comunicação — E-mail, Site, WhatsApp, SMS, etc. Uma **caixa de entrada** é uma *instância específica* de um canal conectada à sua conta. Por exemplo: * "support[@]acme.com" é uma caixa de entrada de e-mail * O chat widget em `acme.com` é uma caixa de entrada do site * Seu número WhatsApp `+1-555-…` é uma caixa de entrada de WhatsApp Você pode ter tantas caixas de entrada quanto precisar, inclusive várias do mesmo tipo (uma caixa de entrada do site para marketing, outra para cobrança). \ \ Toda mensagem recebida vive dentro de uma caixa de entrada, e cada caixa de entrada pode ter seus próprios agentes, horários de atendimento, saudação e regras de roteamento. > **Dica:** Não complique muito a divisão das caixas de entrada no primeiro dia. Comece com uma, se familiarize, depois divida conforme a equipe crescer. --- ## Como uma mensagem vira uma conversa Veja o ciclo de vida de uma mensagem de cliente — lembre-se disso ao explorar o produto: 1. **O cliente envia uma mensagem** em um dos seus canais (ex.: digita no widget do seu site). 2. **O Chatwoot cria uma conversa** na caixa de entrada correspondente. A conversa começa com o status **Aberto** ou **Pendente** se o Captain estiver conectado. 3. **Um agente é designado** — automaticamente (por política de atribuição) ou manualmente. 4. **O agente responde** pelo painel. A resposta volta ao cliente pelo *mesmo* canal de origem. 5. **A conversa é resolvida** quando o problema é tratado. Ela não é excluída — todo o histórico permanece acessível, vinculado ao contato. As conversas têm quatro status comuns: **Aberto**, **Pendente**, **Adiado**, e **Resolvido**. Você vai conhecer todos com o tempo. --- ## Configure sua primeira caixa de entrada: Chat ao vivo no site Vamos usar o canal do site porque é a maneira mais rápida de ver o Chatwoot funcionando de ponta a ponta. ### Passo 1 — Abra a configuração da caixa de entrada No painel, vá em **Configurações → Caixas de Entrada → Adicionar Caixa de Entrada**. ![](https://app.chatwoot.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBCR1grSUFVPSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--b494013b98d6e98e90e0fde14f4b88b4bc56d63c/setup-inbox.png) ### Passo 2 — Selecione "Site" Você verá uma grade de tipos de canal. Clique no ícone **Site**. ![](https://app.chatwoot.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBCSGIrSUFVPSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--4cb6259af3dd18aeee9a14c11079873683970036/web-channel.png) ### Passo 3 — Preencha o básico * **Nome do Site** — o que seus clientes verão no topo do widget de chat (ex.: *Suporte Acme*). * **Domínio do Site** — a URL onde o widget ficará (ex.: `https://acme.com`). * **Cor do Widget** — escolha uma cor alinhada à marca. * **Título de Boas-vindas e Subtítulo** — a primeira coisa que os visitantes leem ao abrir o widget. ### Passo 4 — Adicione agentes Escolha quais colegas poderão responder às mensagens dessa caixa de entrada. Você pode adicionar ou remover pessoas depois. ### Passo 5 — Instale o snippet O Chatwoot vai fornecer um pequeno trecho de JavaScript. Cole-o no `` do seu site (ou logo antes do ``). Recarregue a página e você deve ver o balão de chat no canto. ***Ainda não tem um site?** Não é necessário para testar. Vá em **Configurações → Caixas de Entrada**, clique no **ícone de engrenagem** ao lado da nova caixa de entrada para abrir as configurações, depois abra a aba **Configuração** e clique em **Abrir no Codepen** no script. Um widget ao vivo abrirá no seu navegador pronto para mensagens.* ### Passo 6 — Envie uma mensagem de teste Clique no balão de chat no seu site, digite *"Olá do meu primeiro visitante!"* e envie. ### Passo 7 — Responda pelo painel Volte ao painel do Chatwoot. A nova conversa aparecerá no topo da lista de conversas com um selo de não lida. Clique nela, digite sua resposta na caixa de chat embaixo, e envie. O cliente verá instantaneamente no widget. 🎉 Você acaba de realizar sua primeira conversa no Chatwoot. --- ## Um tour rápido pela tela de conversas ![](https://app.chatwoot.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBCSTcrSUFVPSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--2f9a3ad0eebda3d110419f883daa4e08e5289d2b/responding-msg.png) Quando estiver dentro de uma conversa, veja o que cada parte faz — em resumo: | Área | Para que serve | | ---------------------------- | ---------------------------------------------------------------------------------------- | | **Caixa de resposta** | Enviar respostas públicas para o cliente | | **Notas privadas** | Discutir a conversa entre colegas — o cliente nunca vê essas mensagens | | **Barra lateral direita** | Detalhes do cliente, ações da conversa, atributos customizados e conversas anteriores | | **Ações da conversa** | Atribuir agentes, alterar status, adiar, adicionar etiquetas | | **Lista de conversas (esq.)**| Filtrar por status, responsável, caixa de entrada, etiqueta ou pasta salva | Você não precisa usar esses recursos no primeiro dia. Responder pela caixa de chat já permite atender clientes de verdade. --- ## Encerrando a conversa Quando terminar de ajudar o cliente: 1. Clique em **Resolver** no topo da conversa. 2. A conversa sai da sua fila de **Abertos** e vai para **Resolvidos**. 3. Se você ativou o CSAT, o cliente será automaticamente convidado a avaliar o atendimento. Se o cliente responder após o encerramento, a conversa **reabre automaticamente** — nada passa despercebido. --- ## Experimente agora (opcional, 1 minuto cada) Enquanto está aqui, teste ao menos um ou dois destes recursos para não estranhar depois: * **Defina seu status como Online** — avatar no topo direito → *Online / Ocupado / Offline*. * **Envie uma nota privada** — digite `@colega parece um caso de cobrança` na aba Notas Privadas. * **Adicione uma etiqueta** — experimente `relato-de-bug` ou `pedido-de-funcionalidade` na barra superior. * **Adie a conversa** — útil para casos de “aguardando cliente”. --- ## Perguntas frequentes do primeiro dia **O cliente vê meu nome?** Sim — seu nome de exibição e avatar das Configurações de Perfil aparecem nas respostas enviadas. Tire um momento para ajustar ambos antes de responder clientes reais. **E se eu responder para a pessoa errada?** Você pode excluir uma mensagem enviada (no chat ao vivo, não é suportado em outros canais). Após isso, envie uma correção — a original permanece no painel como “mensagem excluída” para referência, mas o cliente não vê mais. **Dois agentes podem atuar na mesma conversa?** Sim. Um agente é o **Responsável** (dono da resposta); outros podem ser adicionados como **Participantes da Conversa** para acompanhar e interagir. **Algo que eu digite na caixa de chat vai ser enviado instantaneamente?** Não. Apenas ao clicar em **Enviar** (ou pressionar ⌘/Ctrl+Enter). E se você sair da tela no meio de uma resposta, o Chatwoot salva um **Rascunho** para não perder o que digitou. --- ## O que vem a seguir Na [**Lição 2**](https://www.chatwoot.com/hc/chatwoot-user-guide-cloud-version/articles/1677231493-lesson-2-dashboard-basics), vamos além da caixa de resposta: notas privadas, respostas rápidas, etiquetas e como manter sua fila organizada conforme aumentam as conversas. Até lá, sua tarefa é simples: **envie para si mesmo três mensagens de teste pelo widget e responda cada uma.** Prática vale mais que teoria. Seja bem-vindo a bordo. 👋