![Passo a passo para criar a caixa de entrada de site: adicionar caixa de entrada, escolher o canal Site, preencher os detalhes, adicionar agentes e instalar o widget no site.](/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBbDBRIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--e1ceaaa2eeb0d43d1da4693b0e855f999d72a27f/1730210061-configuracoes-de-chat-ao-vivo-no-site-explicadas.png)

Este documento ajuda você a configurar por completo o chat ao vivo no seu site. Ele explica como criar a caixa de entrada do canal de site e como usar as configurações adicionais de cada caixa de entrada.

O **WhatsApp Web** é o canal principal da plataforma; o chat no site é o canal complementar que você adiciona quando quer atender visitantes diretamente pelo widget do seu site. Para conectar o canal principal, veja [**Conectar o WhatsApp Web (QR Code)**](1724618803-como-configurar-um-canal-whats_app-usando-a-evolution-api).

### Compatibilidade e requisitos

O painel web e o widget funcionam nas versões atuais dos navegadores modernos, como Chrome, Edge, Firefox e Safari. Mantenha o navegador atualizado; versões antigas ou sem suporte do próprio fornecedor podem não executar todos os recursos.

Para o aplicativo móvel, as versões suportadas são:

* Android: a partir da v6.0
* iOS: a partir da v13.4

### Como criar um canal de site no Chatwoot?

**1.** Acesse a página de caixas de entrada em **Configurações → Caixas de Entrada** e clique em **Adicionar caixa de entrada**.

**2.** Escolha o canal **Site**.

**3.** Preencha o nome, a URL e os demais detalhes do site, conforme descrito abaixo.

* **Nome do site:** ex.: Exemplo Inc.
* **Domínio do site:** ex.: www.exemplo.com
* **Cor do widget:** selecione a cor do widget de chat.
* **Cabeçalho de boas-vindas:** ex.: Olá 👋
* **Frase de boas-vindas:** ex.: Estamos aqui para ajudar com suas dúvidas.
* **Habilitar saudação do canal:** envia uma saudação automática quando o cliente inicia a conversa.
* **Mensagem de saudação do canal:** ex.: Olá. Como podemos ajudar?

Depois de preencher tudo, clique em **Criar caixa de entrada**.

**4.** **Adicionar agentes:** adicione agentes à caixa de entrada. Mesmo sendo Administrador, você precisa se adicionar como agente para que a caixa de entrada apareça na sua tela.

**5.** **Adicionar o widget ao site:** copie o trecho de código exibido e cole-o no seu site para ativar o atendimento.

**6.** **Configurações adicionais:** para ajustar notificações, agentes e demais opções depois, volte a **Configurações → Caixas de Entrada** e abra a caixa de entrada do site.

### Finalizando a configuração da caixa de entrada do site

Clique no ícone de configurações da caixa de entrada, na página **Configurações → Caixas de Entrada**, para acessar as opções. Alguns exemplos:

* **Coleta de e-mail:** solicita o e-mail do cliente no início da conversa.
* **CSAT (satisfação do cliente):** ative para exibir uma pesquisa de satisfação ao final do atendimento.

### Abas de configuração

* **Colaboradores:** adicione ou remova agentes e habilite/desabilite a atribuição automática de novas conversas.
* **Horário de funcionamento:** defina os horários de atendimento da equipe e personalize a mensagem exibida fora do expediente.
* **Formulário pré-chat:** colete informações do cliente antes do início da conversa, habilitando e customizando campos como Nome, E-mail e Telefone.
* **Configuração:** acesse o código de integração com o site.
* **Construtor de widget:** personalize a aparência do widget e veja as mudanças em tempo real.