# Introdução A AtendChat foi projetada não apenas para uma ótima experiência do cliente, mas também para melhorar a produtividade de sua equipe de suporte e fornecer dados acionáveis. {% embed url="" %} A AtendChat é uma plataforma criada com o objetivo de oferecer soluções de autoatendimento 24h através de chatbots, gerenciamento de atendimentos com atendentes humanos e disparos de mensagens em massa via WhatsApp ou outros canais da preferência do seu público-alvo. Você pode integrar sua conta da AtendChat com vários canais de conversa, como chat ao vivo no site, e-mail, página do Facebook, Twitter, WhatsApp, etc. Você pode visualizar todas as suas conversas de diferentes canais em um painel. Isso ajuda a reduzir o tempo e o atrito envolvidos na alternância entre várias ferramentas. Você pode gerenciar suas conversas e colaborar com sua equipe, a qualquer hora e de qualquer lugar, através do aplicativo AtendChat (disponíveis para Android e iOS). Neste guia do usuário, explicaremos todos os recursos, funcionalidades, modos de operação e passo a passo para usar facilmente a plataforma AtendChat. # FAQ Aqui você encontrará as perguntas mais frequentes em relação à plataforma AtendChat. ## Como configurar vários números em um único aplicativo do Facebook O aplicativo do Facebook permite configurar apenas um único ponto de extremidade do Webhook. Portanto, crie caixas de entrada na AtendChat para todos os números conforme necessário. Você precisará configurar a URL do Webhook fornecida para apenas uma dessas caixas de entrada no aplicativo do Facebook para que todas as outras caixas de entrada funcionem. ## Configurações adicionais da caixa de entrada Sua caixa de entrada recém-configurada do WhatsApp agora deve aparecer na sua lista de caixas de entrada. Para ver isso e fazer configurações adicionais em sua caixa de entrada do WhatsApp, vá para **Configurações** → **Caixas de entrada** → clique no ícone de engrenagem na caixa de entrada associada do WhatsApp. Para mais informações sobre as configurações adicionais da caixa de entrada, leia [aqui](https://chat.hotmobile.com.br/hc/central-de-ajuda/pt_BR/batepapo-ao-vivo-no-site/13). ## Tipos de mídia suportados **Áudio** * áudio/aac * áudio/mp4 * áudio/mpeg * áudio/amr * áudio/ogg **Documento** * texto/simples * aplicativo/pdf * application/vnd.ms-powerpoint * aplicativo/msword * application/vnd.ms-excel * application/vnd.openxmlformats-officedocument.wordprocessingml.document * application/vnd.openxmlformats-officedocument.presentationml.presentation * application/vnd.openxmlformats-officedocument.spreadsheetml.sheet **Imagem** * imagem/jpeg * imagem/png **Vídeo** * vídeo/mp4 ## Você oferece suporte a prioridades personalizadas? A AtendChat não permite prioridades personalizadas ou excessivamente específicas. Nós intencionalmente as projetamos dessa maneira para evitar as armadilhas da complexidade excessiva, o que pode tornar mais desafiador estabelecer prioridades de forma eficaz e, em última análise, levar a um valor menor ou nenhum valor extra em relação ao sistema atual. A melhor solução é usar rótulos ou atributos personalizados. ## A prioridade da conversa funciona com regras de automação? Sim, é possível atribuir uma prioridade por meio de regras de automação, também existe uma condição de alteração de prioridade nas regras de automação. ## Posso criar uma macro com prioridade ? Sim, basta criar uma nova ou editar uma macro existente e adicionar a etapa "**Alterar prioridade**" e salvá-la. ## Como um agente pode transferir a conversa de volta para o bot Fluxo de Diálogo? Quando o bot do **Fluxo de Diálogo** (ou Dialogflow) está conectado a uma caixa de entrada, as conversas são criadas com status **pendente** em vez de **aberto**. Isso permite que a triagem inicial aconteça por meio do bot antes que a conversa seja passada para um agente. Quando isso acontece, o status da conversa é alterado e o bot para de responder a ela. Às vezes, os agentes gostariam de adiar uma conversa que foi transferida de volta para a fila do bot. Eles podem fazer isso alterando o status da conversa novamente para **pendente** para que o bot comece a responder a essa conversa novamente. ## Integrei o slack corretamente, mas não consigo ver o canal. Pressione a tecla **⌘+K** ou **Ctrl+K,** procure o canal de **conversas com o cliente** e verifique se ele foi criado. Suas conversas da AtendChat estarão neste canal. ## Estou respondendo a uma mensagem, mas ela não aparece na caixa de entrada da AtendChat. Ao responder à mensagem, certifique-se de responder no mesmo tópico. Cada tópico representa uma conversa separada, portanto, para mostrar sua resposta à mesma mensagem, você deve responder no tópico. Usamos o ID do tópico para verificar a conversa separada. ## O BOT consegue fazer transferência para um Agente Humano? Quando um bot de agente está conectado a uma caixa de entrada, as conversas são criadas com status **pendente** em vez de **aberto**. Isso permite que a triagem inicial aconteça por meio do bot antes que a conversa seja passada para um agente. Quando o bot decide que é melhor que a conversa seja tratada por um agente humano, ele pode chamar a API de atualização da conversa e alternar o status da conversa para **aberto.** Às vezes, os agentes gostariam de adiar uma conversa que foi transferida de volta para a fila do bot. Eles podem fazer isso alterando o status da conversa novamente para **pendente** para que o bot possa começar a responder a essa conversa novamente. ## Estou tentando adicionar agentes. Está em estado pendente há muito tempo. Cada conta de usuário tem um status confirmado e um status pendente. Para chegar ao status confirmado, cada agente convidado deve verificar sua conta clicando no e-mail de convite que recebeu em seus e-mails. ## Como administrador, quero adicionar apelidos aos agentes. Como administrador, você não pode adicionar um apelido. No entanto, depois que os agentes confirmam a conta, eles podem definir seu nome de exibição nas configurações do perfil. # Crie sua conta teste Você sabia que pode experimentar a nossa ferramenta por um **Período Teste** antes de assiná-la? Para isso basta acessar a página da [AtendChat](https://24403607.hs-sites.com/atendchat) e preencher seus dados no campo disponível, para que possa experimentar o **Período Teste**. Veja o Exemplo:
Após o preenchimento, um dos nossos especialistas entraram em contato com você, para liberar seu acesso à uma conta temporária. Ao longo de todo esse período **você terá um consultor** **exclusivo** para sanar suas dúvidas e te guiar nessa nova ferramenta. Ao final do período de teste, assinando a AtendChat, você receberá do seu consultor o login permanente para poder acessar sua plataforma e revolucionar o atendimento ao seus clientes. # Assine a AtendChat Aqui você encontrará o passo a passo para realizar a assinatura da sua conta AtendChat. Acesse seu [painel Hotmobile](https://painel.hotmobile.com.br/) e efetue seu login normalmente.
Assim que seu painel carregar, você verá na barra superior de comandos o botão "**AtendChat**", ao lado de configurações.
Ao clicar, um pequeno menu irá se abrir. Selecione a opção "**Assinatura**".
Uma nova tela irá aparecer para você. Lá você poderá conferir os valores de cada pacote, e efetuar o pagamento na própria plataforma. Veja o exemplo abaixo:
Para efetuar o pagamento basta clicar na opção "**Inserir Assinatura**", em verde. Um pop up irá aparecer na tela para que você insira as informações necessárias para prosseguir com o pagamento.
Após preencher os dados, basta clicar em "**Salvar alterações**" e pronto! Você verá na tela uma mensagem de confirmação da sua assinatura. # Configure o seu perfil Este guia ajuda você a configurar seu perfil pessoal com sua imagem, nome de exibição, assinatura de mensagem pessoal e muito mais. Você também pode alterar sua senha nesta página. Você pode encontrar a página **Configurações do Perfil** no canto inferior esquerdo do seu painel.
## **Atualize seu Perfil** Esta seção ajudará você a atualizar seu perfil de agente na **AtendChat**. Essas informações atualizadas serão usadas no painel, no widget de chat ao vivo e em todos os e-mails de comunicação externa.
Os campos do formulário estão descritos abaixo: * **Imagem de perfil:** Uma imagem quadrada que se adequa ao seu perfil. Se nenhuma imagem for fornecida, o sistema usará suas iniciais como imagem de perfil. Ex.: Joaquim Fernandes = JF * **Seu nome completo:** Forneça seu nome completo. Ex.: Joaquim Fernandes * **Nome para exibição:** Forneça um nome que você deseja que seja exibido no bate-papo/e-mails, por exemplo: Joaquim F. * **Seu e-mail:** Este endereço de e-mail será usado para enviar notificações, você usará este endereço de e-mail para fazer login na AtendChat. Clique em **Atualizar perfil** para salvar as alterações. Se as alterações forem bem-sucedidas, você verá a mensagem "Seu perfil foi atualizado com sucesso". **Observação: se você atualizar seu endereço de e-mail, o sistema o desconectará. Você precisa fazer login novamente com o endereço de e-mail atualizado e a senha.** ## **Defina sua Assinatura** Você pode criar sua assinatura de mensagem pessoal. Isso será adicionado a todas as mensagens que você enviar de sua caixa de entrada de e-mail configurada na AtendChat.
## **Mude sua Senha** Como medida de segurança, você precisa fornecer sua senha existente para alterar a senha. Se você esqueceu a senha antiga, pode sair do sistema e redefinir a senha. A senha deve conter pelo menos um caractere maiúsculo (AZ), pelo menos um caractere numérico (0..9) e pelo menos um caractere especial (!@#$%^&\*()\_+-=\[]{}|'"/\\^.,< > :;?\~\`.)
## **Configurações de notificações** Você pode acessar as configurações de Notificações e marcar as caixas de acordo com suas preferências.
Para ver todas as suas notificações, clique no símbolo de notificações ![](/files/OvXF8Do1xDAqENkgXyus)que fica no canto inferior, no menu esquerdo da tela. Você também pode marcar todos como feitos, assim: {% embed url="" fullWidth="false" %} # Configure os detalhes gerais da sua conta Você pode atualizar as informações da sua organização nesta tela. Você pode atualizar o nome ou o idioma usado na conta alterando as configurações conforme mostrado abaixo. {% embed url="" %} Para atualizar os detalhes da conta, clique em **Configurações**, junto ao ícone de engrenagem. As configurações disponíveis vão aparecer assim:
* **Nome da conta:** Digite o nome da sua conta. Ex.: Hopkins Inc. * **Idioma do Site:** Selecione o idioma no qual as conversas precisam acontecer. Ex.: Selecione English (en) se quiser que suas conversas sejam em inglês. Ou Português Brasileiro (pt-BR) caso queira que suas conversas sejam no português do Brasil. * **Número de dias depois que um ticket deve ser resolvido automaticamente se não houver atividade:** Informe o número de dias após o qual o ticket ou conversa será marcada como resolvida. Ex.: 30. Essa funcionalidade é importânte para o caso em que o cliente não tenha mais dúvidas, mas também não tenha dado o fechamento. Clique no botão **Atualizar configurações** no canto superior direito da tela. Aguarde a mensagem 'Configurações de conta atualizadas com sucesso'. # Adicione Agentes Um Agente é um membro de sua equipe de suporte ou atendimento ao Cliente. Os agentes poderão visualizar e responder às mensagens de seus usuários. {% embed url="" %} Para adicionar agentes à sua conta da AtendChat, clique em **Configurações** → **Agentes**. Você será redirecionado para a página de gerenciamento de agentes, conforme mostrado abaixo. Seu nome será listado por padrão como Administrador. Os administradores têm acesso a todos os recursos da AtendChat habilitados para sua conta, incluindo Configurações. Clique em **Adicionar** **Agente**, botão verde no canto superior direito:
Uma janela pop-up será aberta na qual você poderá inserir os detalhes do agente, como nome, função e endereço de e-mail.
**Nome do agente:** Digite o nome do agente. **Tipo de Agente:** Insira a função Agente ou Administrador. Os agentes só podem acessar a caixa de entrada, relatórios e conversas. Os administradores têm todos os privilégios dos agentes e têm acesso a todos os recursos da AtendChat. **Seu endereço de e-mail:** Digite o id de e-mail que você deseja cadastrar. Esse será o e-mail em que o agente irá receber o link de validação da conta e o acesso à Atendchat. Clique no botão **Adicionar** **Agente** para confirmar. Você verá uma mensagem 'Agente adicionado com sucesso'. Este agente será inscrito em sua página de gerenciamento de agentes agora. #### Como editar Agentes Você também pode usar a opção de edição fornecida junto com o nome do agente para alterar os detalhes.
Caso o agente específico não funcione mais com você, você pode usar o botão **Excluir** para excluir o agente do painel.
### Permissões Saiba como acrescentar novas formas de permissões para os agentes, determinando o que eles podem ou não fazer e ver dentro da plataforma. {% embed url="" %} # Adicione Caixas de Entrada Uma caixa de entrada conecta seu site ou contas de mídia social como Facebook, Twitter ou plataformas de bate-papo como WhatsApp, Line e muito mais com a AtendChat. {% embed url="" %} Você pode ter caixas de entrada **ilimitadas** em sua conta AtendChat. Você pode adicionar uma caixa de entrada à sua conta de qualquer uma das 3 maneiras descritas abaixo: #### **1. Por meio da Tela de Boas Vindas** Você verá a opção de conectar suas caixas de entrada na tela de integração. Clique em 'Clique aqui para criar sua caixa de entrada', conforme mostrado no exemplo abaixo.
#### **2. Através da sua tela inicial de Mensagens** Você pode encontrar o botão **+ Nova Caixa de Entrada** em sua tela inicial, abaixo da lista de suas caixas de entrada.
#### **3. Por meio da Tela de Configurações** No painel da AtendChat, clique em **Configurações** → **Caixas de entrada.**
#### **Comece a adicionar Caixas de Entrada** Quando chegar à tela da caixa de entrada, clique no botão: “**Adicionar caixa de entrada**” que você encontrará no canto superior direito da página. Selecione os canais por onde você irá atender. Você pode ver a lista de canais suportados nesta tela. São eles: [Website](/comecando/adicione-caixas-de-entrada/webchats), [WhatsApp](/comecando/adicione-caixas-de-entrada/whatsapp), [SMS](/comecando/adicione-caixas-de-entrada/outros-canais/sms), [Facebook](/comecando/adicione-caixas-de-entrada/outros-canais/facebook), [API](/comecando/adicione-caixas-de-entrada/outros-canais/api), [Telegram](/comecando/adicione-caixas-de-entrada/outros-canais/telegram), [Line](/comecando/adicione-caixas-de-entrada/outros-canais/line), Email, etc.
As caixas de entrada serão conectadas aos widgets (ícones) colocados no site ou em outros canais de atendimento. #### **Próximos Passos** Encontre o passo-a-passo detalhado para configurar cada canal no menu esquerdo desta central de ajuda. ### **Configurações adicionais da caixa de entrada** Ainda na tela **Configurações > Caixas de entrada**, clique no ícone de engrenagem para acessar a página **Configurações** da caixa específica. Exemplo:
#### Aba de Configurações Essa é a primeira visão quando abre a nova tela. Você já está na aba de **Configurações**. Nesta etapa, você poderá modificar o Nome, Imagem do canal, copiar a URL de Webhook e Ativar a Saudação do Canal.
**Habilitar CSAT** . Depois de habilitar isso, sua pesquisa de satisfação do cliente será lançada sempre que um ticket for resolvido. Os resultados do CSAT podem ser visualizados posteriormente na seção Relatórios. Saiba mais sobre Pesquisas de Satisfação, [clique aqui](/conversas/avalie-o-seu-atendimento). **Centro de Ajuda.** Quando você tiver uma Central de ajuda, você poderá selecionar a central que deseja ativar na Caixa de Entrada em questão. Aprenda a criar a sua Central de Ajuda, [clique aqui](/crie-sua-central-de-ajuda). Clique no botão **Atualizar** para salvar as alterações feitas. #### **Aba de Colaboradores** Clique na Aba **Colaboradores**, como no exemplo abaixo.
Aqui, você pode adicionar agentes à caixa de entrada ou excluir agentes que já foram adicionados à caixa de entrada. Você também pode ativar ou desativar a atribuição automática de novas conversas aos agentes adicionados a esta caixa de entrada. Bem como, pode determinar se irá permitir que os agentes excluam uma mensagem de uma conversa. Clique no botão **Atualizar** para salvar as alterações feitas. #### **Aba de Horário de Funcionamento** Clique na aba **Horário** **de** **Funcionamento**. Nesta seção, você pode definir o horário de trabalho de sua equipe. Selecione a caixa de seleção **Permitir a disponibilidade de negócios para essa caixa de entrada** se você tiver um horário comercial pré-definido. Depois que a caixa de seleção estiver marcada, a seção seguinte será aberta. Você pode escrever sua mensagem para ser exibida ao cliente fora do horário comercial. Veja um exemplo:
Você também pode selecionar o horário comercial disponível para cada dia da semana, juntamente com o fuso horário adequado. Clique no botão **Atualizar configurações do horário comercial** para salvar as alterações feitas. #### **Aba de configuração** Clique na guia **Configuração**. Você pode encontrar o trecho de código a ser copiado para o site aqui.
Você pode clicar no botão **Copiar** para copiar o código e colá-lo no arquivo raiz do seu site. # WhatsApp A AtendChat proporciona praticidade e comodidade até mesmo no momento de se conectar ao Whatsapp. ## Confira como conectar seu WhatsApp à ​​AtendChat de forma simplificada. Passo 1 - Clique em **Configurações** , no menu esquerdo da tela > **Caixas de Entrada** > **+ Adicionar Caixa de Entrada.**
Passo 2 - Clique em **WhatsApp API.**
Passo 3 - Crie o nome do canal e deixe o espaço URL do webhook em branco e clique em **Criar Canal do API**.
Passo 4 - Volte para **Configurações** no menu esquerdo da tela > Clique novamente em **Caixas de Entrada** > ícone **Configurações** da caixa que você criou.
Passo 5 - Clique na aba **WhatsApp** > Clique no botão **Conectar QR Code.**
Passo 6 - Aponte o seu celular para o QR Code na tela.
Aguarde e Pronto! Ao aparecer a tela abaixo, significa que você já está conectado.
# Webchats Você pode configurar seu AtendChat como um chat no seu Website e atender seus leads por lá de forma mais rápida. ### Adicionar e configurar canal #### **Etapa 1** Acesse a página Caixas de entrada. Vá para **Configurações** → **Caixas de entrada** → **Adicionar** **caixa** **de entrada**.
#### **Etapa 2** Clique no ícone **Website**.
#### **Etapa 3** Digite o nome do seu site, URL e outros detalhes conforme descrito abaixo.
* **Nome do site:** Digite o nome do seu site. Ex.: Empresa Inc. * **Domínio do website:** Insira o link para o seu site. Ex.: [www.empresa.com](http://www.empresa.com/) * **Cor do widget:** Selecione a cor que deseja. * **Seja bem-vindo:** Digite uma saudação com a qual você gostaria de se dirigir ao cliente. Ex.: Olá. * **Bem-vindo, saudação:** Dê um slogan representando sua empresa. Ex.: Nós tornamos simples a conexão conosco. Pergunte qualquer assunto ou compartilhe seus comentários. * **Ativar saudação do canal:** Selecione Ativado ou Desativado. Quando ativado, envia mensagem de saudação quando o cliente iniciar a conversa. * **Mensagem de Saudação do Canal:** A caixa para digitar a mensagem de saudação aparecerá apenas quando o item anterior estiver Ativado. Aqui você deverá escrever a saudação com a qual você gostaria de iniciar a conversa. Ex.: Oi. Como podemos te ajudar? Depois de inserir todos os detalhes, clique no botão "**Criar caixa de entrada**". #### **Etapa 4** "Adicione agentes" à caixa de entrada do seu site.
{% hint style="danger" %} As conversas serão compartilhadas com os agentes somente se eles estiverem associados à caixa de entrada. Mesmo que você seja um Administrador, você precisa se adicionar como um agente à Caixa de entrada para vê-la em sua tela. {% endhint %} Selecione os agentes no menu suspenso e clique em **Adicionar agentes**. Se os agentes não tiverem sido adicionados, siga as etapas para [Adicionar Agentes](/comecando/adicione-agentes). #### **Etapa 5** Viva! Você criou com sucesso uma caixa de entrada do site. Agora, adicione o widget ao seu site. Copie e cole o código mostrado na página em seu site e comece a atender seus clientes. Você pode clicar no botão **Copiar** para copiar e colar o código em seu site.
Se você clicar no botão ***More settings***, será direcionado para as configurações adicionais da caixa de entrada. Se você clicar no botão ***Take me there***, será direcionado diretamente para a caixa de entrada recém-criada. #### **Etapa 6** Se você deseja atualizar os agentes que têm acesso à caixa de entrada, vá para **Configurações** → **Caixas de entrada**. Você poderá ver a caixa de entrada do seu site listada lá. Clique em Configurações. Você poderá ver o código, bem como a lista de agentes que têm acesso à caixa de entrada.
### **Configurações adicionais da caixa de entrada** Na tela **Configurações > Caixas de entrada**, clique no ícone de engrenagem o lado da Caixa de entrada que você acabou de criar.
#### Guia de Configurações Essa é a primeira visão de quando abre a nova tela. Você já está na guia de **Configurações**.
Role para baixo para ver mais configurações, onde você pode configurar as várias notificações que gostaria de receber quando a caixa de entrada do seu site começar a funcionar.
Aqui estão alguns exemplos para sua compreensão: **Ativar caixa de coleta de e-mail** é ativado por padrão. Isso significa que uma mensagem automática para coletar o ID do e-mail será exibida assim que o cliente iniciar uma conversa. O cliente/usuário final receberá uma solicitação para inserir um ID de e-mail. **Habilitar CSAT** . Depois de habilitar isso, sua pesquisa de satisfação do cliente será lançada sempre que um ticket for resolvido. Os resultados do CSAT podem ser visualizados posteriormente na seção Relatórios. Clique no botão **Atualizar** para salvar as alterações feitas. #### **Guia de Colaboradores** Clique na guia **Colaboradores** Aqui, você pode adicionar agentes à caixa de entrada ou excluir agentes que já foram adicionados à caixa de entrada. Você também pode ativar ou desativar a atribuição automática de novas conversas aos agentes adicionados a esta caixa de entrada.
Clique no botão **Atualizar** para salvar as alterações feitas. #### **Guia de Horário de Funcionamento** Clique na guia **Horário** **de** **Funcionamento**. Nesta seção, você pode definir o horário de trabalho de sua equipe.
Clique na caixa de seleção **Permitir a disponibilidade de negócios para essa caixa de entrada** se você tiver um horário comercial pré definido. Depois que a caixa de seleção estiver marcada, a seção abaixo será aberta. Você pode escrever sua mensagem para ser exibida ao cliente fora do horário comercial. Você também pode selecionar o horário comercial disponível para cada dia da semana, juntamente com o fuso horário adequado.
Clique no botão **Atualizar configurações do horário comercial** para salvar as alterações feitas. #### **Guia do Formulário Pré-Chat** Clique na guia **Formulário Pré-Chat.** Com isso, você pode coletar informações sobre seus clientes assim que eles entrarem na janela de bate-papo ao vivo/widget do site. Você pode usar isso para coletar informações do cliente, como nome e endereço de e-mail, antes de iniciar o chat.
* **Ativar formulário pré-chat:** Selecione Sim ou Não. Sim, se você quiser usar o formulário pré-chat. Não, se você não quiser. * **Mensagem pré-chat:** Dê uma mensagem para iniciar uma conversa com o cliente. Ex.: Olá, precisamos de algumas informações para melhor atendê-lo. * **Os visitantes devem fornecer seu nome e endereço de e-mail antes de iniciar o bate-papo:** Marque a caixa de seleção se precisar do nome e endereço de e-mail obrigatoriamente. Isso nos ajudará a manter melhor nossa lista de contatos. Clique no botão **Atualizar** para salvar as alterações feitas. O formulário pré-chat está ativado agora. #### **Guia de configuração** Clique na guia **Configuração**. Você pode encontrar o trecho de código a ser copiado para o site aqui.
Você pode clicar no botão **Copy** para copiar o código e colá-lo no arquivo raiz do seu site. #### **Guia Construtor de Widgets** Você pode personalizar seu widget da web com configurações simples fornecidas nesta página. Você poderá ver suas alterações ao vivo.
A seguir, saiba como **instalar o Webchat no seu site** utilizando **Webflow, Google Tag Manager ou Wordpress.** # Webflow Se o seu site foi criado com o Webflow e você deseja conversar com os visitantes do site Webflow em tempo real, pode adicionar o widget de bate-papo ao vivo AtendChat ao seu site. Para usar a AtendChat como chat ao vivo do seu site, siga as etapas descritas abaixo. ### **1. Crie uma caixa de entrada do site na AtendChat** Consulte o passo-a-passo [aqui](/comecando/adicione-caixas-de-entrada). ### **2. Instale o script gerado no Webflow** Vá para as **Configurações > Caixas de Entrada > aba Configuração** e copie o Identificador da caixa de entrada. Em seguida, faça login na sua conta do Webflow e selecione seu site > Configurações.
Para colar o script em Footer Code no Webflow, vá para **Código Personalizado** > **Código do Rodapé** . Cole o script na seção Código do Rodapé e Salve as alterações.
### **3. Publique as Alterações** Clique em **Publicar** > Selecione o site > **Publicar nos domínios selecionados.**
**Pronto**! Você integrou com sucesso o AtendChat ao Webflow.
# Google Tag Manager Se você estiver usando o Google Tag Manager em seu site, poderá instalar a AtendChat no painel do Google Tag Manager. Para instalar o widget de bate-papo ao vivo AtendChat, siga as etapas abaixo: #### **1. Acesse o Google Tag Manager** Faça login no espaço de trabalho do Google Tag Manager com sua conta do Google. Você poderá ver um espaço de trabalho semelhante ao mostrado abaixo.
#### **2. Crie uma nova Tag** Clique no botão "**Adicionar uma nova tag**" no painel. Em seguida aparecerá um pop-up para criar uma tag. Altere o nome de "**Tag sem título**" para "**AtendChat**" ou algo que faça sentido para você. Clique na configuração da tag, selecione o tipo de tag "**HTML** **personalizado**" na lista, conforme mostrado abaixo.
Copie o script da configuração da caixa de entrada na AtendChat para a área de texto do script HTML conforme mostrado abaixo. Marque a caixa de seleção "**Suporte** **document.write**".
Clique no acionamento e selecione "**Todas as páginas**" na lista.
Clique em "**Salvar**" para salvar a tag. Você poderá ver a tag listada em Alterações do espaço de trabalho.
Clique em **Enviar** para implantar a tag. Forneça um nome de versão e implemente as alterações clicando em "**Publicar**".
Você implantou com sucesso o widget de bate-papo ao vivo AtendChat em seu site usando o Google Tag Manager. Atualize seu site para ver o widget de bate-papo ao vivo em todas as páginas. # WordPress Se você estiver hospedando seu site no WordPress, poderá adicionar um widget de bate-papo ao vivo AtendChat a ele e conversar com seus visitantes em tempo real. Para usar o bate-papo ao vivo da AtendChat no site WordPress, siga as etapas explicadas abaixo. ### **1. Baixe o Plug-in** Baixe o arquivo Zip do plugin AtendChat WordPress mais recente do GitHub, conforme mostrado abaixo.
### **2. Carregue o plug-in no seu site** Faça login na sua conta do WordPress. Navegue até o painel Admin e clique em “**Plugins**” na barra lateral. Você poderá ver o botão "**Adicionar** **novo**".
Você verá uma opção para carregar o plug-in, conforme mostrado na captura de tela abaixo. Clique em “**Upload**” e selecione o arquivo Zip baixado na etapa 1.
Após o upload do plug-in, você verá uma tela de sucesso com a opção "**Ativar plug-in**", conforme mostrado abaixo. Clique em "**Ativar Plug-in**".
Parabéns! O plug-in agora está instalado. Para concluir a configuração, você precisa compartilhar as credenciais do aplicativo AtendChat, conforme mostrado nas etapas abaixo.
### **3. Configure o Plug-in** Agora, você poderá ver “**Configurações** **do AtendChat**” no menu "**Configurações**". Clique nele para atualizar a configuração do chat ao vivo.
Você será presenteado com a tela de configurações conforme mostrado abaixo. Configure seu plug-in AtendChat aqui para fazê-lo funcionar. Você precisa criar uma caixa de entrada do site na instalação do AtendChat. Consulte este [guia](https://chat.hotmobile.com.br/hc/central-de-ajuda/pt_BR/canais/13) para criar uma caixa de entrada do canal do site.
As configurações de site disponíveis são as seguintes: **Token do site Chatwoot / URL de instalação:** Depois de criar uma caixa de entrada do canal do site na instalação do AtendChat, você receberá um script. O token e o URL podem ser copiados conforme mostrado abaixo.
**Design de widget:** O AtendChat oferece suporte a dois designs para o widget de chat ao vivo, Design padrão e design de bolha expandida. Você pode ver os detalhes sobre isso aqui. **Posição do widget:** Com base em sua preferência, você pode selecionar onde colocar o widget de chat ao vivo no site. As opções disponíveis são Esquerda e Direita. **Linguagem:** AtendChat suporta mais de 30 idiomas. O idioma padrão é o inglês. **Texto do iniciador:** Este é um campo opcional. Se você usar o design de bolha expandida, poderá usar o texto do iniciador para personalizar o texto exibido na bolha. ### **4. Verifique se o plug-in está funcionando corretamente** Depois de fornecer os valores corretos, clique em "**Salvar alterações**". Em seguida, visite seu site e veja se o widget aparece no site.
# Outros Canais # Whatsapp Oficial A AtendChat suporta a API oficial do WhatsApp Business. Você pode conectar o número de telefone e começar a gerenciar suas consultas de clientes do WhatsApp na ​​AtendChat. Siga as etapas abaixo para habilitar sua caixa de entrada do WhatsApp com a API do WhatsApp Cloud. #### **1. Configure seu aplicativo** Primeiro, você precisa criar seu aplicativo de desenvolvedor do Facebook, com o **Whatsapp Product** ativado. Vá para o Guia da API do WhatsApp Cloud e navegue até a seção chamada **Set up Developer Assets and Platform Access** e siga as etapas. Depois de concluir esta etapa, você pode configurar os números de telefone necessários na seção do aplicativo do desenvolvedor do Facebook. Se você concluir as etapas com êxito, poderá obter o **Phone number ID** e **Whatsapp Bussiness Account ID** conforme mostrado na captura de tela abaixo. A AtendChat exigirá esses valores para criar a caixa de entrada do WhatsApp.
#### **2. Configure um usuário do sistema para o seu gerenciador** Crie um usuário do sistema em seu Gerenciador de Negócios com acesso ao App WhatsApp. Gere um token de acesso para o usuário, que será necessário como chave de API para configurar uma caixa de entrada na AtendChat. Ao gerar o token de acesso, verifique se as permissões **whatsapp business management** e **whatsapp business messaging** estão selecionadas. #### Etapa 1 Crie um usuário do sistema na guia Usuários do sistema do Gerenciador de Negócios. #### Etapa 2 Adicione o usuário do sistema. Na guia Contas do WhatsApp, selecione “**Adicionar pessoas**” e selecione o usuário do sistema para conceder acesso à conta do WhatsApp Business.
#### Etapa 3 Gere o token de acesso e solicite permissões.
### **Configurar caixa de entrada do WhatsApp no AtendChat** #### Etapa 1 Abra o painel do AtendChat. Vá para **Configurações** → **Caixas de entrada** → **Adicionar caixa de entrada.**
#### Etapa 2 Clique no ícone "**WhatsApp**".
#### Etapa 3 Escolha "**WhatsApp** **Cloud**" como provedor de API. Preencha os detalhes apropriados.
* **Nome:** Escolha um nome para sua caixa de entrada. Ex: nome da sua empresa * **Número de telefone:** Escolha um nome para sua caixa de entrada. Ex: nome da sua empresa * **Identificação do número de telefone:** Escolha um nome para sua caixa de entrada. Ex: nome da sua empresa * **ID da conta comercial:** Escolha um nome para sua caixa de entrada. Ex: nome da sua empresa * **Chave API:** Escolha um nome para sua caixa de entrada. Ex: nome da sua empresa * **Webhook Verificar Token:** Escolha um nome para sua caixa de entrada. Ex: nome da sua empresa Conclua as etapas para obter seu Whatsapp Webhook Callback URL. ### **Habilitar o Webhook** Configure o webhook no Facebook Developer App. Volte para a **seção** **Whatsapp** no aplicativo do desenvolvedor do Facebook. Navegue até a subseção **Configuration** e configure o arquivo Callback URL. * O valor da URL deve ser a mesma URL que você obteve no final da criação da sua caixa de entrada do AtendChat e se parecerá com isso: de telefone) * O valor para o Token deve ser o mesmo valor que você configurou em **Webhook Verify Token** durante a criação da caixa de entrada. Você **também deve se inscrever em eventos de campos de mensagem** em Campos de Webhooks em seu aplicativo de desenvolvedor do Facebook. Depois de concluir todas as etapas, a seção deve se parecer com a captura de tela a seguir.
# Facebook Se você estiver usando uma instalação auto-hospedada da AtendChat, configure seu aplicativo do Facebook conforme descrito neste guia. Para a versão em nuvem da AtendChat, siga as etapas abaixo. #### Etapa 1 Vá para **Configurações** → **Caixas de entrada** → **Adicionar caixa de entrada**.
#### Etapa 2 Clique no ícone **Menssenger**.
#### Etapa 3 Clique no botão de login do Facebook. Irá abrir uma nova janela para você fazer o login.
#### Etapa 4 Autentique-se com o Facebook e selecione a página que deseja conectar. Habilite todas as permissões mostradas na lista. Isso ajudará a AtendChat a executar todas as ações desejadas sem problemas.
#### Etapa 5 Agora você pode selecionar sua página do Facebook no menu suspenso que aparece na AtendChat.
#### Etapa 6 "**Adicione agentes**" à sua caixa de entrada do Facebook.
**Parabéns**! Você criou com sucesso uma caixa de entrada do Facebook. Sempre que um cliente enviar uma mensagem para sua página do Facebook, você poderá vê-la e respondê-la na AtendChat.
Veja as Configurações adicionais da caixa de entrada [aqui](/relatorios/caixa-de-entrada). # SMS É possível configurar seu AtenChat aos disparos de SMS da Hotmobile. Saiba como configurar os envios de SMS para disparos de campanhas diversas usando a AtendChat. [Clique aqui](https://wa.me/5571999998810) e consulte um dos nossos especialistas. # E-mail Aqui você aprenderá como configurar seu canal de e-mail no AtendChat. (Essa função está inativa no momento) #### Etapa 1 Abra o painel do AtendChat. Vá para **Configurações** → **Caixas de entrada** → **Adicionar caixa de entrada**.
#### Etapa 2 Clique no ícone "**E-mail**".
#### Etapa 3 Digite o nome do canal (como você gostaria de endereçar este canal), seu e-mail de suporte e clique no botão **Criar canal de e-mail**.
#### Etapa 4 "**Adicione agentes**" à sua caixa de entrada de e-mail.
Viva! Você criou com sucesso uma caixa de entrada de e-mail. #### Etapa 5 Defina suas configurações de e-mail. Vá para **Configurações** → **Caixas de entrada** → Configurações da caixa de entrada de e-mail → guia **Configuração**.
Você pode configurar sua caixa de entrada de e-mail do AtendChat das duas maneiras a seguir. 1. Encaminhar para e-mail 2. Configurar IMAP # Como configurar o IMAP para o canal de E-mail? Se você estiver usando o Gmail, configure o IMAP para Gmail nas configurações da caixa de entrada . #### Etapa 1 Vá para **Configurações** → **Caixas de entrada** → Configurações da caixa de entrada de e-mail → guia **Configuração**.
#### Etapa 2 Marque a caixa de seleção **Enable IMAP configuration for this inbox**. Você poderá ver os campos obrigatórios da seguinte maneira. 1. Endereço 2. Porta 3. E-mail 4. Senha Para obter ajuda, consulte: * Contas do Gmail habilitadas em duas etapas. Consulte: Gerar senha do aplicativo * Todas as outras contas do Gmail. Consulte: Permitir acesso menos seguro
#### Etapa 3 Teste se está tudo funcionando bem. Envie um e-mail para o e-mail configurado para IMAP no AtendChat. Verifique a caixa de entrada do AtendChat para o novo e-mail. Abra a conversa por e-mail no AtendChate verifique os detalhes do e-mail.
# Como configurar o SMTP para o canal de E-mail? #### Etapa 1 Acesse a página **Configurações** > **Caixas de entrada** > **Caixa de entrada de e-mail.**
#### Etapa 2 Selecione a guia "**Configuração**".
#### Etapa 3 Para ativar o SMTP, marque a caixa de seleção "**Ativar configuração SMTP para esta caixa de entrada**"
#### Etapa 4 Preencha os campos abaixo e clique em "**Atualizar configurações SMTP**". 1. Endereço 2. Porta 3. E-mail 4. Senha * Contas do Gmail habilitadas em duas etapas. Consulte: Gerar senha do aplicativo * Todas as outras contas do Gmail. Consulte: Permitir acesso menos seguro 5. Domínio
#### Etapa 5 Abra uma conversa de e-mail existente no AtendChat. #### Etapa 6 Digite uma mensagem de resposta para a conversa e clique no botão "**Enviar**".
#### Etapa 7 Verifique se o correio foi entregue.
#### Etapa 8 Verifique a caixa de entrada do destinatário para o e-mail entregue. # Encaminhe seus E-mails para o AtendChat #### Etapa 1 Copie o endereço de e-mail de encaminhamento da guia de configuração nas configurações da caixa de entrada.
#### Etapa 2 Configure o endereço de e-mail copiado como o endereço de e-mail de encaminhamento na caixa de entrada de e-mail. * Adicionar endereço de encaminhamento para a caixa de entrada do Gmail #### Etapa 3 Envie um e-mail para a caixa de entrada do endereço de encaminhamento adicionado. #### Etapa 4 Verifique a caixa de entrada do e-mail do Chatwoot para o novo e-mail. # Ativar IMAP para caixa de entrada do Gmail #### Etapa 1 Vá para a caixa de entrada do Gmail e clique no ícone de configurações no canto superior direito.
#### Etapa 2 Clique no botão "Ver todas as configurações".
#### Etapa 3 Selecione a guia "**Encaminhamento e POP/IMAP**" na página de configurações.
#### Etapa 4 Escolha a opção "**Ativar IMAP**" na seção de acesso IMAP e clique no botão "**Salvar alterações**".
# Acesso menos seguro à caixa de entrada do Gmail Esta opção não está disponível para contas do Gmail habilitadas para verificação em duas etapas ou gerenciadas por uma organização. #### Etapa 1 Vá para a **Segurança** da Conta do Google
#### Etapa 2 Clique em "**Ativar acesso**" na seção "**Acesso ao aplicativo menos seguro**" na página de segurança.
#### Etapa 3 Alterne permitir aplicativos menos seguros para "**ON**". Agora você pode usar a senha da sua conta do Gmail para configurar o IMAP/SMTP.
# Gerar Senha de Aplicativo no Gmail isso é para contas do Gmail habilitadas para verificação em duas etapas ou gerenciadas por uma organização. #### Etapa 1 Vá para a Segurança da Conta do Google
#### Etapa 2 Clique em "**Senhas de aplicativos**" na seção "**Como fazer login no Google**" na página de segurança.
#### Etapa 3 Selecione o aplicativo Mail, selecione um dispositivo e clique em "**GERAR**". Use a senha gerada para configurar IMAP/SMTP.
# Encaminhamento para a caixa de entrada do Gmail #### Etapa 1 Vá para a caixa de entrada do Gmail e clique no ícone de configurações no canto superior direito.
#### Etapa 2 Clique no botão "**Ver todas as configurações**".
#### Etapa 3 Selecione a guia "**Encaminhamento e POP/IMAP**" na página de configurações.
#### Etapa 4 Clique em "**Adicionar um endereço de encaminhamento**"
#### Etapa 5 Adicione o endereço de e-mail de encaminhamento do AtendChat e clique em "**Avançar**".
#### Etapa 6 Confirme o endereço de encaminhamento no pop-up do navegador. A caixa de entrada do e-mail enviará um código de verificação para o endereço de e-mail de encaminhamento. #### Etapa 7 Copie o código de verificação da caixa de entrada do e-mail AtendChat. #### Etapa 8 Cole o código de verificação e clique em "**Verificar**".
#### Etapa 9 Cole o código de verificação e clique em "**Verificar**". #### Etapa 10 Selecione a opção "**Encaminhar uma cópia do e-mail recebido**". Escolha a ação necessária no segundo menu suspenso e clique em "**Salvar alterações**".
# E-mail Microsoft #### Etapa 1 Abra o painel do AtendChat. Vá para **Configurações** → **Caixas de entrada** → **Adicionar caixa de entrada**.
#### Etapa 2 Clique no ícone "**E-mail**".
#### Etapa 3 Clique no ícone "**Microsoft**".
#### Etapa 4 Adicione seu e-mail do **Outlook/Microsoft.** #### Etapa 5 Insira suas credenciais do Microsoft/Outlook
#### Etapa 6 Permita que o aplicativo "**Chatroot**" leia seu e-mail e responda ao seu e-mail.
#### Etapa 7 "**Adicione agentes**" à sua caixa de entrada de e-mail. Viva! Você criou com sucesso uma caixa de entrada de e-mail.
#### Etapa 8 Defina suas configurações de e-mail. Vá para **Configurações** → **Caixas de entrada** → Configurações da caixa de entrada de e-mail → guia **Configuração**. **Observação:** por enquanto, não altere nada nas configurações, pois usamos os valores padrão para IMAP e SMTP. Em breve, tornaremos esses campos não editáveis ​​para contas do Outlook.
Estamos usando as configurações IMAP padrão para buscar e-mails e SMTP para enviar, você não precisa definir nada por meio da configuração. #### Etapa 9 Se o seu token de acesso expirar, você precisará reautorizar sua conta da Microsoft, o que pode ser feito em **configurações** → **página de configuração**.
# Telegram #### Etapa 1 Vá para a página "**Configurações**" clicando no ícone de configurações na barra lateral esquerda. #### Etapa 2 Selecione "**Caixas de entrada**" no painel esquerdo e clique no botão "**Adicionar caixa de entrada**".
#### Etapa 3 Clique no ícone "**Telegram**".
#### Etapa 4 Crie um novo bot de telegrama usando o **Telegram** **BotFather** . #### Etapa 5 Digite o token da API do bot do Telegram e clique em "**Criar Canal do Telegram**".
#### Etapa 6 "**Adicione agentes**" à sua caixa de entrada do telegrama.
#### Etapa 7 Viva! Você criou com sucesso uma caixa de entrada do Telegram.
# Line #### Etapa 1 Vá para a página "**Configurações**" clicando no ícone de configurações na barra lateral esquerda. #### Etapa 2 Selecione "**Caixas de entrada**" no painel esquerdo e clique no botão "**Adicionar caixa de entrada**".
#### Etapa 3 Clique no ícone "**Line**".
#### pa 4 Vá para **Line Developer Console** e crie uma conta Line. #### Etapa 5 Crie um "**Provedor**" no console do desenvolvedor. #### Etapa 6 Crie um novo canal de "**API de mensagens**" (Bot) no provedor. #### Etapa 7 Preencha os campos abaixo do console do desenvolvedor Line (Messaging API Channel) e clique em "**Create LINE Channel**". 1. nome do canal 2. LINE ID do canal 3. Segredo do Canal LINE 4. Token de Canal LINE
#### Etapa 8 "Adicionar agentes" à sua caixa de entrada do Line.
#### Etapa 9 Viva! Você criou com sucesso uma caixa de entrada na Line. #### Etapa 10 Teste. Acesse o canal "**Messaging API**" no console do desenvolvedor e configure o webhook. 1. Verifique o URL do webhook da AtendChat 2. Ative "**Usar webhook**"
#### Etapa 11 Envie uma mensagem para o bot Line. #### Etapa 12 Verifique a caixa de entrada da AtendChat Line para a nova mensagem. # API Uma caixa de entrada API permite que a Atendchat se conecte a outros sistemas e plataformas, permitindo que eles criem e gerenciem conversas que serão então centralizadas na Atendchat. Ao configurar uma caixa de entrada API, você pode integrar a Atendchat com outros sistemas, permitindo que eles criem e gerenciem conversas que serão, então, centralizadas na Plataforma Atendchat. A principal vantagem de usar uma caixa de entrada API é que ela permite que você centralize todas as interações de suporte ao cliente em um único lugar. **A configuração de um canal de API consiste nas etapas a seguir.** 1. Criar caixa de entrada do canal de API 2. Envie mensagens usando as APIs da AtendChat 3. Receba webhooks em novas mensagens da AtendChat Este documento permite criar e configurar uma caixa de entrada do canal API nas instalações da AtendChat. #### Etapa 1 Vá para **Configurações** → **Caixas de entrada** → **Adicionar caixa de entrada**. #### Etapa 2 Selecione **API** na lista de canais.
#### Etapa 3 Forneça um nome para o canal e uma URL de retorno de chamada (os eventos e a carga útil correspondente são definidos nos artigos subsequentes)
#### Etapa 4 Adicione agentes à caixa de entrada.
Viva!! A configuração da caixa de entrada está concluída.
# Saiba mais sobre os recursos suportados #### **Tipo de mensagem suportado**
#### **Tamanho máximo da mensagem (número de caracteres)**
#### **Restrição de mensagens enviadas**
#### **Recursos disponíveis**
# Adicione Equipes / Times As equipes permitem que você organize seus agentes em grupos com base em suas responsabilidades. Um usuário pode fazer parte de várias equipes. Você pode atribuir conversas a uma equipe quando estiver {% embed url="" %} Para começar a adicionar equipes, vá para **Configurações** → **Times** → **Criar nova equipe**.
Ao clicar em **Criar nova equipe**, você verá a tela mostrada abaixo. Adicione equipes conforme sua necessidade. Crie equipes e agrupe os problemas/tickets em vários grupos, de forma que os agentes atribuídos precisem trabalhar apenas em equipes relevantes.
* **Nome do Departamento:** Atribuir um nome para a equipe. Ex.: Vendas, Suporte. * **Descrição do Departamento:** Faça uma breve descrição sobre a equipe. Ex.: Equipe para resolver dúvidas relacionadas a vendas de produtos. * **Caixa de seleção:** Marque esta caixa se desejar atribuir automaticamente as conversas nesta equipe. Se esta opção não estiver marcada, a conversa permanecerá como não atribuída. Clique em '**Criar novo departamento'.** A próxima etapa é adicionar agentes a uma equipe. Sempre que uma conversa for atribuída a esta equipe, todos os agentes adicionados serão notificados. Marque as caixas de seleção dos agentes necessários para esta equipe. Clique em '**Adicionar** **Agentes no Time**'. Somente esses agentes poderão ver essas equipes em suas telas.
Clique em '**Concluir**' na próxima tela. Você poderá ver todas as equipes adicionadas à sua lista de Times e poderá editar ou excluir a equipe sempre que desejar.
# Adicione Marcadores Os Marcadores ajudam você a categorizar conversas e priorizá-las. Você pode atribuir um rótulo a uma conversa no painel lateral do chat. {% embed url="" %} Os Marcadores estão vinculados à conta e podem ser usados ​​para criar fluxos de trabalho personalizados em sua organização. Você pode atribuir cores personalizadas a um marcador, o que facilita a sua identificação. Você poderá exibir o marcador na barra lateral para filtrar as conversas rapidamente. Para adicionar marcadores, clique em **Configurações** na tela inicial da AtendChat. Vá para o botão **Marcadores** → **Adicionar marcador.**
Após clicar em **Adicionar marcador**, você verá a tela (como mostrado abaixo) onde você pode criar sua própria forma de identificação. Ao adicionar mais marcadores, tente dar a eles nomes significativos, bem como cores diferentes para manter a distinção e a clareza.
* **Nome do Marcador:** Atribua um nome para o marcador/rótulo para identificar a categoria. Somente letras, números, hífen e sublinhado (underline) são permitidos. * **Descrição:** Dê uma breve descrição do que o rótulo representa. Ex.: Este problema do cliente deve ser resolvido em prioridade. * **Cor:** Selecione uma cor para o marcador para facilitar a identificação. Após a seleção, clique no pequeno quadrado novamente. * **Exibir marcador na barra lateral:** Selecione esta opção se desejar que o rótulo seja exibido na barra lateral. Isso ajudará na identificação fácil das conversas. Clique em Criar. Uma mensagem de confirmação será exibida e pronto. Você pode criar quantos marcadores precisar. Os marcadores podem ser usados ​​entre as equipes. Você também pode editá-los ou excluí-los conforme sua necessidade. Veja o exemplo:
# Crie um Bot de Atendimento Aqui você aprenderá como criar um fluxo básico e como realizar a integração do seu bot de atendimento à plataforma AtendChat. {% embed url="" %} ## Como criar um Bot de Atendimento Antes de tudo, caso você já não possua uma conta no Typebot, precisará criá-la. Veja o passo a passo: 1. Acesse o link: , onde você será direcionado para tela de registro. Basta preencher os dados de acordo com o solicitado para criar sua conta.
2. Quando finalizar, será direcionado para a tela inicial do Typebot.
3. Clique em ***Create a typebot*** para criar um novo bot.
4. Uma nova tela se abrirá e nela você encontrará 3 opções: * Comece do zero (***Start from a scratch***); * Comece com um template (***Start from a template***); * Import um arquivo (***Import a file***).
### Comece do zero Assim que clicar nessa opção, você verá o seguinte pop up se abrir. Feche-o e inicie sua criação.
Essa é sua área de trabalho:
A principais ferramentas aqui estão separadas em 3 grupos: * Bubbles. Que são as ações que você realiza; * Inputs. Que são os espaços para interação com seus contatos; * Logic. Que são as ferramentas de variáveis dentro do typebot. Vamos começar pelo grupo ***Bubbles***. Para construir nosso bot, vamos usar as ferramentas de ***texto*** e ***imagem***.
Para adicionar a ação, basta ***arrastá-la para a área de trabalho***. Nesse exemplo vamos dar boas vindas, enviar um GIF e solicitar os dados do cliente.
Para coletar dados, usaremos as ferrementas do grupo ***Inputs***.
Arraste a ação desejava para dentro do ***Group #1***. No exemplo usaremos o e-mail, mas você pode utilizar essa ferramenta para coletar texto, resposta em número, site, data, telefone, etc.
Para a próxima ação, você arrastará a ação para fora do ***Group #1***, gerando uma nova ação. Isso fará com que a próxima ação só seja executada após a resposta do cliente.
Na segunda mensagem, queremos que o cliente nos responda novamente, para isso usaremos a opção de coleta de **texto**.
Arraste para dentro do ***Group #2***, clique em ***Type your answer*** e um pop up irá se abrir.
Clique no botão destacado (***passo 1***) e insira um nome para essa resposta (***passo 2***). Ex: resposta 1
Clique em ***+ Create*** (***passo 3***), em seguida clique em ***Select a variable*** (***paasso 4***) e insira a resposta que acabou de criar. Vai ficar assim:
Para que cada resposta traga uma ação diferente, vamos usar a ferramenta ***Condition*** do grupo ***Logic.***
Arraste para dentro do ***Group #2***, clique em ***Configure*** e em seguida ***+ Add comparison.***
Um pop up se abrirá. Siga o passo a passo. 1. Clique em ***Search for a variable*** e insira a resposta que criou. 2. Em ***Select an operator*** selecione ***Equal to.*** 3. Em ***Type a value*** digite o número que deseja na resposta. Nesse exemplo vamos digitar o número 1. 4. Clique fora do pop up. Para adicionar uma segunda resposta, clique no **+** entre as duas variáveis e repita o passo anterior, substituindo o número 1 por 2. Confira o exemplo:
{% hint style="info" %} *Lembre-se de conectar todas as ações na ordem que deseja que ocorram, inclusive o **Start**.* {% endhint %}
> Repare que o **Senão** é conectado a uma mensagem (***Group #5***) e essa mensagem é conectada ao coletor de resposta novamente. Isso significa que, caso o contato responda qualquer outra coisa que não tenha sido cadastrada, nesse exemplo são os número ***1*** e ***2***, ela vai receber essa mensagem e em seguida vai ser solicitado uma nova resposta, criando assim um looping que permanece até que aja o acerto. ## Como realizar a integração Typebot Para fazer a integração é ainda mais simples. Você deverá clicar em ***Compartilhar***, na parte superior da sua área de trabralho, e em seguida clicar em ***Copiar***.
Em seguida você irá colar essa ***URL*** na conversa com um o seu consultor comercial, e ele fará a integração para você. Pronto! Sua conexão agora possui um ***Bot de Atendimento*** personalizado. # Utilize seu AtendChat no Celular A AtendChat, em parceria com o Chatwood, disponibiliza um aplicativo intuitivo para maior praticidade no seu dia-a-dia! ## **IOS** Na barra de pesquisa da sua **Apple Store** digite "**chatwoot**". Busque por esse aplicativo indicado na imagem a seguir, e clique em "**Obter**"
## **Android** Pesquise por "**chatwoot**" na sua **Play Store**. Busque pelo aplicativo ilustrado na imagem abaixo, e clique em "**Instalar**"
## **Faça o Login** Após instalado, abra seu App. A seguinte tela de login aparecerá:
Para alterar o idioma clique em "**Change language**", abaixo do botão azul. Selecione o idioma **Portuguese (Brazil)** e em seguida clique no **X** no canto superior do pop up, como no exemplo a seguir:
Em seguida clique em "**Alterar URL**" e insira "**chat.hotmobile.com.br**", assim como no exemplo abaixo:
Ao clicar em "**Conectar**" você será redirecionado à tela de login novamente. Insira o login e senha disponibilizado pelo seu consultor, e pronto! Você já tem acesso às caixas de entrada do seu AtendChat. ## Explore seu App Essas são as principais áreas de utilização do seu App AtendChat: **Conversas**, **Notificações** e **Configurações**.
### Conversas Essa é a tela inicial de **Conversas**. Aqui você poderá utilizar filtros para melhor visualização dos seus atendimentos.
Abaixo da palavra "**Conversas**" estão os filtros, e você poderá aplicá-los de acordo com a sua necessidade! Os filtros disponíveis são: * **Filtrar por responsável** (Meu, Não atribuído e Todos) * **Filtrar por estado de conversa** (Abertas, Resolvida, Pendente, Adiado e Todos) * **Filtrar por caixa de entrada** * **Ordenar por** (Última Atividade, Criado em e Prioridade) ### **Notificações**
Clicando no icone de **"Notificações"** você direcionado à essa tela:
### **Configurações**
Clicando no icone de **"Configurações"** você direcionado à essa tela:
As áreas de interesse nesse caso são a **Defina como** e **Preferências** Em "**Defina como",** você poderá alterar seu **Status** entre: **Online**, **Ocupado** e **Offline.**
Já em "**Preferências**" você terá acesso à **Preferências de Notficação,** onde poderá ativar e desativar as seguintes opções de acordo com as suas necessidades:
Além disso você poderá **Alterar o Idioma**, caso não o tenha feito anteriormente ou se preferir usá-lo em outro idioma. As demais opções disponíveis nessa seção não serão necessárias no momento. # Como fazer Integrações A AtendChat foi projetada para funcionar junto com o aplicativo de comunicação que você já usa, como CRMs, etc. São três formas de integração disponíveis: usando Typebot, Dashboard Apps e Webhooks. {% embed url="" %} É importante deixar claro como funcionam as integrações com o nosso sistema: o seu CRM nos envia alguns dados pré-configurados através de uma API, enquanto a Atendchat recebe essas informações e passa para o cliente conforme sua solicitação via chat. Tudo isso é feito de forma automatizada graças a uma integração. ### 1. Utilizando o Typebot Essa forma de integração é feita pelo suporte da Atendchat, mas há uma etapa que deve ser feita dentro do CRM, pelo cliente. Trata-se da criação de um Token de integração. [Acesse aqui](/integracoes/como-fazer-integracoes/sistema-sgp), para entender como é feita a criação desse Token no **Sistema SGP** como exemplo. {% hint style="info" %} Procure saber se o seu sistema de gestão (CRM) já possui integração com a Atendchat, caso ainda não possua, você pode solicitar essa integração para um dos nossos consultores. {% endhint %} ### 2. Webhooks Para começar a configurar, clique em **Configurações** na sua página inicial. Em seguida, clique em **Integrações**. Você verá a tela que exibe as formas de integração e as integrações já instaladas, caso possua. Se sua Conta/Projeto estiver usando Webhooks para comunicação, clique no botão "**Configurar**" em Webhooks na Janela de Integração.
Clique no botão "Adicionar novo webhook" no canto superior direito da tela.
Uma tela se abre onde você pode inserir os detalhes do novo Webhook que deseja criar.
Cole o link do Webhook e escolha o evento que irá ocorrer com esse Webhook. Por fim, clique em **Criar webhook**. ### **3. Aplicativos da Dashboard Apps** Seguindo a primeira imagem desta página, para configurar os aplicativos do painel, clique em **Apps da Dashboard**, clique em **Configurar > Adicionar um novo app da dashboard**, atribua um nome para seu App e em **Endpoint** você irá pôr a URL do endpoint que deverá buscar onde o aplicativo em questão foi hospedado. Lembrando que é possível que nossa equipe te ajude com a integração do seu programa à AtendChat. Fale com um dos nossos especialistas e consulte nossos pacotes de desenvolvimento. # Sistema SGP O SGP é um dos CRMs para Telecom com o qual a Atendchat faz integração, sendo possível fazer envio de segunda via de boleto e outras funcionalidades que requerem acesso aos dados do Sistema. Fizemos alguns vídeos explicando como é feita essa integração. #### Criação do token e Aplicação no painel de integração da SGP Antes de tudo, o cliente deverá criar um Token de Acesso dentro do seu Sistema SGP e passar esse Token para a equipe Atendchat. Veja como: {% embed url="" %} {% hint style="info" %} Documentação para a integração dessa aplicação: {% endhint %} Os próximos passos de integração serão realizados pela nossa equipe de suporte durante a etapa de configuração do bot do cliente. # Aplicações já integradas Na guia Aplicações, temos algumas aplicações já integradas à AtendChat que irão otimizar sua plataforma com algumas funcionalidades a mais. São elas: **Dialogflow**. Quando associado à Atendchat, ele permite que você crie respostas automatizadas em sua janela de conversa. Dessa forma, você pode deixar o bot lidar com as perguntas antes de entregá-las ao atendimento humano. **Dyte.** Dyte é uma ferramenta que ajuda você a adicionar áudio e vídeo ao vivo em sua aplicação com apenas algumas linhas de código. **Tradutor do Google**. Com essa integração, os agentes podem traduzir mensagens, identificando automaticamente o idioma e podendo convertê-lo para o idioma escolhido pelo administrador de conta/agente. **OpenAI.** Integre os poderosos recursos de IA à AtendChat aproveitando os modelos GPT da OpenAI. #### Exemplo de como configurar uma dessas aplicações Na tela inicial da AtendChat, vá para **Configurações** > **Aplicações**. Clique no botão **Configurar** no **Dialogflow.**
A seguinte janela se abre. Clique no botão "**Adicionar um novo hook**" no canto superior direito da tela.
Uma nova tela se abre onde você pode inserir o ID do fluxo de diálogo e o arquivo de chave que você já registrou.
* **Dialogflow Project ID:** Dê um nome para o seu projeto. * **Dialogflow Project Key File:** Dê o nome do arquivo de chave. * **Selecionar caixa de entrada:** Selecione a caixa de entrada na lista suspensa à qual deseja associar este projeto. Ex.: Selecione a caixa de entrada 'Documentação do usuário'. # Dialogflow Aqui, vamos te explicar um pouco mais sobre o Dialogflow. Os AtendChat são uma parte essencial de todas as plataformas de atendimento ao cliente. Se você tiver muitas conversas acontecendo em sua conta, dimensionar o suporte humano pode não ser eficaz. Você pode implantar um chatbot que ajude a responder a perguntas triviais e entregá-lo a um agente somente quando necessário. **Fluxo de diálogo** (ou Dialogflow) e **Rasa.ai** são as plataformas **NLP** mais bem avaliadas que permitem que você crie um bot com base no seu uso. Neste artigo, veremos como você pode configurar um chatbot **Fluxo de diálogo** com AtendChat. ### **Configurando a integração do Dialogflow** > Observação: esta etapa requer um Bot do Dialogflow. Se você ainda não configurou isso, continue a leitura para aprender como criar um bot do Dialogflow. A AtendChat possui uma integração nativa do Dialogflow. Vá para **Configurações** → **Aplicações** → **Fluxo de diálogo**. Clique em "**Configurar**", você verá um botão para "**+Adicionar um novo hook**". Você precisa adicionar "**ID do projeto**", "**Arquivo de chave do projeto**" e uma caixa de entrada para criar o hook. (Copie o conteúdo do arquivo de chave baixado anteriormente e cole-o na área de texto)
Pronto! A integração está completa. Teste a caixa de entrada do site para ver se a consulta inicial é tratada pelo bot ou não. ### **Criando um bot** A seção a seguir orienta você na criação de um bot do **Fluxo de diálogo** para a AtendChat. #### Criar um novo agente Acesse a plataforma do **Fluxo de diálogo**. Usaremos o **Dialogflow Essentials** para este artigo. Clique em "**Criar novo agente**". Ele mostraria opções como no exemplo abaixo.
#### Criar intenções Você precisará criar intenções com base em como deseja que seu bot responda. Haverá 2 intenções padrão no projeto chamadas "**Default Fallback Intent**" e "**Default Welcome Intent**", conforme mostrado abaixo:
Agora que a configuração básica do bot está concluída, vamos criar uma conta de serviço e conectá-la à AtendChat. > O Chatwoot também oferece suporte a intenções avançadas que permitem transferência de agente , mensagens interativas , etc. #### Criar uma conta Para conectar este bot à AtendChat, você precisa criar uma conta de serviço em seu painel do **Google Cloud**. Navegue clicando no **ID do projeto** nas configurações do projeto, como mostrado abaixo.
Navegue até **IAM e administrador** → **Contas de serviço**. Você verá uma visualização como a abaixo. Clique em "**Criar conta de serviço**".
Forneça um nome de conta de serviço e uma descrição conforme mostrado abaixo.
Para fornecer acesso, selecione **Dialogflow API Client** no menu suspenso.
Continue e clique em "**Concluído**". Agora, você poderá ver o serviço listado no painel. O próximo passo é criar uma chave para que ela possa ser compartilhada com a AtendChat. Clique na conta de serviço e clique na guia "**Chaves**". Em seguida, clique em "**Adicionar chave**". Você será capaz de ver uma tela como a abaixo.
Clique em "**JSON**" e clique em "**Criar**". Ele geraria uma chave para sua conta de serviço, baixaria a chave e a salvaria para uso posterior. ### **Intenções Avançadas** #### Criando uma intenção Depois que o usuário solicita falar com o agente, o **Fluxo de Diálogo** precisa informar à AtendChat que um agente agora pode assumir a conversa. Crie uma intenção denominada "**Intenção de transferência**" com frases de treinamento como "**Fale com um agente**" ou "**Fale com um agente**" etc. Para lidar com a intenção de transferência, criaremos uma resposta "**Carga** **útil** **personalizada**", conforme mostrado abaixo.
Ao acionar uma intenção com a carga útil acima, a AtendChat alternará o status da conversa para **aberta** e a entregará a um agente. #### Mensagens interativas > Nota: As mensagens interativas são suportadas apenas no canal do site no momento A integração da AtendChat com o Fluxo de Diálogo também suporta mensagens interativas. Os seguintes tipos de mensagens interativas são suportados: 1. Opções 2. Cartões 3. Artigos #### Criando uma mensagem interativa Intenção Você pode criar outras mensagens interativas alterando a carga conforme mencionado na documentação de mensagens interativas. Crie uma intenção com as frases de treinamento necessárias e uma resposta "**Custom Payload**" conforme mostrado abaixo para uma mensagem de opções. > Quando o usuário interage com as mensagens de entrada. O valor selecionado é enviado de volta ao **dialogflow**, para que você configure uma intenção de acompanhamento, se necessário.\ > **Exemplo** : configurar uma intenção com a frase de treinamento "Gosto de biryani" para os casos em que o contato selecionar a opção "biryani". # Dyte Aqui, vamos te explicar um pouco mais sobre como instalar o Dyte. Chamar com vídeo para seus clientes é uma ótima maneira de se conectar com eles rapidamente, entender seus problemas de maneira eficaz, fornecer resoluções mais rápidas e obter insights valiosos de negócios. Você pode fazer chamadas de vídeo para seus clientes por meio do bate-papo ao vivo do site na AtendChat. Para utilizar este recurso, você precisará habilitar a integração **Dyte**. Este guia explica como. **Observação: Se você não tiver uma conta Dyte, precisa**rá criar uma primeiro. ### **Como configurar a integração do Dyte?** #### Etapa 1 Vá para **Configurações** → **Aplicações** → **Dyte**. Clique no botão "**Configurar**" correspondente.
#### Etapa 2 Você verá a página do aplicativo Dyte. Clique no botão "**Conectar**".
#### Etapa 3 Insira o ID da organização e a chave API da Dyte.
### **Como encontrar os valores de configuração do Dyte?** Para encontrar esses valores, visite a seção "**Chaves de API**" no portal do desenvolvedor Dyte.
Na AtendChat, depois de inserir os valores, clique no botão "**Criar**". Agora, sua integração Dyte está completa. ### **Como fazer chamadas de vídeo para seus clientes no Chatwoot** [**?**](https://www.chatwoot.com/docs/product/features/dyte#how-to-video-call-your-customers-in-chatwoot) Depois que a integração do **Dyte** estiver ativada, você poderá ver a opção de chamada de vídeo na janela de bate-papo da caixa de entrada do site. Para convidar seu cliente para uma videochamada, siga os passos descritos abaixo. #### Etapa 1 Clique no ícone da câmera de vídeo abaixo do editor de texto.
#### Etapa 2 A AtendChat enviará uma mensagem convidando seu cliente para participar da videochamada. Clique no botão "**Clique aqui para entrar**" para entrar na sala.
#### Etapa 3 Agora você estará conectado ao seu cliente.
A interface de vídeo chamada oferece diversas opções para tornar a sua experiência e a do cliente mais enriquecedora. Algumas dessas opções são mostradas na captura de tela abaixo:
# Google Tradutor Aqui, vamos te explicar um pouco mais sobre o Google Tradutor. Se você recebe consultas com frequência em idiomas que você ou os membros de sua equipe não entendem, você pode utilizar a integração do **Google Tradutor** na AtendChat. Quando ativado, você pode traduzir instantaneamente as mensagens recebidas usando o menu do botão direito. Dessa forma, você pode se comunicar facilmente com os clientes em seu idioma nativo, mesmo que você não o fale. ### **Como habilitar o Google Tradutor?** #### Etapa 1 Vá para **Configurações** → Aplicações → Google Tradutor. Clique no botão "**Configurar**" correspondente.
#### Etapa 2 Você verá a página do aplicativo Google Tradutor. Clique no botão "**Conectar**".
#### Etapa 3 Insira o ID do projeto do Google Cloud e o arquivo de chave do projeto. Se precisar de ajuda para obter esses valores, consulte este documento do Google.
Depois de inserir os valores, clique no botão "**Criar**". Agora, sua integração com o **Google Tradutor** está completa. ### **Como mudar o idioma da tradução ?** Suas mensagens são traduzidas para o idioma do seu site. Para selecionar o idioma do seu site, visite a página "**Configurações da conta**". #### Etapa 1 Vá para **Configurações** → **Configurações da conta** → **Idioma do site.** Abra o menu suspenso e selecione o idioma de sua preferência.
#### Etapa 2 Clique no botão "**Atualizar** **configurações**" no canto superior direito da página. Isso traduzirá todo o seu painel para o idioma selecionado. **Observação: os agentes também podem selecionar seus idiomas preferidos individuais.** ### **Como traduzir mensagens recebidas?** Sempre que receber uma mensagem em um idioma para o qual precisa de ajuda, clique nos 3 pontos ao lado da mensagem para abrir o menu e selecione "**Traduzir**".
Encontre o conteúdo traduzido na janela pop-up.
# Seção de Contatos A seção de contatos na AtendChat contém os detalhes dos usuários e clientes finais com os quais você interagiu usando a AtendChat Widget. Você pode considerá-lo como uma Base de dados do cliente. {% embed url="" %} Clique em **Contatos** na tela inicial. Uma tela será aberta com os contatos (se já adicionados). Ou então uma tela em branco onde os contatos podem ser adicionados.
Os contatos podem ser adicionados à lista de 2 maneiras. Uma delas é adicionar o contato você mesmo clicando no botão **Novo contato** no lado direito.
A segunda maneira é quando o cliente insere o **ID do e-mail** na mensagem de saudação do canal.
### **Anotações de Contatos** A Atendchat tem uma página dedicada para adicionar notas a cada contato em seu diretório. Isso permite que você adicione informações importantes a um contato específico. Você pode usar isso para registrar manualmente uma chamada, e-mail ou reunião que teve com o cliente. #### Como adicionar uma nota a um contato ? 1. Clique no item de menu Contatos no Painel do Chatwoot. 2. Selecione um contato na lista. (Clique no nome do contato) 3. Escreva sua nota. 4. Clique no botão "**Adicionar**" .
A AtendChat permite formatar e destacar suas notas com negrito, itálico e todas as outras opções básicas de formatação. Você pode até adicionar listas numeradas ou não ordenadas. #### Como excluir uma nota de contato ? Basta clicar no ícone de exclusão no lado direito da nota.
### **Importar contatos** A AtendChat permite importar contatos em massa de um arquivo CSV. Para importar contatos 1. Navegue até a página de Contatos na barra lateral. 2. Clique no botão Importar no canto superior direito. 3. Selecione o arquivo CSV que você gostaria de importar para o chatwoot, aqui está um exemplo de arquivo CSV para referência. 4. Clique no botão Importar para carregar o arquivo csv para concluir o processo. Aqui está uma rápida demonstração de como a importação funciona.
### **Pesquisar contatos** Você pode pesquisar todos os contatos inserindo o nome, ID de e-mail ou número de telefone na pesquisa na parte superior da tela de contatos da AtendChat . A pesquisa atualmente filtra os contatos com base no nome, id de e-mail ou número de telefone. **Exemplo:** Para obter todos os contatos que não são dos "EUA" e cujo nome contém "John" 1. Defina o 1º tipo de filtro como "Nome", o operador como "Contém" e o valor como "João" 2. Clique no botão "Adicionar filtro" 3. Defina o segundo tipo de filtro como "País" como o tipo de filtro, "Não igual a" como o operador e "Estados Unidos da América" ​​como o valor. 4. Clique em Enviar e a lista de contatos agora será filtrada pelos critérios acima. # Filtros A AtendChat permite que você aplique filtros avançados para seus contatos. Você poderá filtrar contatos com vários atributos de uma só vez e até mesmo consultá-los com os operadores AND e OR. ### Filtros de Conversa {% embed url="" %} ### Filtros de Contato A Atendchat oferece filtragem de contatos pelos atributos abaixo: 1. Nome de contato 2. Email de contato 3. Número de telefone 4. Identificador de contato 5. País 6. Cidade Para filtrar contatos, clique no botão **Filtro** no canto superior direito da tela de contatos da AtendChat .
**Exemplo:** Para obter todos os contatos que não são dos "EUA" e cujo nome contém "John" 1. Defina o 1º tipo de filtro como "Nome", o operador como "Contém" e o valor como "João" 2. Clique no botão "Adicionar filtro" 3. Defina o segundo tipo de filtro como "País" como o tipo de filtro, "Não igual a" como o operador e "Estados Unidos da América" ​​como o valor. 4. Clique em Enviar e a lista de contatos agora será filtrada pelos critérios acima.
Você pode aplicar quantos filtros quiser, combinando-os com os operadores AND e OR para criar consultas complexas e funil que você lista para necessidades específicas. Para limpar os filtros e voltar à lista original, basta clicar no botão "**Limpar filtros**" no pop-up de filtros. # Segmentos A AtendChat permite que os usuários classifiquem e filtrem contatos com base em diferentes categorias usando filtros avançados. E agora podemos salvá-los como segmentos e serão exibidos na barra lateral secundária na seção de segmentos. Esse recurso ajudará os usuários a salvar contatos diferentes de maneira personalizada nas visualizações dos usuários. Na aba **Contatos**, você pode simplesmente clicar no botão de filtro no cabeçalho da página de contato.
Agora você pode ver o popup que permite selecionar: o tipo de filtro, o operador (igual a, diferente de, contém, não contém) e o valor.
### **Salvar um novo segmento** Depois de aplicar o filtro, ele buscará todos os contatos com base nos valores fornecidos. E agora você pode ver o botão **salvar filtro** no cabeçalho da página de contato e clicar no botão salvar filtro, como na imagem anexada abaixo.
Agora você pode ver um pop-up modal, pergunte **Deseja salvar este filtro?** . Dê um nome para o filtro e clique no botão **salvar filtro** , ele salvará o filtro e abrirá o segmento que você salvou por último.
### **Selecione um segmento** E agora o nome do segmento que você deu acima será **exibido** na barra lateral secundária como na imagem abaixo, clicando no **segmento** ele buscará todos os contatos que você salvou acima.
### **Excluir um segmento** Se você deseja **excluir** o segmento salvo, pode excluí-lo, clicando no botão **excluir filtro** no cabeçalho da página de contato abrirá um modal.
Agora você vê um modal que mostra **Confirmar exclusão** se você clicar em **Não, Manter** , fechará o modal e voltará para a visualização do segmento ou se clicar em **Sim, Excluir** , excluirá o segmento. Após a exclusão, se a pasta estiver vazia, ela retornará a todos os contatos ou visualizações filtradas ou, se o segmento tiver comprimento, abrirá o próximo segmento próximo ao excluído.
# CRM A Atendchat é integrado com uma ferramenta básica de CRM que te permite guardar informações importantes obtidas durante o atendimento e assim fazer o acompanhamento das fases do ciclo de vida do lead. Veja como encontrar esse espaço no seu Atendchat:\ \ 1 - Vá até a conversa do lead que deseja acompanhar e clique na aba **WoofedCRM**.
2 - Em seguida, vai aparecer essa página que mostra a etapa em que o lead se encontra, neste exemplo, ele está na última etapa (desistentes).\ \ Clique na setinha diagonal para abrir a página com todas as informações.
3 - Em seguida, vai aparecer a página com informações mais detalhadas do negócio criado.
Neste espaço, você pode por exemplo mudar o status do lead para Perdido ou Ganho, preencher dados de atividade, notas ou deixar salva uma mensagem de WhatsApp. {% hint style="info" %} *Salientamos que o CRM não realiza notificações, ou seja, as informações acrescentadas nesses espaços, como o de WhatsApp, apenas serão registradas e não enviadas. Lembre-se: a Atendchat é uma ferramenta de atendimento receptiva e não ativa.* {% endhint %} # Atribua um agente à uma conversa Nesta seção, aprenda como rotear uma conversa, ou seja, atribuir um agente à mesma. Cada conversa na AtendChat pode ter um destinatário. Um responsável pode ser **adicionado manualmente** à conversa por meio do **console da web ou da API**, ou as organizações podem optar pelo **sistema de atribuição *****round-robin***. ### **Atribuição** **manual** Uma conversa pode ser atribuída manualmente a 2 categorias de usuários. 1. Agentes que têm acesso à caixa de entrada na qual a conversa é criada. 2. Administradores que podem acessar todas as conversas no sistema. Para atribuir um agente ou administrador a uma conversa, um administrador/agente pode selecionar o responsável no menu suspenso denominado "**Agente atribuído**" na seção "**Detalhes da conversa**" na barra lateral direita, conforme mostrado abaixo.
### **Atribuição automática** A AtendChat fornece um sistema de atribuição automática round-robin para conversas. A atribuição segue a lógica mencionada abaixo. ***Nota : A atribuição de rodízio é habilitada por padrão.*** 1. Se houver agentes online que tenham acesso à caixa de entrada em que uma conversa é criada, o sistema distribuiria as conversas igualmente entre os agentes online. 2. Se todos os agentes estiverem off-line, o sistema manterá as conversas como não atribuídas. #### Ativar atribuição Para ativar a atribuição round-robin em sua caixa de entrada, siga as etapas abaixo. 1. Vá para **Configurações** → **Caixas de entrada**. 2. Clique no botão de configurações (simbolo engrenagem) da caixa de entrada que você deseja ativar a atribuição round-robin. 3. Role para baixo para ver a configuração de Round-robin, conforme mostrado abaixo. 4. Altere para "Ativado" e clique em "Atualizar".
# Painel de Conversas É neste painel que você irá gerenciar as conversas na Atendchat. Conheça todas as possibilidades apresentadas no Painel de Conversas da Atendchat. {% embed url="" %} No vídeo abaixo, veja com mais detalhes todas as funcionalidades do contato dentro da conversa. {% embed url="" %} # Atribua prioridade à conversa O recurso de prioridade da AtendChat permite atribuir um nível de prioridade a cada conversa, facilitando a identificação de quais conversas requerem atenção imediata e quais podem esperar. Priorizar as conversas é essencial para gerenciar sua carga de trabalho com eficiência, garantindo que você resolva problemas urgentes prontamente e, ao mesmo tempo, lide com assuntos menos críticos com eficiência. Existem quatro opções disponíveis para você: * **Baixo** * **Médio** * **Alto** * **Urgente** Você pode atribuir rapidamente uma prioridade a cada conversa com base em sua importância e urgência. ### **Definir uma** **prioridade** Você pode atribuir uma prioridade na barra lateral, assim como atribui equipes e rótulos, veja a captura de tela abaixo para as etapas.
Depois de atribuído, você pode ver a prioridade na lista de conversas, bem como uma atividade em sua área de conversa, conforme mostrado abaixo:
Você também pode definir a prioridade no menu de contexto, basta clicar com o botão direito na conversa e definir a prioridade.
Você também pode definir a prioridade na paleta de comandos. Abra a paleta de comandos usando **⌘ + K** ou **Ctrl + K** e digite "**Atribuir prioridade**" e pressione **Enter**. Você encontrará a lista de opções, selecione a mais relevante e pressione enter novamente.
# Filtre e Organize as conversas A AtendChat permite que os usuários classifiquem e filtrem conversas com base em diferentes categorias usando filtros avançados. ## Filtros Os filtros são a melhor forma de você encontrar as conversas que você precisa com facilidade. {% embed url="" %} ## Pastas E agora podemos salvar os filtros como pastas e eles serão exibidos na barra lateral secundária como pastas. Esse recurso ajudará os usuários a salvar conversas diferentes nas visualizações dos usuários. Você pode clicar no ícone de filtro na parte superior do painel da lista de conversas.
Agora você pode ver o pop-up de filtros, que permite selecionar o tipo de filtro, o operador (igual a, diferente de, presente, não presente) e o valor.
### **Salvar uma nova pasta** Depois de aplicar o filtro, ele buscará todas as conversas com base nos valores fornecidos. E agora você pode ver o **ícone salvar** na parte superior do painel da lista de conversas e clicar no botão salvar, como na imagem anexada abaixo.
Agora você pode ver um pop-up, pergunte **Deseja salvar este filtro?** . Dê um nome para o filtro e clique no botão **salvar filtro** . Ele salvará o filtro e abrirá a pasta que você salvou por último.
### **Selecione uma pasta** O nome da pasta que você salvou acima será **exibido** na barra lateral secundária como na imagem abaixo. Ao clicar na **pasta** , ela buscará todas as conversas que você salvou acima.
### **Excluir uma pasta** Se você deseja **excluir** a pasta salva, pode excluí-la clicando no **ícone da lixeira** na parte superior do painel da lista de conversas para abrir um pop up.
Agora você vê um pop up que mostra **Confirmar exclusão** se você clicar em **Não, Manter** ele fechará o pop up e voltará para a exibição da pasta ou, se você clicar em **Sim, Excluir** ele excluirá a exibição. Após a exclusão, se a pasta estiver vazia, ela retornará a todas as conversas ou exibições filtradas ou, se a pasta tiver tamanho, abrirá a seguinte pasta próxima à excluída.
# Fluxo de trabalho da conversa Os Fluxos de trabalho são as ações sequêncais feitas pelo bot numa conversa. O cliente inicia uma conversa no front-end do site - por meio do widget. Por exemplo: O cliente digita '**oi**'
A resposta automática definida na mensagem de saudação do canal será imediatamente exibida na tela como uma resposta. Além disso, mais duas mensagens automáticas serão enviadas por 'bot' para coletar informações do cliente - id de e-mail - para posterior comunicação e registro . ### **Campanhas** Caso o cliente não inicie a conversa e você tenha ativado a mensagem da campanha , a mensagem será exibida na tela logo acima do widget para chamar a atenção do cliente.
### **Conversas iniciadas** Vá para a tela inicial da AtendChat. Clique em **Conversas** → **Todos**. A conversa que o cliente iniciou pode ser vista aqui. Os detalhes da conversa são abertos no painel lateral direito.
### **Atribuir agente** Se a caixa de entrada foi criada com '**atribuição automática**' não clicada, a conversa não será atribuída automaticamente a nenhum agente. Clique na caixa abaixo de **Agente Atribuído** e selecione o nome do Agente. Você pode alterar os agentes atribuídos aqui a qualquer momento.
### **Atribuir equipe** Clique na caixa suspensa abaixo de **Equipe atribuída** e selecione a equipe à qual esta conversa pertence.
### **Atribuir rótulos** Clique em **Adicionar marcadores** abaixo de **Marcadores de conversa** e selecione a categoria à qual esta conversa pertence.
### **Atribuir prioridade** Clique na caixa suspensa abaixo de **Prioridade da conversa** e selecione a prioridade desta conversa. Você pode ler mais sobre prioridade aqui.
Você pode ver na captura de tela que todas as ações feitas por você são vistas na janela de bate-papo no Painel do Agente. ### **Resposta para a conversa** Você pode responder à conversa do cliente digitando na área **Responder**. **Shift+enter** permitirá que você comece a digitar em uma nova linha.
Clique no botão **Enviar** para enviar sua mensagem ao cliente. Várias opções estão disponíveis na área de resposta para aprimorar as mensagens.
O primeiro botão serve para selecionar e incluir **Emoji** na mensagem. O segundo serve para selecionar e incluir **anexos** na mensagem. O terceiro você utiliza para enviar **áudios**. E o último permite usar o **Editor de texto**. Opções adicionais aparecem na tela, coomo negrito, italico, etc. Veja o exemplo abaixo:
Depois que a mensagem for digitada e editada, você precisa marcar a caixa de seleção para enviar a mensagem ao cliente. Abaixo está um exemplo de como a mensagem aparecerá quando o **Editor de texto** for usado. Se você quiser voltar ao texto normal, clique no botão do **Editor de texto** novamente.
### **Como enviar respostas** Suponha que você deseja incluir respostas prontas já preparadas como resposta, digite **/** e dê o nome curto da mensagem. Um exemplo é dado abaixo. Depois de digitar **/** as respostas prontas disponíveis serão listadas e você poderá selecionar uma delas.
### **Chat Privado com Agentes** Existe a opção de discutir a conversa do cliente com outro agente, se você precisar de mais esclarecimentos. Esta opção está disponível logo ao lado da aba **Responder**, denominada **Nota Privada**.
Digite **@** na Janela de Observação Privada e todos os agentes que foram adicionados a esta equipe serão listados. Selecione o agente e digite a mensagem que deseja consultar com este agente.
Clique em **Adicionar Nota** para enviar a mensagem. Você pode ver um sinal de bloqueado na mensagem que você enviou. Esta mensagem não ficará visível para o cliente.
O segundo agente a quem o chat privado é endereçado receberá uma notificação em sua conta.
As respostas enviadas pelo segundo agente ficarão visíveis na sua janela de chat privado. ### **Excluir mensagem** Existe uma opção para excluir a mensagem que você já enviou. Clique nos 3 pontinhos **...** ao lado da mensagem enviada. A opção está disponível para copiar ou excluir a mensagem. Clique em **Excluir**. A mensagem será apagada.
### **Envio de emails** Assim que o usuário final fornecer seu ID de e-mail durante a conversa, o Agente poderá enviar a conversa de bate-papo por e-mail para o cliente. O ID do e-mail será listado junto ao nome do cliente na janela de detalhes. O ID do e-mail também será adicionado automaticamente aos Contatos.
Clique nos 3 pontos no canto superior direito da tela. Há uma opção para enviar transcrição. Clique nisso.
Uma tela é aberta com a primeira opção como 'Enviar a transcrição para o agente designado' e a segunda opção como 'Enviar a transcrição para outro endereço de e-mail'.
Um e-mail pode ser enviado aos agentes da equipe selecionando a primeira opção. Ao selecionar a segunda opção e fornecer o ID de e-mail do usuário final, a transcrição do chat pode ser enviada ao cliente.
Clique em Enviar. Uma mensagem será exibida "A transcrição do chat foi enviada com sucesso". O usuário final receberá a transcrição do chat em sua caixa de entrada de e-mail. ### **Enviando e-mails do widget** Assim que a conversa for marcada como 'Resolvida' pelo agente, uma opção aparecerá no Chatwoot Widget como 'Solicitar transcrição de conversa'. O cliente pode clicar nele e gravar a conversa por e-mail.
Se o Cliente clicar nele, um e-mail será enviado ao Cliente e uma mensagem será exibida na parte superior do Widget como 'A transcrição do chat foi enviada com sucesso'
### **Agentes de transferência** Você pode transferir o ticket/emissão para outro agente selecionando um agente diferente na opção Atribuir Agente . Toda a conversa ficará visível para o agente recém-selecionado. ### **Alterar o status da conversa ou definir lembretes** #### Status da conversa As conversas do Chatwoot podem ser alternadas para os seguintes status: * **Pendente** : O status pendente é usado por integrações de bot no chatwoot para manter as conversas em um estado temporário antes que o agente possa começar a dar uma olhada nelas. Depois que o bot termina de triar a conversa, ele alterna o status para aberto. O agente pode alternar a conversa para esse estado se quiser que a conversa seja tratada pelo bot novamente. Esse status é útil quando sua instância do Chatwoot tem um bot Agent ou integração com o Dialogflow ativado. * **Aberto** : o status de conversa padrão no chatwoot para uma nova conversa, a menos que uma integração de bot esteja habilitada. São conversas de clientes que aguardam uma resposta do agente. * **Adiado** : Se você não tiver todas as informações para resolver uma conversa e estiver esperando mais respostas, poderá alternar a conversa em **snoozed**. Esse status também é útil nos casos em que você precisa de mais tempo para investigar o problema e deseja afastar a conversa da sua fila de suporte principal. **Snoozed** também é uma maneira útil de definir lembretes em uma conversa que você deseja acessar mais tarde. As opções a seguir são suportadas para **Snoozed**: 1. *Adiar até a próxima resposta* 2. *Adiar até amanhã* 3. *Adiar até a próxima semana* * **Resolvido** : trata-se de conversas que foram abordadas e não requerem mais comunicação. O `Resolved`status equivale a fechar o ticket de suporte ao cliente. ### **Fluxo de trabalho** O agente pode escolher o status de conversa apropriado assim que a solução for transmitida ao cliente.
As opções permitidas são dadas abaixo:
As conversas podem ser selecionadas e visualizadas de acordo com seu status na seção Conversas, conforme abaixo.
**Observação:** quando um agente altera o status da conversa para aberta, a conversa é atribuída automaticamente a esse agente. ### **CSAT** Assim que o ticket ou conversa for marcado como 'Resolvido', se a [opção CSAT](https://www.chatwoot.com/docs/user-guide/features/csat#enable-csat) estiver habilitada, a pesquisa será enviada ao cliente no widget conforme abaixo
A resposta do cliente pode ser visualizada na seção CSAT em Relatórios. ### **Conversas anteriores** Assim que a conversa for marcada como resolvida e o CSAT já tiver sido obtido - na próxima vez que o mesmo cliente iniciar uma nova conversa, a conversa anterior associada ao cliente será mostrada na tela. Isso ajudará o agente a entender o histórico do problema do cliente.
Clique no nome abaixo da Conversa anterior e os detalhes da conversa anterior serão exibidos conforme abaixo. Isso pode ser usado como referência para o agente.
Se houver mais de uma conversa do mesmo cliente, todas serão listadas em Conversas Anteriores. O agente pode selecionar quais visualizar. # Avalie o seu atendimento O CSAT (pontuação de satisfação do cliente) geralmente representa a satisfação dos clientes com seu produto, serviço ou experiência específica. {% embed url="" %} O **CSAT** é uma das métricas críticas de satisfação do cliente na AtendChat que qualquer empresa voltada para o cliente deve monitorar. Quando um agente resolve a conversa, a AtendChat envia uma pesquisa para seus clientes para avaliação e feedback. É calculado a partir das respostas dos clientes à pesquisa de satisfação, como "**Avalie sua conversa**" por exemplo. Há uma escala de emoji para a pesquisa de satisfação. Depois de enviar a avaliação, o cliente pode dar mais um feedback, o que é opcional.
### **Ativar CSAT** Para ativar ou desativar o **CSAT** navegue até **configurações** → **caixa de entrada** (CSAT vem desativado por padrão).
### **Como analisar o CSAT** Você pode visualizar um [relatório de suas avaliações de conversa](/relatorios/csat) para monitorar o desempenho de sua equipe de suporte. # Continuidade do Bate-papo ao vivo Essa funcionalidade está disponível para chats de Websites. Seus clientes podem continuar suas conversas de bate-papo com seus agentes por meio de tópicos de e-mail. Isso pode ser necessário nas seguintes circunstâncias. * Nenhum agente está disponível e o cliente deixa uma mensagem no chat. * O cliente sai do chat antes que o agente responda. Para que isso funcione, o contato deve ter um endereço de e-mail associado a ele na AtendChat CRM. ### **Obtenção de endereço de e-mail de Contatos** Você pode solicitar/atualizar e-mails de clientes na AtendChat das seguintes maneiras. #### **1. Via AtendChat SDK** Se o e-mail do cliente já for conhecido, você pode fornecê-lo na AtendChat por meio do método set user em nosso SDK. #### **2. Via Formulário** Se você habilitar um formulário pré-chat obrigatório, a conversa começa com uma tela conforme a imagem abaixo:
Você pode encontrar mais detalhes sobre como configurar o formulário pré-chat neste guia. #### **3. Via Prompt** Quando o formulário pré-chat é desativado e o e-mail do cliente é desconhecido, a Atendchat inicia uma conversa com um prompt de coleta de e-mail.
### **Continuidade da Conversa** *Observação*: Habilite a continuidade da conversa em instalações auto-hospedadas com a ajuda deste guia. Como resultado, se o endereço de e-mail do cliente for atualizado por meio de qualquer uma das opções mencionadas acima e ele sair do chat enquanto o agente respondeu, ocorrerá o seguinte: * O cliente recebe um segmento de e-mail com um resumo da conversa. Eles podem responder a esse e-mail e continuar a conversa. * O agente recebe as respostas do cliente por e-mail em seu painel da AtendChat, continuando no tópico de conversa existente.
O ícone de e-mail no balão de bate-papo indica que a resposta do cliente chegou por e-mail. # Como enviar mensagens ativamente Você consegue enviar uma mensagem para um contato sem que ele tenha entrado em contato primeiro criando uma conversa de saída (ativo e não receptivo). ### **Conversas de saída** Você pode criar uma conversa de saída a partir da sua página de contatos para os seguintes canais de conversa: * Site (somente para contatos identificados pelo HMAC) * E-mail * SMS * Whatsapp #### Como enviar uma mensagem de saída? 1. Na seção **Contatos**, escolha o contato para o qual deseja enviar a mensagem e clique em **Ver detalhes**
2. Do lado direto clique no ícone de conversa "**Nova Mensagem**"
3. Selecione a caixa de entrada da conversa (aqui estará a API do canal por onde deseja enviar)
2. Preencha o conteúdo da mensagem 3. Clique em enviar {% hint style="info" %} **Observação:** quando um agente cria a conversa de saída, a conversa é atribuída automaticamente a esse agente. {% endhint %} # Campanhas em Andamento As campanhas contínuas permitem que o cliente envie mensagens de saída no bate-papo ao vivo do site para seus contatos, o que desencadearia mais conversas. Você pode criar uma campanha contínua para que, se um usuário visitar uma página e permanecer por x minutos, você possa enviar uma mensagem de saída. Isso ajudará em mais conversões. #### Etapa 1 Clique na guia **Campanhas** na barra lateral. Você verá a lista de campanhas que já adicionou à caixa de entrada.
#### Etapa 2 Clique no botão "**+Criar uma campanha**", no canto superior direioto. Será exibido um pop up onde você poderá inserir os detalhes da campanha.
Estas são as entradas necessárias para criar a campanha:
As URLs na campanha suportam os padrões curinga. Consulte este guia para saber mais sobre como criar um padrão curinga. #### Etapa 3 Acesse a URL especificada na campanha e aguarde o tempo configurado na campanha.
# Campanhas Pontuais As Campanhas pontuais permitem ao cliente enviar campanha SMS para um grupo de contactos. #### Etapa 1 Clique na guia Campanhas na barra lateral. Você verá a lista de campanhas únicas que já adicionou à caixa de entrada.
#### Etapa 2 Clique no botão "**+Criar uma campanha**", no canto superoior direito. Será exibido um pop up onde você poderá inserir os detalhes da campanha.
Estas são as entradas necessárias para criar a campanha:
# O que são variáveis ​​de modelo As variáveis ​​são texto de espaço reservado em mensagens que são substituídas dinamicamente com base nas informações que você forneceu. Quando você cria uma mensagem com variáveis, a AtendChat a traduz para o valor apropriado.
Se enviarmos uma mensagem **Olá {{ contact.name }}, como posso te ajudar?**, a AtendChat escolherá o nome do contato e enviará uma mensagem como **Olá Júlia, como posso te ajudar?**. Isso permite que você envie mensagens personalizadas para o usuário final. > Nota: AtendChat suporta variáveis ​​em atalhos/respostas pré definidas.
Para usar uma variável, digite dois colchetes duplos **{{** ao redigir uma nova mensagem ou criar uma resposta automática. As variáveis ​​aparecerão e você poderá selecionar aquela que deseja usar. A lista atual de variáveis ​​de modelo é: * **conversation.id:** Versão numérica do ID da conversa * **contact.id:** Versão numérica do ID do contato * **contact.name:** Nome completo do contato * **contact.first\_name:** Primeiro nome do contato * **contact.last\_name:** Sobrenome do contato * **contact.phone\_number:** Telefone de contato * **agent.name:** Nome completo do agente * **agent.first\_name:** Primeiro nome do agente * **agent.last\_name:** Sobrenome do agente * **agent.phone\_number:** Número de telefone do agente #### E se a variável não existir? Se você tentar enviar uma variável indefinida, a AtendChat mostrará um aviso.
#### Como adicionar texto alternativo? Ao definir um texto alternativo, certifique-se de colocá-lo entre aspas simples. **{{ contact.first\_name || 'there'}}** # Automações As automações da AtendChat ajudarão você a otimizar os fluxos de trabalho de suas equipes, permitirão que você automatize processos, tarefas repetitivas e economize seu tempo. {% embed url="" %} Você pode fazer muitas coisas com automações, incluindo atribuir rótulos, equipes e atribuir conversas ao melhor agente. Assim, a equipe se concentra no que faz de melhor e gasta menos tempo com tarefas manuais.
Uma automação de AtendChat é composta de três coisas, um **Evento** , **Condições** e **Ações** . O Evento é o gatilho que executará a respectiva regra de automação. As Condições são uma lista de critérios que serão verificados antes da execução da ação. As Ações são uma lista de tarefas que serão executadas quando as condições forem atendidas.
### **Eventos de Automação** Eventos de automação são acionadores quando você deseja que sua automação seja executada. Atualmente, o AtendChat suporta três tipos de eventos. 1. Conversa criada - isso será acionado quando uma nova conversa for criada em seu sistema. Isso incluirá conversas criadas por todos os canais. 2. Conversa atualizada - isso será acionado quando uma conversa for atualizada. 3. Mensagem criada - isso será acionado quando qualquer nova mensagem dentro de uma conversa for criada. ### **Condições de Automação** As condições são critérios que serão verificados antes da execução da ação. As condições são avaliadas na ordem em que são definidas.
### **Ações de Automação** Ações são tarefas/processos que são executados sempre que as respectivas condições são atendidas. Atualmente, o AtendChat suporta as seguintes ações: 1. Atribua a conversa a uma equipe. 2. Atribuir rótulo a uma conversa. 3. Enviar e-mail para uma equipe. ### **Criando Automações** Para criar automação, você precisa ir para a página Automações, navegar até lá clicando no ícone **Configurações** → **Automações**. Clique no botão **+Adicionar regra de automação**, abrirá um pop up de criação de Automação.
1. Dê um nome à sua automação. 2. Adicione uma descrição (opcional). 3. Selecione um evento. 4. Adicione condições. 5. Adicione ações. Você pode desencadear várias condições com o operador (**E** ou **OU**), como no exemplo abaixo. Ex.: Você quer atribuir uma conversa a uma equipe quando o idioma do navegador for **Inglês** e o status for **aberto**, assim que uma nova conversa for criada. Dessa forma você terá que: 1. Adicionar um nome e uma descrição 2. Selecione o evento. No exemplo foi utilizado a opção **Conversa Criada.** Veja as demais opções abaixo: * **Conversa Criada** * **Conversa Atualizada** * **Mensagem Criada** * **Conversa Aberta** 3. Crie duas condições. Nesse caso, quando clicar em **+Adicionar condição**, em verde, deverá selecionar a opção **E**. Nesse exemplo a condição 1 é: **Status** → **Igual a** → **Abertas**; e a condição 2 é: **Idioma do Navegador** → **Igual a** → **Inglês** 4. Adicione uma ação **Atribuir Equipe** e selecione a equipe **Vendas Inglês** no menu suspenso. (Você precisa criar sua equipe primeiro) ### **Edição de Automações** Para editar uma automação, clique no ícone **Editar** da lista de automações que deseja editar.
### **Automação de clones** Para fazer uma cópia de uma automação existente, basta clicar no **ícone de clonagem** na lista de automações que deseja copiar. Isso criará uma réplica exata da automação com as mesmas condições e ações. ### **Excluindo Automações** Para excluir uma automação, clique no botão **excluir da lista**, observe que isso é permanente e não pode ser desfeito. # Atributos personalizados A AtendChat oferece suporte a atributos personalizados, diferentes dos atributos de dados padrão (um conjunto padrão de dados sobre suas conversas e contatos, como: nome, e-mail, local, etc.). {% embed url="" %} Um atributo personalizado rastreia dados sobre seus contatos. O atributo personalizado pode ser qualquer coisa, por exemplo: * Plano de assinatura * Data de assinatura * Data de inscrição * Item mais pedido * Link do produto pedido * Data da última transação A única diferença entre atributos personalizados e padrão é que os atributos de dados padrão são atualizados automaticamente. Atributos de dados personalizados são as informações que você anexou a conversas ou clientes, como quantas vezes eles pediram um produto, quando se inscreveram ou em que plano estão. Assim, você pode definir os atributos que deseja para entender melhor seu cliente, e tudo será exibido na AtendChat. ### **Adicionar um novo Atributo** Para adicionar um novo atributo personalizado, navegue até os Atributos personalizados clicando em **Configurações** → **Atributos personalizados** na barra lateral.
Clique no botão **Adicionar atributo personalizado** disponível no canto superior direito da página, que abrirá um pop up conforme mostrado abaixo.
Estas são as entradas necessárias para criar o atributo personalizado: * **Aplica-se a:** Tipo de atributo (**Conversação** ou **Contato**) * **Nome para exibição:** Atua como um rótulo ao renderizar o atributo personalizado * **Chave:** Identificador exclusivo anexado ao atributo personalizado * **Descrição:** Descrição do atributo personalizado * **Tipo:** Tipo de dados que irá armazenar. Atualmente suporta texto, número, link e data Você não pode criar mais de um atributo personalizado com a mesma chave. Depois de inserir os detalhes, clique no botão **Criar** . Se a solicitação for bem-sucedida, uma mensagem "Atributo personalizado adicionado com sucesso" será exibida. ### **Atributos personalizados de conversa** #### 1. Defina os atributos por meio do SDK Você pode definir atributos personalizados para cada conversa usando o SDK usando o **set Conversation Custom Attributes** e também excluir o atributo usando o **delete Conversation Custom Attribute**. Você pode ler mais sobre como definir atributos de conversa aqui . #### 2. Defina os atributos por meio do painel Depois de criar o atributo personalizado da conversa, você poderá adicionar esses atributos à conversa por meio da barra lateral da conversa. Veja o exemplo:
Ao clicar em **Add Atributos**, ele abrirá um seletor suspenso de atributos e, em seguida, selecione o atributo que deseja adicionar
Insira um valor válido, clique no botão **Criar**. Se a solicitação for bem-sucedida, uma mensagem "**Atributo adicionado com sucesso**" será exibida.
Além disso, você pode ver as ações como editar, excluir ou copiar passando o mouse sobre o atributo.
### Defina os atributos por meio do Painel Depois de criar o atributo personalizado do contato, você poderá adicionar esses atributos ao contato por meio da barra lateral de conversa/contato.
Ao clicar em **Add Atributos**, ele abrirá um seletor suspenso de atributos e, em seguida, selecione o atributo que deseja adicionar.
Digite um valor válido, clique no botão **Criar**. Se a solicitação for bem-sucedida, uma mensagem "Atributo adicionado com sucesso" será exibida.
Além disso, você pode ver as ações como editar/excluir/copiar passando o mouse sobre o atributo.
# Macros, O que são e Como usar Uma macro é um conjunto de ações sequenciais salvas, como: rotular uma conversa, enviar uma transcrição de e-mail, enviar um anexo etc., que você pode definir em seu painel. {% embed url="" %} Como agente de suporte, você descobrirá que precisa repetir o mesmo conjunto de ações com frequência. Aqui está um exemplo: sempre que você recebe uma solicitação de demonstração, você atribui a equipe de vendas, envia uma mensagem padrão sobre como reservar um horário, adiciona o rótulo **vendas** e feche a conversa. Ou, sempre que receber spam, envie a mesma mensagem sobre como eles chegaram ao lugar errado, atribua o marcador **Spam** e feche a conversa. Fazer todas essas ações uma a uma e várias vezes ao dia pode ser desafiador. Em vez disso, você pode executar uma **Macro**. Este guia explica, com exemplos, como criar **Macros**––pessoais ou públicos––e como usá-los. ### **Como criar uma Macro?** #### Etapa 1 Vá para **Configurações** → **Macros** → "**Adicionar uma nova macro**".
#### Etapa 2 Aqui você pode criar um fluxo das ações que devem ser executadas quando esta macro acionar. Você também pode nomear sua macro para referência interna na barra lateral direita.
Você pode começar selecionando uma ação no menu suspenso. As ações atualmente disponíveis são mostradas abaixo: * **Atribuir uma equipe** * **Atribuir um agente** * **Adicionar um rótulo** * **Remover um rótulo** * **Remover equipe atribuída** * **Enviar uma transcrição de e-mail** * **Calar conversa** * **Adiar conversa** * **resolver conversa** * **Enviar anexo** * **Envie uma mensagem** * **Adicionar uma nota privada** Selecione uma ação e configure-a de acordo. Quando terminar, continue adicionando mais ações. #### Um exemplo de configuração de uma Macro Aqui está um exemplo das ações sequenciais executadas sempre que a equipe recebe uma consulta de um cliente no plano gratuito.
**Observe que a ordem em que você define essas ações define a ordem em que elas serão executadas.** #### Etapa 3 Defina a visibilidade de sua macro. Se você estiver criando para seu uso pessoal, defina "**Privado**". Se você deseja que sua equipe possa usá-lo, defina a visibilidade como "**Público**".
#### Etapa 4 Clique no botão "**Salvar macro**" no canto inferior direito da página de configuração. Sua macro agora está pronta para uso! ### **Como executar uma Macro?** #### Etapa 1 Localize a seção "**Macros**" na barra lateral direita da janela de bate-papo. Clique no sinal de adição para expandi-lo. Isso mostrará a lista de macros criadas para sua conta – tanto privadas quanto públicas.
#### Etapa 2 Visualize a macro se não tiver certeza das ações que ela executaria. Para visualizar, clique no ícone "**i**". Ele exibiria uma visualização das ações definidas na macro específica.
#### Etapa 3 Execute a macro clicando no botão play. Isso executaria automaticamente todas as ações na sequência definida em uma fração de segundo. Você poderá ver as respectivas mensagens de sucesso para diferentes ações. Aqui está um exemplo:
### **Como editar ou excluir uma Macro?** Para editar ou excluir macros, abra **Configurações** → **Macros**. Encontre a macro específica e use o botão **editar** ou **excluir** correspondente, conforme mostrado na captura de tela abaixo.
# Atalhos e Comandos Atalhos são respostas prontas para perguntas frequentes que ajudam a reduzir o tempo de resposta e aumentar a produtividade dos agentes. Um agente pode acessar os atalhos durante o bate-papo digitando **/** , seguido pelo **Código Curto** (palavra de fácil acesso). #### **Usando um atalho em uma conversa** {% embed url="" %} Todas as respostas prontas estão disponíveis para todos os agentes da conta. Para acessar as respostas predefinidas enquanto você conversa com um cliente, digite **/** seguido do **Código Curto** na caixa de texto, que destacará a resposta predefinida com o shortcode cadastrado. Em seguida, pressione **Enter** e ele atualizará a resposta. Veja o exemplo abaixo:
#### **Cadastre um novo atalho** Qualquer agente/administrador na conta pode criar ou modificar uma resposta predefinida. Para adicionar uma nova resposta predefinida, navegue até as configurações de resposta predefinida clicando em **Configurações** → **Atalhos** na barra lateral. Por padrão, não há respostas prontas disponíveis na conta.
Clique no botão **Adicionar Atalho** disponível no canto superior direito da página, que abrirá um modal conforme mostrado abaixo.
Os campos mostrados no modal estão descritos abaixo: * **Código curto**: Digite um código curto, com no mínimo de 2 caracteres. Não poderá criar mais de uma resposta para o mesmo código. * **Conteúdo:** Digite aqui a mensagem ou respoosta pronta que será enviada quando o código curto for inserido no chat. Depois de inserir os detalhes, clique no botão **Enviar**. Se a solicitação for bem-sucedida, uma mensagem "**Atalho adicionado com sucesso**" será exibida. **Observação**: Os atalhos criados por um agente estão disponíveis para todos os agentes e administradores da conta. #### **Modificar um atalho** Para **atualizar um atalho**, abra a lista de respostas predefinidas em **Configurações** → **Atalhos**. Todas as respostas prontas em sua conta estarão disponíveis lá. Clique no botão editar como mostrado abaixo, que abrirá um pop up com informações pré-preenchidas. Você pode editar o shortcode e a mensagem. Clique em **Enviar** para salvar as alterações. Clique em **Cancelar** se quiser descartar as alterações.
Para **excluir um atalho**, clique no botão **Excluir** conforme mostrado abaixo. Um pop up de confirmação será exibido. Clique em **Sim, excluir** para continuar com a exclusão.
> **Observação**: O atalho oferece suporte às variáveis ​​de modelo. Consulte este guia para saber mais sobre como adicionar variáveis ​​de modelo. # Atalhos do teclado A AtendChat possui vários atalhos de teclado que realizam operações que ajudam você a navegar pelos diferentes painéis e tornar algumas ações mais eficientes com a ajuda do teclado. Para exibir uma lista de atalhos de teclado disponíveis, pressione **CMD + / (Win + / no Windows)** ou selecione no menu suspenso de configurações de perfil.
Aqui estão alguns atalhos de teclado que usamos na AtendChat:
# Barra de comandos A barra de comandos irá ajudá-lo a navegar mais facilmente pelo painel da AtendChat e otimizar seu fluxo de trabalho com uma nova série de comandos. ### **Abrindo a barra** Abra o comando usando um dos seguintes atalhos de teclado: * **⌘ + K** no macOS * **Ctrl + k** no Windows e Linux
### **Navegação rápida** Com a barra de comandos, você pode navegar rapidamente para Relatórios, Configurações e muito mais. Você pode simplesmente começar a procurar a página que deseja navegar e pressionar enter para ir até lá.
#### Navegações rápidas disponíveis * **Página inicial do painel** * **Contatos** * **Relatórios** * Relatórios do agente * Relatórios de etiquetas * Relatórios da caixa de entrada * Relatórios de equipe * **Configurações** * Configurações do Agente * Configurações da equipe * Configurações de etiqueta * Configurações de resposta enlatada * Configurações do aplicativo * Configurações de Conta * Configurações de perfil * **Notificações** ### **Ações de conversa** A barra de comandos está **ciente** de onde você está no painel da AtendChat e sugere de forma inteligente comandos que o ajudam a ser mais produtivo e rápido. Você pode executar ações em conversas como Resolver, Adiar, Transcrição de e-mail, atribuir agente, etc., sem sair do teclado. Os comandos sugeridos também estarão cientes do status da conversa. Por exemplo, se uma conversa for encerrada, ele sugerirá que você a reabra.
#### Comandos disponíveis * Resolver/Reabrir a conversa * Silenciar/Ativar conversa * Enviar uma transcrição de e-mail * Atribuir conversa a um agente * Atribuir conversa a uma equipe * Adicionar rótulo à conversa * Adiar a conversa #### Atribuindo um agente 1. Abra a barra de comandos 2. Pesquise por **Atribuir agente** e pressione **Enter** 3. Selecione o agente ao qual deseja atribuir a conversa.
Da mesma forma, você também pode atribuir um rótulo de equipe à conversa. # Crie sua Central de Ajuda Com o recurso Central de Ajuda, você pode criar facilmente um portal de autoatendimento para seus clientes acessarem artigos e informações. {% embed url="" %} Neste guia, mostramos as etapas para configurar uma Central de Ajuda, incluindo a criação de um portal e a adição de artigos. Observe que este é um recurso beta que será constantemente atualizado a cada lançamento. Você pode configurar sua Central de Ajuda em três partes, conforme explicado abaixo. ### **Criando um** **portal** #### Etapa 1 Clique no ícone da **Central de Ajuda** na barra lateral e clique no botão "**Novo Portal**". #### Etapa 2 Você verá uma página de configurações básicas. Comece a preencher os campos.
Esses campos são explicados a seguir: 1. **Logotipo** Carregue o logotipo da sua organização. 2. **Nome** Nomeie seu portal para se referir a ele internamente. 3. **Slug** Isso será gerado automaticamente. 4. **Domínio personalizado (opcional)** Você pode adicionar o domínio que deseja servir ao seu portal em um domínio personalizado. Por exemplo, se seu site é **meusite.com** e você deseja que seu portal seja acessível em **ajuda.meusite.com**, digite-o neste campo. Clique em "**Criar configurações básicas do portal**". Seu portal está pronto. Você pode começar a adicionar categorias e artigos dentro dessas categorias. ### **Criando categorias** As categorias existem para estruturar seu portal e organizar seus artigos. Siga esses passos: #### Etapa 1 Clique no sinal **+** ao lado da seção **Categoria** na barra lateral secundária para criar uma nova categoria. #### Etapa 2 Um pop up será aberto. Preencha os campos.
Esses campos são descritos a seguir: 1. **Nome** Dê um nome à sua categoria. Este nome será usado no portal público. 2. **Slug** Isso será gerado automaticamente. 3. **Descrição (opcional)** Descreva sua categoria. Clique no botão "**Criar categoria**". ### **Criando artigos** Finalmente, comece a escrever seus artigos. Siga os passos abaixo. #### Etapa 1 Você pode encontrar o botão "**Novo artigo**" em quase todas as páginas. Clique.
#### Etapa 2 Use o editor de texto para escrever seu artigo. Use a barra lateral para selecionar a categoria e o autor do seu artigo e atualizar o meta conteúdo. Aqui está um exemplo:
Você pode usar o botão "**Pré-visualizar**" para ver o resultado do seu artigo. Depois de pronto, clique em "**Publicar**". Seu artigo ao vivo ficará assim:
# Principais Conceitos Entenda alguns conceitos importantes antes de começar a usar seus relatórios. * **Tempo da primeira resposta** Tempo gasto para enviar a primeira mensagem de resposta ao cliente. * **Tempo** **de Resolução** Tempo gasto para resolver uma conversa. * **Conversas** **não assistidas** Conversas que não têm uma mensagem de primeira resposta. * **Conversas** **não atribuídas** Conversas que não têm um agente atribuído. # Visão geral A página de visão geral é uma exibição ao vivo. {% embed url="" %} Ela mostra as métricas ao vivo, veja exemplo abaixo. * conversas abertas * Status do agente * Conversas por agentes
### **Conversas abertas** As conversas abertas mostram 3 tipos de métrica no nível da conta. * **Open** - Número total de conversas abertas na conta. * **Autônomo** - Número total de conversas não assistidas na conta. * **Não atribuídos** - Número total de conversas não atribuídas na conta. ### **Status do agente** Mostra o número de agentes em status online, ocupado e offline. ### **Tráfego de conversa** O mapa de calor do tráfego de conversas mostra quais horários do dia são os mais movimentados nos últimos sete dias. Cada célula representa o número de conversas recebidas como uma tonalidade de cor; passar o mouse sobre uma célula mostrará o número de conversas recebidas naquela hora do dia. ### **Conversas de agentes** Essa é uma métrica de conversa no nível do agente. Essa métrica mostra o número de conversas abertas e não atendidas para cada agente na conta. # Conversação Os relatórios das conversas ocorridas ao longo do tempo podem ser visualizados na seção de relatórios. {% embed url="" %} Clique no ícone **Relatórios** na página inicial.
A janela abaixo se abre com **Visão geral** dos relatórios. Clique em **conversas**.
O relatório pode ser gerado para várias durações. Isso pode ser feito selecionando o período de tempo na lista suspensa, conforme mostrado abaixo. Por padrão, é para os últimos 7 dias.
O relatório pode ser agrupado usando o filtro **agrupar por**. Cada intervalo de datas tem um grupo diferente por filtro. Intervalo de datas para agrupar por mapeamento de filtro fornecido abaixo.
### **Conversas** Clique na guia **Conversas em Relatórios**. O gráfico mostrará a conversa que aconteceu nos dias selecionados. Ao apontar o mouse para um determinado gráfico do dia, é possível saber os detalhes das conversas ocorridas naquele dia. Um exemplo é dado abaixo. Em 28 de maio, ocorreram 23 conversas.
### **Mensagens recebidas** Clique na guia **Mensagens recebidas** em Relatórios. O gráfico mostrará o número de mensagens recebidas nos dias selecionados. Ao apontar o mouse para um determinado gráfico do dia, é possível saber os detalhes do número de mensagens recebidas naquele dia. Um exemplo é dado abaixo. Em 27 de maio, ocorreram 70 mensagens recebidas.
### **Tempo da primeira resposta** Clique na guia **Tempo da primeira resposta** . O gráfico mostrará o tempo médio necessário para dar a primeira resposta a uma conversa com um cliente. Ao apontar o mouse para um determinado gráfico do dia, pode-se saber o tempo médio gasto para a primeira resposta e o número de conversas usadas para o cálculo da primeira resposta naquele determinado dia. Por exemplo, em 29 de maio, o tempo médio de primeira resposta foi de 1 dia e 20 horas com base em 4 conversas.
### **Tempo de Resolução** Clique na guia **Tempo de resolução**. O gráfico mostrará o tempo médio gasto para resolver uma determinada conversa com um cliente. Ao apontar o mouse para um determinado gráfico do dia, pode-se saber o tempo médio de resolução das conversas e o número de conversas utilizadas para o cálculo do tempo de resolução naquele determinado dia. Por exemplo, em 29 de maio, o tempo médio de primeira resposta foi de 4 dias e 22 horas com base em 8 conversas.
### **Contagem de resolução** Clique na guia **Contagem de resolução**. O gráfico mostrará o número de conversas resolvidas nos dias selecionados. Ao apontar o mouse para um determinado gráfico do dia, é possível saber os detalhes da quantidade de conversas resolvidas naquele dia. Um exemplo é dado abaixo. Em 28 de maio de 11 a conversa foi resolvida.
### **Baixar relatórios** Os detalhes do desempenho dos agentes podem ser obtidos clicando no botão Baixar relatórios do agente, localizado no canto superior direito da página. O relatório será baixado no formato csv. Exemplo dado abaixo.
### **Horário Comercial** O horário comercial é utilizado para configurar a disponibilidade de cada canal. Se o horário comercial estiver configurado, os dados do relatório serão calculados com base no horário comercial. Vá para Configurações da caixa de entrada. Escolha a guia Horário Comercial e atualize a disponibilidade.
Alterne o horário comercial para ver o relatório com base no horário comercial.
O horário comercial é compatível com Conversation , Agent , Inbox , Label e Team Reports. ### **Tendência** A tendência mostra a porcentagem de aumento ou diminuição nos dados da métrica. Ele compara o período atual com o período anterior para fornecer informações valiosas. Por exemplo, ao analisar o número de conversas de uma semana específica, a métrica Tendência compararia os números desta semana com os números da semana anterior. Ele é exibido no lado direito de cada métrica no relatório. A fórmula usada para calcular a tendência é dada abaixo. **trend = ((current - previous)/previous)\*100**
A tendência é suportada para Conversation , Agent , Inbox , Label e Team Reports. # CSAT Todos os relatórios de Satisfação do Cliente recolhidos no final de cada conversa podem ser consultados aqui. Clique no ícone '**Relatórios**' na tela inicial do Painel da AtendChat.
Em seguida, clique em '**CSAT**'. A tela mostrará os detalhes das Pesquisas de Clientes dos últimos 7 dias, pois esse é o intervalo de datas padrão.
O CSAT pode ser filtrado usando o nome do agente. Vários agentes podem ser selecionados no menu suspenso.
# Agente Você também pode filtrar e baixar relatórios por agente. {% embed url="" %} Clique no ícone de relatórios na barra lateral e selecione "**Agentes**".
# Marcadores (Rótulos) Você também pode filtrar e baixar relatórios por rótulos. {% embed url="" %} Clique no ícone de relatórios na barra lateral e selecione "**Rótulos**".
# Caixa de entrada {% embed url="" %} Você também pode filtrar e baixar relatórios por caixas de entrada. Clique no ícone de relatórios na barra lateral e selecione "**Caixa de entrada**".
# Equipe Você também pode filtrar e baixar relatórios por equipes. {% embed url="" %} Clique no ícone de relatórios na barra lateral e selecione "**Equipe**".
# Webhooks Webhooks são retornos de chamada HTTP definidos em todas as contas. Esses eventos são acionados quando uma ação como a criação de mensagem acontece na AtendChat. Você pode criar mais de um webhook para uma conta. #### Etapa 1 Vá para **Configurações** → **Integrações**, em Webhooks clique em **Configure.**
#### Etapa 2 Você verá a lista de webhooks que já adicionou à conta.
#### Etapa 3 Clique em "**Adicionar novo webhook**", e ele exibirá um pop up onde você poderá inserir a **URL** para a qual a solicitação POST deve ser enviada. Em seguida, você precisa selecionar os eventos que deseja inscrever. Esta opção permitiria que você ouvisse apenas os eventos relevantes na AtendChat.
O Chatwoot enviará uma solicitação POST com a seguinte carga para os URLs configurados para várias atualizações que ocorrem em sua conta. # AgentBot O AgentBot é um serviço da web conectado a uma caixa de entrada da AtendChat e pode atuar como um bot que lida com as consultas dos clientes. A AtendChat permite que você conecte facilmente sua lógica de bot personalizada ao tratamento de conversas por meio de APIs do AgentBot.
Depois de conectar o bot do agente a uma caixa de entrada, todas as novas conversas criadas na sua caixa de entrada receberão inicialmente o status de 'bot'. O Chatwoot enviará cada evento de conversa para o URL do seu bot como eventos de webhook. Ao qual seu AgentBot pode reagir por meio das APIs do chatwoot. ### **Fluxo de Trabalho** * O bot do agente conectado recebe eventos como widget acionado, mensagem criada, update de mensagem, etc, com base na ação do cliente. * O bot do agente pode processar as informações recebidas e apresentar uma resposta. * O bot do agente também pode contar com APIs do sistema externo para buscar informações adicionais do usuário, como status do pedido, gatilho de reserva, etc. * O bot do agente também pode contar com serviços como rasa, dialogflow, lex etc. * O bot do agente pode postar a resposta gerada de volta no widget chamando APIs chatwoot como message\_create * O bot do agente pode alternar um status de conversa para abrir para transferir a conversa para um agente humano * O bot do agente pode continuar a ouvir conversas abertas e ver se pode fornecer informações contextuais ao agente de suporte. ### **Casos de Uso** * As empresas com consultas de suporte ao cliente de alto volume podem usar um bot para autenticar e filtrar ainda mais as consultas antes de passar para os agentes * Os sites da Ecom podem conectar o bot ao banco de dados existente e fornecer o status do pedido/envio * Sites de notícias/conteúdo podem aproveitar mensagens de cartão para enviar recomendações via bot * Os sites de reservas de hotéis/filmes podem lidar com a reserva via bot ### **Exemplos de Implementação** 1. : exemplo de implementação de reserva de hotel usando dialogflow 2. : exemplo de implementação usando rasa. 3. : exemplo de implementação usando botpress. > Procure maneiras interessantes de aproveitar os tipos de mensagens de bot na AtendChat. ### **Adicionando AgentBot na AtendChat** Existem dois tipos de bots de agente na AtendChat. 1. **Bots globais** : Bots globais têm um escopo de permissão para todas as contas em uma instalação de AtendChat. Eles podem interagir com endpoints acessíveis por bot em relação a qualquer conta nessa instalação. 2. **Bots de conta** : Bots de conta têm um escopo de permissão limitado à conta para a qual o bot foi criado. Você pode provisionar **AgentBot** na AtendChat por meio de nossa API ou usando o Rails Console. #### Criação de bots de agente via API 1. **Bots globais** podem ser criados interagindo com as APIs do bot do agente . 2. **Bots de conta** podem ser criados interagindo com as APIs de bot de conta . # Eventos de Websocket Websockets cria uma conexão persistente entre o cliente e o servidor, permitindo a comunicação bidirecional. A AtendChat suporta uma conexão websocket para obter atualizações em tempo real sobre os eventos que acontecem na plataforma. Qualquer cliente pode se conectar à **URL** do websocket na AtendChat e se autorizar fornecendo o Token e começar a receber as atualizações. Este guia irá ajudá-lo a configurar uma conexão websocket com a AtendChat e integrar os eventos disponíveis. **Observação:** Este é um recurso experimental. A documentação pode mudar a cada lançamento e não há garantia de compatibilidade com versões anteriores. Verifique se você está usando a versão atualizada da implementação. ### **Por que devo usar uma conexão websocket?** Suponha que você esteja construindo um cliente para Chatwoot. Por exemplo, em um Android ou iOS Client SDK, onde você precisaria ouvir as mensagens mais recentes para atualizar a interface do usuário sem recarregar ou uma extensão para o painel, se quiser melhorar a produtividade de um agente, talvez precise de dados em tempo real. ### **Configure uma conexão websocket** Para configurar uma conexão websocket com a AtendChat, você precisa iniciar uma conexão com o token pubsub de autenticação fornecido pela AtendChat. A URL para a conexão é **wss\:///cable**. Ex.: **wss\://app.chatwoot.com/cable**. Existem dois tipos de **tokens pubsub** disponíveis na AtendChat. 1. **Token PubSub do usuário** : esse token tem os privilégios de um agente ou administrador e receberia todos os eventos documentados abaixo. Você pode obter o token pubsub chamando a API de perfil . 2. **Token PubSub de contato** : para cada contato, o Chatwoot geraria um token pubsub para cada sessão que eles tivessem. Você pode se conectar ao websocket usando este token para obter as atualizações da sessão atual. Ao criar um contato usando as APIs públicas, você receberá o **pubsub token** no payload. Este token só tem acesso aos eventos relacionados à sessão atual, você só receberia os eventos: * **Conversa criada** * **Status da conversa alterado** * **Mensagem criada** * **Atualização de mensagem** * **Digitando na conversa** * **Atualização de conversa: parou de digitar** Consulte as APIs do cliente para criar integrações voltadas para o cliente em tempo real usando a AtendChat. **Observação:** Este token pode ser alternado regularmente com base no seu tipo de instalação, certifique-se de estar usando o token mais recente. #### Conecte-se à AtendChat Websocket Você precisa enviar um comando "**Inscrito**" para se conectar à AtendChat. Ele espera um **token pubsub**, **accountId** e **userId** (se estiver usando um token de usuário). Aqui está um exemplo de como você pode se conectar com a AtendChat. # Cookies A AtendChat usa os seguintes cookies. ### **Widget** **de bate-papo** * **cw\_conversation**: Este cookie permite que o Chatwoot persista a conversa quando o contato navega pelas páginas da web / revisita o site posteriormente. * **cw\_user\_{identifier}**: Este cookie é usado para armazenar em cache os detalhes do contato se um contato for identificado por meio do **set User SDK .** ### **Painel** **do agente** * **\_chatwoot\_session**: Usado pelo painel Chatwoot Super Admin para persistir a sessão do usuário. * **cw\_d\_session\_info**: Usado pelo Dashboard do Agente para armazenar a sessão do usuário logado.