> 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="/files/j1Wu8cSK5gfD0PsFKVR9" 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="/files/nO2SHb0SuDWMEamiZIAw" 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="/files/4Fvqkqx0WwpAoN5OI2v8" 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="/files/PQPX2K8yNBSdfOUu6apZ" 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="/files/Ey4gca6rVzQLceJAeT3V" 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="/files/4OCRETE6MCY4sBfUTRMX" 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.