> For the complete documentation index, see [llms.txt](https://help.rvops.com/central-de-ajuda-rvops-crm/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.rvops.com/central-de-ajuda-rvops-crm/comunicacao/canais-de-atendimento/webchat.md).

# Webchat

O **WebChat** é um canal de atendimento em **tempo real** que conecta os visitantes do seu site diretamente ao seu **chatbot e ao CRM**.\
Com ele você pode:

* Oferecer suporte imediato;
* Qualificar leads no momento certo;
* Automatizar respostas comuns;
* Reduzir o tempo de resposta e aumentar engajamento.

A integração é feita através de um script de embed no seu site, permitindo que o chat apareça em todas (ou em páginas específicas) conforme a configuração.

### Criar ou editar um chatbot

**Primeiro, é necessário criar ou editar um chatbot.**

* Vá até **Configurações > Comunicações** > **Chatbot**. 
* Clique em **Criar Chatbot** ou **edite um existente**.

<figure><img src="https://1015224206-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F11iNqUe1kJ00ErWHvme9%2Fuploads%2FrLrN9ydEkIp1uC9CQPZt%2Fimage.png?alt=media&amp;token=0777d448-689b-42bb-a6a8-603059596ec6" alt=""><figcaption></figcaption></figure>

Após ajustar o fluxo conforme sua estratégia, por exemplo, capturar nome e e-mail, oferecer opções de suporte ou realizar a transferência para um atendente humano, você poderá seguir para a **Configuração do Webchat**.

> Saiba mais sobre as possibilidades de configuração do chatbot [aqui](/central-de-ajuda-rvops-crm/chatbot/conheca-o-builder-da-rvops.md)!&#x20;

### Configurar canais de atendimento

Acesse as Configurações > Comunicações > Canais de atendimento > em seguida clique em "**Criar Canal**"

<figure><img src="https://1015224206-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F11iNqUe1kJ00ErWHvme9%2Fuploads%2Fb54M3es0joME8cW62PZz%2Fimage.png?alt=media&amp;token=bc046713-93fe-49e1-a639-954a80a41173" alt=""><figcaption></figcaption></figure>

Em seguida um menu lateral a direita irá aparecer, e deve ser preenchido as seguintes informações:

* **Tipo do canal** → Selecione o tipo de canal que deseja criar, neste caso escolha Webchat
* **Nome do canal** → Informe o nome que será usado para identificar o canal dentro do CRM.
* **Bot do canal** → Escolha qual **bot** será responsável por atender as conversas recebidas por esse canal.

<figure><img src="https://1015224206-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F11iNqUe1kJ00ErWHvme9%2Fuploads%2FBhLODcWF0cmBOUsYOiTg%2Fimage.png?alt=media&amp;token=a6235b5a-0b68-4ccc-b945-3072b3ceff89" alt=""><figcaption></figcaption></figure>

* **Nome de exibição do webchat** → Defina o nome que aparecerá para o visitante no cabeçalho do chat.
* **Cor** →  Escolha a cor principal que será aplicada no chat (botão e cabeçalho)

<figure><img src="https://1015224206-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F11iNqUe1kJ00ErWHvme9%2Fuploads%2FJyQIOk0rFrlagBWSqRrV%2Fimage.png?alt=media&amp;token=dd81d4a3-e26c-404c-831b-c320b71f16d8" alt=""><figcaption></figcaption></figure>

Além dessas configurações básicas, também é possivel realizar algumas configurações adicionais como:

* **Textos**  → Permite adicionar mensagens personalizadas que serão exibidas no chat.

> Clique em **“+ Add texto”** para definir saudações, mensagens de boas-vindas ou instruções.

* **Botões** → Adicione botões interativos que ajudam o visitante a navegar nas opções de atendimento.

> Clique em **“+ Add botões”** e configure ações como: Falar com atendente, Acessar site ou Ver produtos

* **Páginas elegíveis  →** Defina em quais páginas do site o Webchat será exibido.

> Por padrão, o sistema aplica o chat em todas as páginas, mas é possível restringir clicando em **“+ Add páginas”**.

<figure><img src="https://1015224206-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F11iNqUe1kJ00ErWHvme9%2Fuploads%2FU39OCAJpdRFNSLx5DdpC%2Fimage.png?alt=media&amp;token=2e493a27-4785-4612-86ff-f8fe9c945f44" alt=""><figcaption></figcaption></figure>

{% hint style="warning" %}
**Atenção:** O bloco de dicas exibido na lateral direita traz orientações voltadas a canais de **Instagram** e **Facebook**. Essas informações aparecem por padrão, mas não se aplicam ao Webchat.
{% endhint %}

### Configuração universal e embed

* Vá até **Configuração Universal**.
* Localize o script de integração (código de embed).
* Copie o script (indicado na interface).

Cole esse código no HTML do seu site, antes do fechamento da tag \</body>.

<figure><img src="https://1015224206-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F11iNqUe1kJ00ErWHvme9%2Fuploads%2FzqNKeMymtzKj5N4HVP6R%2Fimage.png?alt=media&amp;token=ae9c5519-72e8-41e5-8b51-39d82f54c993" alt=""><figcaption></figcaption></figure>

* Salve e publique no seu site.

{% hint style="success" %}
Pronto! o **WebChat estará ativo** e integrado ao sistema.
{% endhint %}

### Boas práticas

* **Mensagem de boas-vindas:** defina um texto amigável, como “Olá! Posso te ajudar a encontrar o que procura?”.
* **Disponibilidade:** configure horários de atendimento para quando não houver agentes humanos disponíveis.
* **Personalização:** mantenha o chat visualmente alinhado à identidade da sua marca (cores, logo, tom de voz).
* **Teste antes de publicar:** abra o site em diferentes navegadores e dispositivos para garantir que o WebChat aparece corretamente.
* **Monitore métricas:** acompanhe taxas de abertura, mensagens iniciadas e conversões vindas do WebChat.