# JivoChat

Adicione um **chat de atendimento online à sua loja** utilizando o JivoChat, permitindo que visitantes e clientes entrem em contato com sua equipe diretamente pelas páginas da loja na Nortgraf.

## Para que serve a integração?

O JivoChat é uma plataforma de atendimento que permite conversar com visitantes de um site por meio de uma janela de chat.

Com a integração, você pode disponibilizar um canal de comunicação para esclarecer dúvidas, orientar clientes durante a compra e prestar suporte.

A Nortgraf permite incorporar o widget do JivoChat à sua loja utilizando o identificador fornecido pelo serviço.

Após configurar e ativar a integração, o chat poderá ser apresentado nas páginas públicas da loja, enquanto o gerenciamento das conversas e dos atendentes será realizado pelo JivoChat.

## 1 - Atenção e Regras

Antes de iniciar a configuração, observe algumas informações importantes:

- **Conta JivoChat:** É necessário possuir uma conta no serviço para configurar e utilizar o atendimento.
- **Widget ID:** É o identificador utilizado para carregar o chat na sua loja.
- **Ativação:** A opção Exibir o chat na loja precisa estar habilitada.
- **Atendentes:** O gerenciamento da equipe de atendimento é realizado na plataforma JivoChat.
- **Disponibilidade:** O funcionamento do chat depende da disponibilidade do serviço externo.
- **Aparência:** Determinadas configurações de cores, mensagens e comportamento são administradas pelo JivoChat.
- **Plano:** Alguns recursos podem depender do plano contratado diretamente no JivoChat.
- **Privacidade:** O atendimento deve respeitar as regras aplicáveis ao tratamento de informações dos clientes.

**Importante:** A Nortgraf é responsável por carregar o widget configurado. O recebimento das mensagens, o gerenciamento dos atendimentos e as demais funcionalidades do chat são administrados pelo JivoChat.

## 2 - Criando sua Conta no JivoChat

Caso ainda não possua uma conta, será necessário realizar o cadastro na plataforma.

### Passo 1 - Acessar o JivoChat

1. Acesse [www.jivochat.com.br](https://www.jivochat.com.br/).
2. Inicie o cadastro de uma nova conta.
3. Informe os dados solicitados.
4. Configure as informações da sua empresa.
5. Conclua o cadastro e entre no painel.

Se você já utiliza o JivoChat em outro site, poderá acessar sua conta existente e criar ou selecionar o canal correspondente à sua loja.

### Passo 2 - Configurar o canal de atendimento

No painel do JivoChat:

1. Localize a área de gerenciamento de canais.
2. Selecione a opção de adicionar ou configurar um chat para site.
3. Informe o nome da loja.
4. Cadastre o endereço público do site, quando solicitado.
5. Conclua as configurações iniciais.

**Dica:** Utilize o nome da loja para identificar o canal, principalmente quando sua empresa administra mais de um site ou atendimento.

## 3 - Obtendo o Widget ID

Para conectar o JivoChat à Nortgraf, será necessário obter o identificador do widget.

Esse identificador é disponibilizado nas informações ou no código de instalação do chat.

### Passo 1 - Localizar o código de instalação

1. Entre no painel do JivoChat.
2. Abra o canal correspondente à sua loja.
3. Acesse a área de instalação ou configuração do chat para site.
4. Localize o código de instalação disponibilizado pela plataforma.

O JivoChat poderá apresentar um trecho de código destinado à instalação do chat no site.

### Passo 2 - Identificar o Widget ID

O código de instalação normalmente contém um identificador que permite carregar o widget.

Um exemplo ilustrativo de endereço utilizado em instalações do JivoChat é:

`https://code.jivosite.com/widget/SEU_WIDGET_ID`

Nesse exemplo, **SEU\_WIDGET\_ID** representa o identificador do widget.

Copie somente o identificador, sem incluir o restante do endereço.

### Passo 3 - Conferir o identificador

Antes de continuar, verifique se o Widget ID pertence ao canal configurado para sua loja.

**Importante:** Não é necessário copiar todo o código de instalação para a Nortgraf. A integração possui um campo específico para o Widget ID.

## 4 - Configurando o JivoChat na Nortgraf

Depois de obter o identificador, 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 **JivoChat**.
4. Abra a página de configuração.

A tela apresenta duas seções principais:

**Widget**

Permite informar o identificador utilizado para carregar o chat.

**Ativação**

Permite habilitar ou desabilitar a exibição do atendimento na loja.

### Passo 2 - Informar o Widget ID

Na seção **Widget**:

1. Localize o campo **Widget ID**.
2. Cole o identificador copiado do JivoChat.
3. Confira se o valor foi informado corretamente.

Não adicione o endereço completo do script nem outras instruções de instalação.

### Passo 3 - Ativar o atendimento

Na seção **Ativação**:

1. Localize a opção **Exibir o chat na loja**.
2. Habilite a opção.
3. Clique em **Salvar**.

Com a integração habilitada, a Nortgraf poderá carregar o widget do JivoChat nas páginas públicas da loja.

**Importante:** O Widget ID precisa estar corretamente configurado para que o chat seja carregado.

## 5 - Personalizando o Chat

Após conectar o widget à Nortgraf, você poderá ajustar a experiência de atendimento diretamente no JivoChat.

As opções disponíveis dependem dos recursos oferecidos pelo serviço.

### Aparência

Você poderá configurar características visuais do chat, conforme as opções disponibilizadas pelo JivoChat.

Entre elas podem estar cores, identificação da empresa e apresentação da janela de atendimento.

### Mensagens de boas-vindas

A plataforma pode disponibilizar opções para definir mensagens apresentadas aos visitantes.

Essas mensagens ajudam a iniciar o atendimento e orientar o cliente.

### Horário de atendimento

É possível organizar a disponibilidade da equipe conforme os recursos da conta.

### Atendentes

O gerenciamento dos usuários responsáveis pelas conversas é realizado no JivoChat.

**Dica:** Mantenha a identidade visual do atendimento alinhada às cores e à comunicação da sua loja.

## 6 - Testando o Chat na Loja

Depois de salvar as configurações, recomendamos verificar se o widget aparece e funciona corretamente.

### Passo 1 - Abrir a loja

1. Acesse o endereço público da sua loja.
2. Aguarde o carregamento da página.
3. Localize o widget do JivoChat.

O posicionamento e a aparência do chat dependem da configuração realizada no serviço.

### Passo 2 - Iniciar uma conversa

1. Clique no widget.
2. Abra a janela de atendimento.
3. Envie uma mensagem de teste.
4. Aguarde o recebimento no painel do JivoChat.

### Passo 3 - Conferir o atendimento

No painel do JivoChat:

1. Localize a conversa iniciada.
2. Confira se a mensagem foi recebida.
3. Responda à mensagem.
4. Verifique se a resposta aparece na loja.

### Resultado esperado

O visitante deverá conseguir abrir o chat e trocar mensagens com o atendimento, conforme as condições e os recursos disponibilizados pelo JivoChat.

**Importante:** Se o chat aparecer, mas nenhuma mensagem for respondida, verifique a disponibilidade dos atendentes e as configurações do canal no JivoChat.

## 7 - Configurando os Atendentes

Para oferecer atendimento pelo chat, configure os usuários responsáveis pelas conversas.

### Como configurar?

1. Acesse o painel do JivoChat.
2. Localize a área de gerenciamento de equipe ou atendentes.
3. Adicione os usuários necessários.
4. Configure as permissões disponíveis.
5. Oriente os atendentes a acessar o painel do serviço.

Os procedimentos exatos podem variar conforme o plano e a interface do JivoChat.

### Boas práticas de atendimento

Mantenha as informações de disponibilidade atualizadas e configure mensagens adequadas ao horário de funcionamento da sua empresa.

Também é recomendável estabelecer responsáveis pelo acompanhamento das conversas recebidas.

**Dica:** Antes de divulgar o chat, confirme que pelo menos um atendente possui acesso ao canal e consegue responder às mensagens.

## 8 - Utilizando o Chat no Celular

O widget do JivoChat pode ser utilizado por visitantes que acessam sua loja por dispositivos móveis, conforme a compatibilidade oferecida pelo serviço.

### Como testar?

1. Abra o endereço público da loja em um celular.
2. Aguarde o carregamento.
3. Localize o botão de atendimento.
4. Abra a janela do chat.
5. Envie uma mensagem de teste.

Confira se o widget não interfere na navegação e se os elementos da loja permanecem acessíveis.

### Recomendações

Verifique o comportamento do chat em diferentes tamanhos de tela.

Caso existam configurações de posicionamento ou apresentação para dispositivos móveis, consulte as opções disponibilizadas pelo JivoChat.

**Importante:** As personalizações específicas do widget devem ser realizadas no ambiente do JivoChat.

## 9 - Atendimento Online e Offline

A apresentação do chat poderá variar conforme a disponibilidade da equipe e as configurações do serviço.

### Atendimento online

Quando existem atendentes disponíveis, os visitantes podem iniciar conversas conforme o funcionamento do canal.

### Atendimento offline

Dependendo da configuração e dos recursos contratados, o JivoChat poderá disponibilizar alternativas para que visitantes deixem mensagens quando não existem atendentes online.

### Como configurar?

1. Acesse o painel do JivoChat.
2. Consulte as configurações de disponibilidade.
3. Defina os horários de atendimento.
4. Configure as mensagens ou alternativas disponíveis.
5. Salve as alterações.

**Dica:** Informe horários de atendimento realistas para evitar que os clientes esperem respostas imediatas fora do expediente.

## 10 - Utilizando Mais de um Canal de Atendimento

Sua loja pode possuir diferentes formas de contato, como WhatsApp, e-mail e chat online.

O JivoChat funciona como uma integração independente desses outros canais, salvo quando existir alguma configuração específica de conexão entre eles.

### Como organizar?

Defina qual canal será utilizado para cada finalidade.

Por exemplo:

**JivoChat**

Atendimento durante a navegação na loja.

**WhatsApp**

Comunicação comercial e acompanhamento de solicitações.

**E-mail**

Comunicações que não exigem resposta imediata.

### Evitando excesso de elementos

Se sua loja apresenta vários botões de atendimento, avalie a experiência visual dos visitantes.

Muitos widgets flutuantes podem ocupar espaço e prejudicar a navegação, principalmente no celular.

**Importante:** A ativação do JivoChat não desativa automaticamente outras ferramentas de atendimento configuradas na loja.

## 11 - Alterando o Widget ID

Caso seja necessário substituir o canal utilizado pelo chat, você poderá atualizar o identificador na Nortgraf.

### Como alterar?

1. Acesse **Configurações > Integrações**.
2. Abra **JivoChat**.
3. Localize o campo **Widget ID**.
4. Substitua o identificador existente.
5. Clique em **Salvar**.
6. Abra a loja para verificar o funcionamento.

### Quando alterar?

A substituição poderá ser necessária em situações como:

- Criação de um novo canal;
- Mudança da conta responsável pelo atendimento;
- Substituição do widget;
- Reorganização da operação de atendimento.

**Atenção:** Confira se o novo identificador pertence ao canal correto antes de salvar.

## 12 - Desativando o JivoChat

Se desejar interromper a exibição do chat na loja:

1. Acesse **Configurações > Integrações**.
2. Abra **JivoChat**.
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 por essa integração nas páginas da loja.

### O que acontece com as conversas?

O histórico e os dados armazenados pelo JivoChat 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 no JivoChat.

**Importante:** Se o chat também estiver instalado por outro método, será necessário revisar essa configuração separadamente.

## 13 - Seções de Referência

**Widget**

Reúne as informações utilizadas para identificar o chat da loja.

**Widget ID**

Identificador do widget obtido no código de instalação disponibilizado pelo JivoChat.

**Ativação**

Permite controlar a exibição do serviço nas páginas públicas.

**Exibir o chat na loja**

Quando habilitada, permite carregar o widget configurado nas páginas da loja.

**Painel JivoChat**

Ambiente externo utilizado para gerenciar atendentes, conversas e personalizações do atendimento.

## 14 - Problemas Comuns

**Não encontro o Widget ID.**

Acesse o painel do JivoChat, abra o canal da sua loja e consulte as informações ou o código de instalação.

**O chat não aparece na loja.**

Confira se o Widget ID está correto e se a opção **Exibir o chat na loja** está habilitada.

**Copiei o código completo de instalação.**

A Nortgraf exige somente o Widget ID. Localize o identificador no código fornecido pelo JivoChat e informe apenas esse valor.

**O chat aparece, mas não consigo receber mensagens.**

Verifique a configuração do canal no JivoChat, a disponibilidade dos atendentes e as permissões da conta.

**O widget aparece em outro site, mas não na Nortgraf.**

Confira se o identificador pertence ao canal desejado e se a integração está ativada.

Também verifique as configurações do domínio, quando aplicáveis.

**As alterações de aparência não aparecem.**

Confirme se foram salvas no JivoChat e atualize a página da loja para verificar o resultado.

**O chat não aparece no celular.**

Teste a página em outro navegador e confira as configurações de exibição para dispositivos móveis no JivoChat.

**O atendimento aparece como offline.**

Verifique os horários configurados e a disponibilidade dos atendentes no painel do JivoChat.

**Troquei o Widget ID e o atendimento mudou de conta.**

O identificador determina qual widget será carregado. Confira se o novo ID corresponde à conta e ao canal corretos.

**Desativei o JivoChat, mas o botão continua aparecendo.**

Verifique se o serviço foi instalado por outro método, como Google Tag Manager ou scripts personalizados.

**Preciso instalar o código manualmente no site?**

Não para a integração padrão. Basta informar o Widget ID e habilitar a opção de exibição na Nortgraf.

**Posso utilizar o JivoChat junto com o WhatsApp?**

Sim, desde que os canais estejam configurados corretamente. Avalie a organização visual dos botões para evitar sobreposição ou excesso de elementos na loja.

---

**Dica:** Após ativar o JivoChat, faça uma conversa de teste utilizando o celular ou uma janela anônima. Confirme que a mensagem chega ao painel de atendimento e que sua equipe consegue responder antes de disponibilizar o recurso aos clientes.