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).
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.