# Chat ao Vivo

A funcionalidade de Chat ao Vivo do SprintHub permite que você ofereça suporte em tempo real diretamente pelo seu site. Siga os passos abaixo para configurar um novo widget de atendimento com total personalização.

**Passo 1:** Acesse o Menu de Chat ao Vivo

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXc50GDPnqzJZUTeIOLqYzHcUqKnbqprDTjBpH7iwJBGXxfZWldbIjka2l-YdN1lvJCCm4cq0Ayys5i2A42e0wILLq2eWDdN0uKh5feubg61xzOf0brRb8NwUY84JGZc7SoZ_Kl2?key=_rJlwxISilb2pK-mUC3GKA" alt=""><figcaption></figcaption></figure>

**Passo 2:** Crie um Novo Widget, clicando em “+ Novo Widget”

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXcfDm_yFdLnHMXMFeBSyOPSKhS4kUymkLLB6_883nVs0V7mt3kvdOHZ7oRFS6hRmemPeamyx5Qk_PE-kOnKVGh6kV2Ix2Yo2Y6nm_x7VXQVsySyBPMyGVgXXmiYZUOjnnHSA0u9?key=_rJlwxISilb2pK-mUC3GKA" alt=""><figcaption></figcaption></figure>

**Passo 3:** Personalize o Widget

Nesta etapa, você irá configurar os detalhes principais do seu widget:

* Nome do Widget: Defina um nome interno para identificar o widget.
* Formulário: Escolha qual formulário será exibido antes do atendimento iniciar.

{% hint style="warning" %}
Para criar formulários, confira o passo a passo:[ Como Criar Formulários](https://docs.sprinthub.com/topicos/converter/formularios)
{% endhint %}

* Mensagens automáticas: Personalize as mensagens que serão enviadas automaticamente em diferentes momentos da conversa.&#x20;

{% hint style="success" %}
Você pode utilizar tokens dinâmicos (como nome do cliente, nome do atendente, etc.) para tornar a comunicação mais personalizada
{% endhint %}

* Exibir informações do atendente: Ative ou desative a exibição da foto e nome do atendente.
* Política pública: Adicione a URL das suas Políticas de Privacidade para exibir no chat.

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXeJvqr4xO0BoCUJXy729fUh9Qi4V8BpaeWEjgsV3EgDQrUyXYvj2a6H5RSfz5GqfnwBMbZ34TC0V_Ah7O5bmQO-cLHnTtCQG8K_m2UZEY4aRsNiOF_DRPXJ0mlZDNogBbD3sTng2w?key=_rJlwxISilb2pK-mUC3GKA" alt=""><figcaption></figcaption></figure>

**Passo 4:** Customize o Visual

Agora é hora de ajustar o estilo do seu chat para que combine com a identidade visual do seu site:

* Cores: texto, fundos, botões
* Ícone do Chat: Escolha o ícone que será exibido no canto da página.

{% hint style="success" %}
No canto direito da tela, você poderá visualizar em tempo real como o formulário e o chat serão exibidos
{% endhint %}

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXdxDN60ye578L2TQSU-Cx-QKFR3yDQnraSTg-sQAvjykr4QdL8jHDuLfbjF50kRml4xjvMGd7wwORlYwWYj32i4_HOmmgPojt75SGnk0S98fKYw_piDW4zrkmmVj4ouIJGKomEpOg?key=_rJlwxISilb2pK-mUC3GKA" alt=""><figcaption></figcaption></figure>

**Passo 5:** Ative e Integre o Widget ao Seu Site junto ao código de Rastreio do SprintHub

{% hint style="success" %}
**Rastreamento:** Acesse as configurações do sistema e clique na opção **Rastreamento** para copiar o script de rastreamento. Em seguida, cole-o na página, junto ao código do chat web.&#x20;
{% endhint %}

<figure><img src="/files/nqStYCKl3lxaInV69IdQ" alt=""><figcaption></figcaption></figure>

* No canto superior direito da tela de edição, ative a chave para deixar o Widget Ativo
* Copie o código e cole no seu site, antes do fechamento da tag \<body>, para que o chat apareça corretamente.

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXc61xBdq8KYjoKa5m6_5vFL4lm-Uvv1F7C9a-mjATevI393DfCrxPvNxh9N4Wu3WCSkEs6BfUYVxU_0MZVGLu0QqbhX4fjdPYhoEWxffM-UhdOgOcqh2_si0mSik0gu0AV9mnL6dg?key=_rJlwxISilb2pK-mUC3GKA" alt=""><figcaption></figcaption></figure>

### Como fazer para que as mensagens enviadas no Chat Ao Vivo, apareçam no SAC 360?

1 - Acesse as configurações do SAC&#x20;

2 - Funil/Pipeline&#x20;

3 - Clique na sete da opção "Visualizar somente as contas"&#x20;

4 - Clique na conta do Chat ao Vivo, e clique em "Salvar Alterações"

<figure><img src="/files/qgR4oNyXj0SO85lF3aUk" alt=""><figcaption></figcaption></figure>

🏁 Pronto!

Seu Chat ao Vivo está configurado e pronto para uso no seu site. Você pode editar ou desativar o widget a qualquer momento, acessando novamente a área de Chat ao Vivo no menu principal do SprintHub.

<br>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.sprinthub.com/topicos/converter/chat-ao-vivo.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
