> For the complete documentation index, see [llms.txt](https://ajuda.digitalsac.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://ajuda.digitalsac.io/digicrm/operacao-uso-do-sistema/clientchat-pagina-do-cliente.md).

# ClientChat (Página do Cliente)

O **ClientChat** é uma página web pública, com a marca da sua empresa, onde o **cliente continua a mesma conversa do ticket WABA** — sem custo por mensagem da Meta e sem depender da janela de 24 horas. O atendente envia um link seguro; o cliente abre no navegador (celular ou computador) e conversa em uma tela estilo WhatsApp.

Não confundir com o **Webchat** (widget de site): o ClientChat é um *transporte alternativo do ticket* — a conversa é a mesma, o histórico é o mesmo, só muda o caminho da mensagem.

**Disponível em:** tickets dos canais **WABA** e **WABA Oficial** (conversas individuais; não vale para grupos).

\[\[FOTO]]

***

### Como funciona (visão geral)

1. O atendente gera o **link** no ticket e envia ao cliente (vai pelo WhatsApp como mensagem com prévia "Continue seu atendimento").
2. O cliente abre o link e **confirma os 4 últimos dígitos do telefone** (verificação de identidade; 5 tentativas erradas revogam o link).
3. A página abre com o histórico recente, papel de parede estilo WhatsApp, logo da empresa e nome do atendente + número de protocolo no topo.
4. A partir daí a conversa flui nos dois sentidos: o que o cliente digita entra no ticket normalmente (aciona chatbot/fluxos se for o caso), e o que o atendente responde chega na página em tempo real.

#### Regras do link

| Regra                       | Comportamento                                                                                                                                 |
| --------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------- |
| **1 link ativo por ticket** | Gerar um novo link mata o anterior (a página antiga avisa o cliente)                                                                          |
| **Validade**                | Enquanto o ticket estiver aberto (teto de 7 dias)                                                                                             |
| **Revogação**               | O atendente pode revogar a qualquer momento                                                                                                   |
| **Fechamento do ticket**    | A página transiciona ao vivo para a **pesquisa de satisfação (NPS)**; o link vence 24h depois (ou na hora, se o cliente responder a pesquisa) |
| **Reabertura do ticket**    | Exige **link novo** (o antigo nunca ressuscita)                                                                                               |

***

### Para o atendente (no painel)

#### Enviar o link

No ticket WABA: menu **“+”** do campo de mensagem → **ClientChat** → o sistema envia a mensagem com o link para o cliente.

#### Indicadores no atendimento

| Indicador                                             | Onde                        | Significado                                                                   |
| ----------------------------------------------------- | --------------------------- | ----------------------------------------------------------------------------- |
| **Respondendo via: ClientChat** (badge sobre o chat)  | Acima do campo de mensagem  | Sua resposta sairá pela página, não pela WABA                                 |
| **Bolinha verde pulsando** no badge                   | No próprio badge            | A página do cliente está **aberta agora** — entrega instantânea               |
| **Bolinha vermelha**                                  | No próprio badge            | Sessão ativa, mas o cliente **fechou a página**                               |
| Selo **via ClientChat** nas bolhas                    | No chat e no card do ticket | Aquela mensagem trafegou pela página                                          |
| **Seletor de transporte** (chip Auto/WABA/ClientChat) | No campo de mensagem        | Forçar por onde a resposta sai. Em **Auto**, segue a última origem do cliente |

O contador da **janela de 24h da Meta** considera apenas mensagens recebidas pelo canal oficial — mensagem via ClientChat não reabre a janela. Com sessão ClientChat ativa, o campo de mensagem **nunca bloqueia**: mesmo com a janela WABA vencida, a resposta sai pela página.

#### Confirmações de leitura (ticks)

As mensagens do atendente ganham o ciclo completo: **✓** enviada → **azul** quando chega na página aberta do cliente. As mensagens do cliente também mostram ao próprio cliente quando o atendente **visualizou** (tick azul na página).

#### Digitação e presença

* Cliente digitando/gravando na página → aparece **“digitando…” / “gravando áudio…”** no card e no cabeçalho do ticket, igual aos canais WhatsApp.
* Atendente digitando (ou bot com “Simular digitação”) → o cliente vê **“digitando…”** no cabeçalho da página.

\[\[FOTO]]

***

### Para o cliente (na página)

| Recurso                     | Como funciona                                                                                                                              |
| --------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------ |
| **Conversa em tempo real**  | Mensagens chegam na hora; há ainda uma sincronização automática de segurança (a cada poucos segundos) para redes/navegadores problemáticos |
| **Som e aviso de mensagem** | Toca som de notificação ao receber mensagem; com a aba em segundo plano, o título mostra “(N)” não lidas                                   |
| **Responder citando**       | Botão de reply em cada bolha; a citação aparece para o atendente no painel                                                                 |
| **Emojis**                  | Botão 😀 com seletor completo                                                                                                              |
| **Áudio gravado**           | Botão de microfone (quando o campo está vazio): grava, ouve e envia — funciona em Chrome e iPhone/Safari                                   |
| **Anexos**                  | Imagens, PDF e áudios (limite 10 MB)                                                                                                       |
| **Mídia recebida**          | Fotos, vídeos/GIFs com player, documentos e imagens da galeria do atendente — tudo abre direto na página                                   |
| **Reações do atendente**    | Aparecem como selo de emoji na mensagem reagida                                                                                            |
| **Fechamento**              | Ao encerrar o ticket, a página convida para a **pesquisa de satisfação** na hora                                                           |

A página funciona em celular e desktop, com a identidade da empresa: logo, nome, foto do atendente e protocolo no cabeçalho, e papel de parede personalizado.

\[\[FOTO]]

***

### Segurança

* Link com **token único** de uso restrito ao ticket; verificação dos **4 últimos dígitos** do telefone na primeira abertura (5 erros → link revogado).
* A página só vê o histórico **a partir da emissão do link** — nada de conversas antigas.
* **Notas internas nunca aparecem** na página, mesmo se citadas em uma resposta.
* Mídias protegidas viajam com **URL assinada** e validade limitada.
* Revogação e fechamento derrubam a página **ao vivo**.

***

### Perguntas frequentes

**A conversa via ClientChat tem custo Meta?** Não — as mensagens trafegam pela página, fora da cobrança por conversa da WABA.

**E se o cliente fechar a página?** A sessão continua válida; o que o atendente responder fica aguardando e chega quando o cliente reabrir o link. O badge no painel mostra bolinha vermelha enquanto isso.

**O chatbot funciona pela página?** Sim — mensagem do cliente na página aciona os fluxos normalmente, e o bot pode responder por ali.

**Posso mandar template/encaminhar pela página?** Encaminhamentos e stickers saem sempre pelo canal WABA; o restante (texto, mídia, áudio, citação) flui pela página.
