# Tawk.to Adicione um **chat de atendimento online à sua loja** utilizando o Tawk.to, permitindo que visitantes e clientes conversem com sua equipe diretamente pelas páginas da loja na Nortgraf. ## Para que serve a integração? O Tawk.to é uma plataforma de atendimento que permite disponibilizar um chat em tempo real no seu site. Com essa integração, os visitantes podem entrar em contato com sua empresa durante a navegação, esclarecer dúvidas sobre produtos, solicitar informações e receber suporte. A Nortgraf permite instalar o widget do Tawk.to utilizando o **Property ID** e o **Widget ID** disponibilizados pelo serviço. Após configurar e ativar a integração, o chat poderá ser apresentado nas páginas públicas da loja. O gerenciamento das conversas, dos atendentes e das configurações específicas do atendimento é realizado diretamente no Tawk.to. ## 1 - Atenção e Regras Antes de iniciar a configuração, observe algumas informações importantes: - **Conta Tawk.to:** É necessário possuir uma conta para utilizar o serviço. - **Property ID:** Identifica a propriedade cadastrada no Tawk.to. - **Widget ID:** Identifica o widget de atendimento que será carregado na loja. - **Ativação:** A opção Exibir o chat na loja deve estar habilitada. - **Atendentes:** O gerenciamento da equipe e das conversas é realizado no painel do Tawk.to. - **Disponibilidade:** O funcionamento do widget depende dos serviços disponibilizados pelo Tawk.to. - **Personalização:** Aparência, mensagens e outras configurações do chat são administradas no fornecedor. - **Recursos adicionais:** Algumas funcionalidades podem depender de serviços ou recursos contratados separadamente. - **Privacidade:** As informações compartilhadas durante o atendimento devem ser tratadas conforme as regras aplicáveis de privacidade e proteção de dados. **Importante:** A integração da Nortgraf utiliza os identificadores fornecidos pelo Tawk.to. Não é necessário inserir manualmente o código completo de instalação nas páginas da loja. ## 2 - Criando sua Conta no Tawk.to Caso ainda não possua uma conta, será necessário realizar o cadastro no serviço. ### Passo 1 - Acessar a plataforma 1. Acesse [www.tawk.to](https://www.tawk.to/). 2. Inicie a criação de uma conta. 3. Informe os dados solicitados. 4. Conclua o cadastro. 5. Entre no painel administrativo do Tawk.to. Se você já possui uma conta, poderá utilizá-la para configurar uma nova propriedade correspondente à sua loja. ### Passo 2 - Configurar a empresa Durante a configuração inicial, informe os dados solicitados para identificar o atendimento. Utilize um nome relacionado à sua loja para facilitar o gerenciamento. Exemplo: **Atendimento — Minha Loja** **Dica:** Se você administra várias lojas, mantenha as propriedades organizadas para evitar que os atendimentos sejam associados ao site incorreto. ## 3 - Criando uma Propriedade no Tawk.to No Tawk.to, uma propriedade representa o site ou ambiente ao qual o chat estará associado. ### Passo 1 - Adicionar a propriedade 1. Entre no painel do Tawk.to. 2. Acesse a área de administração. 3. Localize o gerenciamento de propriedades. 4. Selecione a opção de adicionar uma nova propriedade. 5. Informe os dados solicitados. ### Passo 2 - Informar o endereço da loja Durante o cadastro, informe o endereço público utilizado pelos clientes para acessar sua loja. Exemplo: [**https://www.sualoja.com.br**](https://www.sualoja.com.br/) Utilize o endereço correto para identificar o site que receberá o chat. ### Passo 3 - Concluir a configuração Finalize as etapas apresentadas pelo Tawk.to. Após a criação, a propriedade ficará disponível para configuração do widget de atendimento. **Importante:** O cadastro da propriedade no Tawk.to não instala automaticamente o chat na Nortgraf. Será necessário informar os identificadores na integração. ## 4 - Obtendo o Property ID e o Widget ID Para conectar o Tawk.to à Nortgraf, você precisará de dois identificadores. Ambos podem ser encontrados nas informações ou no código de instalação gerado pelo Tawk.to. ### Passo 1 - Localizar o código de instalação 1. Entre no painel do Tawk.to. 2. Selecione a propriedade da sua loja. 3. Acesse as configurações administrativas. 4. Localize a área de widgets ou instalação do chat. 5. Consulte o código disponibilizado para instalação no site. ### Passo 2 - Identificar os códigos O código de instalação normalmente contém um endereço semelhante a: `https://embed.tawk.to/PROPERTY_ID/WIDGET_ID` Nesse exemplo: **PROPERTY\_ID** Representa o identificador da propriedade cadastrada no Tawk.to. **WIDGET\_ID** Representa o identificador do widget que será exibido na loja. Os dois valores são diferentes e precisam ser informados nos campos correspondentes. ### Exemplo ilustrativo Considere o seguinte endereço: `https://embed.tawk.to/123456789abcdef/1abc234de` Os valores seriam: Campo Exemplo Property ID 123456789abcdef Widget ID 1abc234de Esses identificadores são apenas exemplos. Utilize os dados fornecidos na sua conta. **Atenção:** Não copie o endereço completo para nenhum dos campos. Informe somente o identificador correspondente. ## 5 - Configurando o Tawk.to na Nortgraf Depois de obter os identificadores, acesse o painel administrativo da sua loja. ### Passo 1 - Acessar a integração 1. Entre no painel administrativo da Nortgraf. 2. Acesse **Configurações > Integrações**. 3. Localize **Tawk.to**. 4. Abra a página de configuração. A tela apresenta duas seções principais: **Widget** Reúne os identificadores necessários para carregar o chat. **Ativação** Permite controlar a exibição do widget nas páginas públicas da loja. ### Passo 2 - Informar o Property ID Na seção **Widget**: 1. Localize o campo **Property ID**. 2. Cole o identificador da propriedade. 3. Confira se o valor pertence ao site correto. ### Passo 3 - Informar o Widget ID Ainda na seção **Widget**: 1. Localize o campo **Widget ID**. 2. Cole o identificador do widget. 3. Confira se o valor corresponde à mesma propriedade. ### Passo 4 - Salvar as configurações Depois de preencher os dois campos, confira os dados informados. **Importante:** O Property ID e o Widget ID devem corresponder à mesma configuração do Tawk.to. Informações incorretas podem impedir o carregamento do chat. ## 6 - Ativando o Chat na Loja Após informar os identificadores, será necessário habilitar a integração. ### Como ativar? 1. Na página **Tawk.to**, localize a seção **Ativação**. 2. Encontre a opção **Exibir o chat na loja**. 3. Habilite essa opção. 4. Clique em **Salvar**. Com a integração ativada, a Nortgraf poderá carregar o widget do Tawk.to nas páginas públicas da loja. ### Como funciona? Quando um visitante acessa uma página da loja, o widget configurado poderá ser carregado conforme a disponibilidade do serviço e as configurações realizadas no Tawk.to. O cliente poderá utilizar o chat para iniciar uma conversa com sua equipe. **Importante:** A ativação do chat não coloca automaticamente os atendentes online. A disponibilidade da equipe é gerenciada no próprio Tawk.to. ## 7 - Personalizando o Widget de Atendimento Após conectar o chat à Nortgraf, você poderá personalizar sua apresentação no painel do Tawk.to. As opções disponíveis dependem dos recursos oferecidos pelo serviço. ### Aparência É possível configurar aspectos visuais do widget, como cores e apresentação da janela de atendimento, conforme as opções disponibilizadas pelo Tawk.to. ### Identificação da empresa Configure o nome e as informações que serão apresentados durante o atendimento. ### Mensagens de boas-vindas Defina mensagens para orientar os visitantes ao iniciarem uma conversa, quando o recurso estiver disponível. ### Posicionamento do widget Consulte as opções de posicionamento oferecidas pelo Tawk.to para ajustar a apresentação do chat nas páginas. ### Idioma Verifique se o idioma utilizado pelo widget está adequado ao público da sua loja. **Dica:** Utilize cores e mensagens alinhadas à identidade visual da sua empresa para manter uma experiência consistente de atendimento. ## 8 - Configurando os Atendentes O Tawk.to permite organizar os usuários responsáveis pelo atendimento das conversas. ### Como configurar? 1. Entre no painel administrativo do Tawk.to. 2. Selecione a propriedade correspondente à sua loja. 3. Acesse as configurações de membros ou equipe. 4. Adicione os atendentes necessários. 5. Configure as permissões disponíveis. 6. Conclua o cadastro. ### Acompanhamento das mensagens Os atendentes poderão utilizar os recursos disponibilizados pelo Tawk.to para visualizar e responder às conversas recebidas. ### Recomendações Mantenha a equipe organizada e defina responsáveis pelo acompanhamento das mensagens. Também é recomendável configurar horários de atendimento compatíveis com a disponibilidade real da empresa. **Importante:** A criação dos atendentes e a administração das conversas não são realizadas na página de integração da Nortgraf. ## 9 - Testando o Chat na Loja Depois de salvar e ativar a integração, recomendamos realizar um atendimento de teste. ### Passo 1 - Acessar a loja 1. Abra o endereço público da sua loja. 2. Aguarde o carregamento da página. 3. Localize o widget de atendimento. A aparência e o posicionamento dependem das configurações realizadas no Tawk.to. ### Passo 2 - Iniciar uma conversa 1. Clique no botão de atendimento. 2. Abra a janela do chat. 3. Informe os dados solicitados, quando necessário. 4. Envie uma mensagem de teste. ### Passo 3 - Verificar no Tawk.to 1. Entre no painel do Tawk.to. 2. Localize a conversa recebida. 3. Confira se a mensagem aparece corretamente. 4. Envie uma resposta. ### Passo 4 - Conferir a resposta Retorne à janela da loja e verifique se a resposta foi apresentada. ### Resultado esperado O visitante deverá conseguir iniciar uma conversa e receber mensagens dos atendentes, conforme a disponibilidade e as configurações do serviço. **Dica:** Faça o teste utilizando uma janela anônima para simular a experiência de um visitante que ainda não possui sessão aberta na loja. ## 10 - Testando o Chat no Celular É importante verificar o comportamento do widget em dispositivos móveis. ### Como testar? 1. Abra sua loja no navegador do celular. 2. Aguarde o carregamento. 3. Localize o botão de atendimento. 4. Abra o chat. 5. Envie uma mensagem. 6. Confira se o conteúdo pode ser visualizado corretamente. ### O que observar? Verifique se: - O botão de atendimento está visível; - A janela abre corretamente; - O campo de mensagem pode ser utilizado; - O teclado não impede a interação; - O widget não bloqueia elementos importantes da página. **Importante:** As opções específicas de apresentação e posicionamento do widget são administradas pelo Tawk.to. ## 11 - Atendimento Online e Offline O comportamento do chat poderá variar conforme a disponibilidade da equipe e as configurações do Tawk.to. ### Atendimento online Quando existem atendentes disponíveis, os visitantes podem iniciar conversas em tempo real. ### Atendimento offline Dependendo da configuração, o serviço poderá oferecer formulários ou outras alternativas para receber mensagens quando não houver atendentes disponíveis. ### Como configurar? 1. Acesse o painel do Tawk.to. 2. Selecione a propriedade da loja. 3. Consulte as configurações de disponibilidade. 4. Ajuste os horários de atendimento. 5. Configure as mensagens e opções disponíveis. 6. Salve as alterações. **Dica:** Utilize mensagens que informem claramente quando sua equipe estará disponível para responder. ## 12 - Utilizando o Tawk.to com Outros Canais de Atendimento Sua loja pode disponibilizar outros meios de contato além do chat online. Entre eles estão WhatsApp, e-mail e outras ferramentas de atendimento. ### Como organizar os canais? Defina a finalidade de cada canal conforme o funcionamento da sua empresa. **Tawk.to** Atendimento durante a navegação na loja. **WhatsApp** Comunicação comercial e acompanhamento de solicitações. **E-mail** Envio de informações e atendimento que não exige resposta imediata. ### Cuidados com a apresentação A utilização de vários widgets flutuantes pode prejudicar a navegação, especialmente no celular. Evite que os botões fiquem sobrepostos ou ocultem ações importantes da loja. **Importante:** Habilitar o Tawk.to não desativa automaticamente outras ferramentas de atendimento configuradas na Nortgraf. ## 13 - Alterando os Identificadores do Widget Caso seja necessário substituir o chat utilizado pela loja, você poderá alterar o Property ID e o Widget ID. ### Como alterar? 1. Acesse **Configurações > Integrações**. 2. Abra **Tawk.to**. 3. Localize a seção **Widget**. 4. Atualize o **Property ID**. 5. Atualize o **Widget ID**. 6. Clique em **Salvar**. 7. Abra a loja para verificar o funcionamento. ### Quando alterar? A atualização poderá ser necessária em situações como: - Substituição da propriedade; - Criação de um novo widget; - Mudança da conta utilizada no atendimento; - Reorganização dos canais de atendimento. **Atenção:** Sempre confira se os dois identificadores pertencem à mesma configuração. Misturar dados de propriedades diferentes pode impedir o funcionamento da integração. ## 14 - Desativando o Tawk.to Se desejar interromper a exibição do chat na loja: 1. Acesse **Configurações > Integrações**. 2. Abra **Tawk.to**. 3. Localize a seção **Ativação**. 4. Desabilite **Exibir o chat na loja**. 5. Clique em **Salvar**. Após a desativação, o widget deixa de ser carregado pela integração nas páginas públicas da loja. ### O que acontece com as conversas? O histórico e as demais informações registradas no Tawk.to continuam sujeitos às configurações e políticas do próprio serviço. Desativar a integração na Nortgraf não exclui automaticamente sua conta ou propriedade. **Importante:** Caso o chat também esteja instalado por outro método, será necessário revisar essa configuração separadamente. ## 15 - Seções de Referência **Widget** Reúne os campos necessários para identificar o chat utilizado pela loja. **Property ID** Identificador da propriedade cadastrada no Tawk.to. **Widget ID** Identificador do widget de atendimento vinculado à propriedade. **Ativação** Permite controlar a exibição do chat na loja. **Exibir o chat na loja** Quando habilitada, permite carregar o widget configurado nas páginas públicas. **Painel Tawk.to** Ambiente externo utilizado para administrar propriedades, widgets, atendentes e conversas. ## 16 - Problemas Comuns **Não encontro o Property ID.** Acesse o painel do Tawk.to, selecione sua propriedade e consulte as informações ou o código de instalação do widget. **Não encontro o Widget ID.** Abra a área de instalação do chat no Tawk.to. O identificador normalmente aparece no endereço do script, após o Property ID. **O chat não aparece na loja.** Confira se o Property ID e o Widget ID estão corretos e se a opção **Exibir o chat na loja** está habilitada. **Copiei o código de instalação completo.** A Nortgraf utiliza campos específicos para o Property ID e o Widget ID. Extraia os identificadores do código fornecido pelo Tawk.to e informe cada um no campo correspondente. **O widget está associado à propriedade errada.** Confira se os dois identificadores pertencem ao mesmo site cadastrado no Tawk.to. **O chat aparece, mas não recebo mensagens.** Verifique se o widget corresponde à propriedade correta e se os atendentes possuem acesso ao canal no Tawk.to. **O atendimento aparece como offline.** Confira os horários de atendimento e a disponibilidade dos atendentes no painel do serviço. **O chat não aparece no celular.** Teste outro navegador e verifique as configurações de exibição do widget para dispositivos móveis. **Alterei a aparência do widget, mas a loja continua mostrando a versão anterior.** Confira se as alterações foram salvas no Tawk.to e atualize a página para verificar o resultado. **Posso usar o Tawk.to junto com o JivoChat?** As integrações são independentes, mas recomendamos utilizar apenas os widgets necessários para evitar excesso de elementos e confusão para os visitantes. **Desativei o Tawk.to, mas o chat continua aparecendo.** Verifique se o widget está instalado por outro método, como Google Tag Manager ou um script externo. **Preciso pagar para utilizar o Tawk.to?** O Tawk.to oferece recursos gratuitos de chat, mas determinadas funcionalidades e serviços adicionais podem possuir condições comerciais próprias. Consulte os planos e recursos diretamente no fornecedor. **Preciso inserir o script de instalação manualmente?** Não para a configuração padrão da integração. Basta informar o Property ID, o Widget ID e habilitar a exibição do chat na Nortgraf. **Troquei o domínio da loja. Preciso configurar novamente?** Confira as informações da propriedade no Tawk.to e realize um novo teste para confirmar o funcionamento no endereço atualizado. --- **Dica:** Após configurar o Tawk.to, realize um atendimento de teste pelo computador e pelo celular. Confirme que o widget aparece corretamente, que a mensagem chega ao painel do Tawk.to e que sua equipe consegue responder antes de disponibilizar o chat aos clientes.