Este documento vai te ajudar a configurar totalmente o chat ao vivo do seu site. Ele explica como criar e usar configurações adicionais para a caixa de entrada do site desejado.
Compatibilidade e requisitos
O painel web e o widget de chat ao vivo funcionam na maioria dos navegadores modernos. Veja as versões de navegador compatíveis:
-
Mozilla Firefox: v52 em diante
-
Google Chrome: v57 em diante
-
Chromium: v57 em diante
-
Apple Safari: v14.1 em diante
-
Microsoft Edge: v16 em diante
Veja as versões de sistema operacional móvel suportadas para o app móvel Chatwoot:
-
Android: v5.0 em diante
-
iOS: v11.0 em diante
Como criar um canal de site no Chatwoot?
Passo 1. Vá para a página de Caixas de Entrada. Acesse Configurações → Caixas de Entrada → botão "Adicionar Caixa de Entrada".
Passo 2. Clique no ícone "Website".
Passo 3. Digite o nome do seu site, URL e outros detalhes conforme descrito abaixo.
Os campos disponíveis são explicados abaixo.
-
Nome do site
Digite o nome do seu site. Por exemplo, Example Inc.
-
Domínio do site
Digite a URL do seu site. Por exemplo,
www.example.com -
Cor do widget
Clique na paleta e selecione uma cor para o widget de chat ao vivo do seu site.
-
Título de boas-vindas
Escreva uma mensagem de saudação para seus clientes. Por exemplo, Olá 👋
-
Mensagem de boas-vindas
Por exemplo: Estamos aqui para ajudar com suas dúvidas. Pergunte qualquer coisa ou envie seu feedback.
-
Ativar/desativar saudação do canal
Ative para enviar mensagem de saudação quando o cliente iniciar a conversa
-
Mensagem de saudação do canal
Escreva uma saudação para iniciar a conversa. Por exemplo: Oi. Como podemos ajudar?
Depois de inserir todos os detalhes, clique no botão “Criar Caixa de Entrada”.
Passo 4. "Adicione agentes" à sua caixa de entrada do site.
As conversas serão encaminhadas para os agentes apenas se eles estiverem associados à caixa de entrada. Mesmo que você seja Administrador, é necessário se adicionar como agente à Caixa de Entrada para vê-la na sua tela.
Selecione os agentes no menu suspenso e clique em Adicionar agentes. Se os agentes não foram adicionados, siga os passos para adicionar agentes.
Passo 5. Pronto! Você criou com sucesso uma caixa de entrada do site. Agora, adicione o widget ao seu site.
Copie e cole o trecho de código exibido na página em seu site e comece a atender seus clientes. Você pode clicar no botão Copiar para copiar e então colar no arquivo raiz do seu site.
Se você clicar no botão "Mais configurações", será direcionado para as Configurações Adicionais da Caixa de Entrada. Se clicar em "Leve-me até lá", você será direcionado para a Caixa de Entrada recém-criada.
Passo 6. Se quiser atualizar os agentes com acesso à caixa de entrada, vá em Configurações → Caixas de Entrada. Você verá sua caixa de entrada do site listada lá. Clique em Configurações. Você poderá ver o código e a lista de agentes que têm acesso à caixa de entrada.
Complete a configuração da caixa de entrada do site
Você já tem uma caixa de entrada do site funcional. Vamos ver as configurações adicionais da Caixa de Entrada.
Na tela de Caixas de Entrada, clique no ícone de engrenagem para acessar a página de Configurações. Você verá a seguinte tela:
Aba Configurações
Role para baixo para ver mais configurações, onde você pode configurar várias notificações que deseja receber quando sua caixa de entrada do site começar a funcionar.
Veja abaixo alguns exemplos para seu entendimento:
Ativar caixa de coleta de e-mail é ativada por padrão. Isso significa que uma mensagem automática para coletar o e-mail será exibida assim que o cliente iniciar uma conversa. O cliente/usuário final receberá um aviso para digitar o e-mail.
Ativar CSAT. Ao ativar, a pesquisa de satisfação do cliente será exibida sempre que um ticket for resolvido. Os resultados do CSAT podem ser vistos depois na seção de Relatórios.
Clique no botão "Atualizar" para salvar as alterações realizadas.
Aba Colaboradores
Clique na aba "Colaboradores".
Aqui, você pode adicionar Agentes à Caixa de Entrada ou remover agentes já adicionados. Você também pode ativar ou desativar o direcionamento automático de novas conversas para os agentes adicionados a essa caixa de entrada.
Clique em Atualizar para salvar as alterações.
Aba Horário Comercial
Clique na aba "Horário Comercial". Nesta seção, você pode definir o horário de atendimento da sua equipe.
Marque a caixa Ativar disponibilidade comercial para esta caixa de entrada se você tiver horários comerciais bem definidos. Assim que marcar, uma nova seção será aberta, como mostrado abaixo. Aqui você pode escrever a mensagem que será exibida ao cliente fora do horário comercial.
Nota: Quando o Captain está ativado em uma caixa de entrada, a mensagem de indisponibilidade é automaticamente suprimida. O Captain lidará com as conversas diretamente, mesmo fora do horário comercial. A mensagem de indisponibilidade só será enviada se o Captain transferir a conversa para um agente humano ou se o Captain não estiver configurado para a caixa de entrada.
Você também pode selecionar o horário comercial disponível para cada dia da semana, junto com o fuso horário correto.
Clique no botão Atualizar configuração de horário comercial.
Aba Formulário Pré-Chat
Clique na aba "Formulário Pré-Chat".
Com isso, você pode coletar informações sobre seus clientes assim que eles entrarem na janela do chat ao vivo/widget do seu site. Você pode usá-lo para coletar nome, e-mail e outros dados antes do início do chat.
Os campos exibidos são explicados abaixo:
-
Ativar formulário pré-chat
Selecione Sim ou Não. Sim, se deseja usar o formulário pré-chat. Não se quiser deixá-lo desativado.
-
Mensagem Pré-Chat
Escreva uma mensagem para iniciar a conversa com o cliente. Por exemplo: Olá, precisamos de algumas informações para te atender melhor.
-
Campos do formulário pré-chat
Marque os que forem necessários.
Importante: "Nome", "E-mail" e "Telefone" são os únicos atributos padrão do formulário pré-chat. Os demais campos são criados através de atributos personalizados. Se precisar de campos personalizados no formulário, crie-os como atributos personalizados primeiro.
Clique no botão "Atualizar". O Formulário Pré-Chat está agora ativado.
Aba Configuração
Clique na aba “Configuração”. Aqui você encontra o trecho de código a ser copiado para o seu site.
Você pode clicar no botão Copiar para copiar o código e colar no arquivo raiz do seu site.
Aba Construtor de Widget
Você pode personalizar seu widget web com as configurações simples oferecidas nesta página. Visualize suas alterações ao vivo.
