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
- Acesse www.tawk.to.
- Inicie a criação de uma conta.
- Informe os dados solicitados.
- Conclua o cadastro.
- 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
- Entre no painel do Tawk.to.
- Acesse a área de administração.
- Localize o gerenciamento de propriedades.
- Selecione a opção de adicionar uma nova propriedade.
- 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:
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
- Entre no painel do Tawk.to.
- Selecione a propriedade da sua loja.
- Acesse as configurações administrativas.
- Localize a área de widgets ou instalação do chat.
- 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
- Entre no painel administrativo da Nortgraf.
- Acesse Configurações > Integrações.
- Localize Tawk.to.
- 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:
- Localize o campo Property ID.
- Cole o identificador da propriedade.
- Confira se o valor pertence ao site correto.
Passo 3 - Informar o Widget ID
Ainda na seção Widget:
- Localize o campo Widget ID.
- Cole o identificador do widget.
- 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?
- Na página Tawk.to, localize a seção Ativação.
- Encontre a opção Exibir o chat na loja.
- Habilite essa opção.
- 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?
- Entre no painel administrativo do Tawk.to.
- Selecione a propriedade correspondente à sua loja.
- Acesse as configurações de membros ou equipe.
- Adicione os atendentes necessários.
- Configure as permissões disponíveis.
- 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
- Abra o endereço público da sua loja.
- Aguarde o carregamento da página.
- Localize o widget de atendimento.
A aparência e o posicionamento dependem das configurações realizadas no Tawk.to.
Passo 2 - Iniciar uma conversa
- Clique no botão de atendimento.
- Abra a janela do chat.
- Informe os dados solicitados, quando necessário.
- Envie uma mensagem de teste.
Passo 3 - Verificar no Tawk.to
- Entre no painel do Tawk.to.
- Localize a conversa recebida.
- Confira se a mensagem aparece corretamente.
- 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?
- Abra sua loja no navegador do celular.
- Aguarde o carregamento.
- Localize o botão de atendimento.
- Abra o chat.
- Envie uma mensagem.
- 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?
- Acesse o painel do Tawk.to.
- Selecione a propriedade da loja.
- Consulte as configurações de disponibilidade.
- Ajuste os horários de atendimento.
- Configure as mensagens e opções disponíveis.
- 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.
Comunicação comercial e acompanhamento de solicitações.
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?
- Acesse Configurações > Integrações.
- Abra Tawk.to.
- Localize a seção Widget.
- Atualize o Property ID.
- Atualize o Widget ID.
- Clique em Salvar.
- 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:
- Acesse Configurações > Integrações.
- Abra Tawk.to.
- Localize a seção Ativação.
- Desabilite Exibir o chat na loja.
- 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.