InícioDocumentação

Visão Geral do Painel

O painel do ChatReact é seu hub central para gerenciar chatbots, monitorar conversas e configurar sua plataforma.

Início do Painel

Quando você acessa seu painel, verá uma visão abrangente da atividade do seu chatbot.

O cabeçalho da página mostra o nome do chatbot selecionado junto com seu Chatbot ID e um botão de cópia com um clique — útil sempre que você precisar do ID para o código de incorporação ou uma integração.

Grade de Estatísticas KPI

O painel exibe até 6 indicadores-chave de desempenho:

MétricaDescrição
Sessões HojeNúmero de sessões de chat iniciadas hoje
Total de MensagensTodas as mensagens trocadas, com média por sessão
Novos LeadsLeads não processados (se o Gerenciamento de Leads estiver habilitado)
Formulários PendentesEnvios de formulário aguardando revisão (se Formulários estiver habilitado)
Sugestões de FAQSugestões de FAQ geradas por IA aguardando revisão
FAQs PublicadasFAQs publicadas em sua base de conhecimento

Painéis de Atividade

O painel mostra quatro painéis principais:

  1. Conversas Recentes - Últimas conversas de clientes com badges de status
  2. Novos Leads - Leads recentes com informações de contato (se o Gerenciamento de Leads estiver habilitado)
  3. Sugestões de FAQ Pendentes - FAQs geradas por IA prontas para aprovação
  4. Feed de Atividade - Linha do tempo combinada de toda a atividade recente

Estrutura de Navegação

A barra lateral do painel fornece acesso a todos os recursos principais. No topo da barra lateral você encontrará o seletor de empresa e o seletor de chatbot para alternar entre empresas e chatbots, e a barra lateral pode ser recolhida com o botão de chevron na parte inferior.

Seções Principais

SeçãoDescrição
OverviewPágina inicial do painel com estatísticas e atividades
ChatsVisualizar e analisar todas as conversas
FAQsGerenciar perguntas frequentes
KnowledgeGerenciamento de conteúdo de documentos e sites
LeadsCaptura e gerenciamento de leads (dependente do plano)
FormsConstrutor de formulário de contato e envios (dependente do plano)
Live ChatConversas em tempo real com clientes
AnalyticsMétricas detalhadas de desempenho
PreviewTestar seu chatbot antes de publicar (com simulação de URL)

Na parte inferior da barra lateral você também encontrará Company (configurações da empresa) e Account (suas configurações pessoais de conta).

Recursos que não estão incluídos no seu plano aparecem com um ícone de cadeado — passe o cursor sobre eles para ver qual plano desbloqueia o recurso. Membros da equipe com a função Agent veem uma barra lateral simplificada com apenas Live Chat e Account.

Gerenciamento de Chatbot

Cada chatbot tem sua própria página de configurações com abas:

  • General: Nome, descrição e status
  • Persona: Personalidade, estilo de comunicação e tonalidade (formal/informal, nível de humor, etc.)
  • Languages: Idioma principal e idiomas suportados
  • Widget: Personalização de aparência e design
  • Behavior: Mensagens de boas-vindas, saudações proativas e configurações de transferência para chat ao vivo
  • Confidence: Pontuação de confiança, fase de aprendizado e categorias de confiança (dependente do plano)
  • Restrictions: Regras de conformidade e limitações
  • Embed: Código de instalação do widget

Para um walkthrough detalhado das abas Widget e Behavior, veja Widget Customization.

Cabeçalho do Painel

O cabeçalho inclui:

  • Global Dashboard: Abre uma visão de atividade de todas as suas empresas e chatbots (veja abaixo)
  • Aviso de limite: Quando um limite do plano é alcançado, um banner aparece com um link Upgrade now para faturamento
  • Alternar Tema: Alternar entre modo claro e escuro
  • Seletor de Idioma: Alternar entre idiomas da interface
  • Notificações: Alertas para conclusões de crawl, novos feedbacks, novos leads, etc. — veja Notifications
  • Menu do Usuário: Configurações da conta e logout

Painel Global

O botão Global no cabeçalho abre o Global Dashboard — uma visão geral de todas as empresas e chatbots na sua conta. Cada chatbot mostra badges de atividade que linkam diretamente para a página relevante:

  • Conversas não lidas — conversas que você ainda não viu; abrir a lista de Chats desse chatbot marca-as como lidas
  • Novos leads
  • Sugestões de FAQ
  • Envios de formulário
  • Solicitações de chat ao vivo

Chatbots que ainda estão em sua fase de aprendizado também mostram um indicador de fase de aprendizado com a pontuação de confiança atual.

Revisão de Conversas

Revisando Conversas

A seção Chats permite que você revise conversas e forneça feedback para melhorar seu chatbot:

A visão geral mostra quatro cartões de estatísticas (Total, Pending, Good, Needs Work) com totais completos para o chatbot selecionado (não apenas as linhas atualmente carregadas). O total Needs Work conta conversas que ainda precisam de acompanhamento — chats com uma sessão de melhoria concluída são contabilizados em improved em vez de needs work. Abaixo dos cartões, use o filtro Status à direita para refinar a lista (All, no feedback, pending, good, needs work, reviewed, e — quando seu plano incluir o Improvement Agent — improved). Quando seu plano incluir o Improvement Agent e você tiver configurado categorias de confiança, um filtro adicional Category aparece ao lado do filtro Status. A filtragem é executada no servidor, portanto a paginação e Load more permanecem precisas.

  1. Abra um chat da lista
  2. Avalie a conversa usando os botões:
    • Good (Polegar para cima) — Marca o chat como um exemplo positivo
    • Needs Work (Polegar para baixo) — Marca o chat como necessitando melhoria. Depois disso, um botão Improve with AI aparece e leva você ao Improvement Agent (dependente do plano)
    • Reviewed (Check) — Marca o chat como revisado sem avaliá-lo como bom ou ruim. Não afeta a pontuação de confiança e não dispara e-mails ou sessões de melhoria.

A opção "Reviewed" é útil para chats que não precisam de melhoria, mas também não justificam uma avaliação positiva — por exemplo, conversas muito curtas ou fora do tópico.

Se você decidir posteriormente que um chat ainda precisa de trabalho depois de marcá-lo como Good ou Reviewed, abra a página de detalhe do chat e use Needs Work. A conversa é novamente classificada como necessitando melhoria, a pontuação de confiança é recalculada e você pode usar o Improvement Agent.

Visualização de Detalhe do Chat

Cada chat exibe:

  • O histórico completo da conversa
  • A URL da página onde o chat foi iniciado (link clicável com ícone de globo)
  • Informações do visitante (se disponíveis a partir de pré-formulários)

Quando seu plano inclui o Improvement Agent, você também pode atribuir uma categoria de confiança a cada chat na visualização de detalhes (ou alterar uma atribuição existente). As pontuações de confiança por categoria são recalculadas automaticamente.

Para chats negativos revisados, a visualização de detalhes também mostra um bloco de gravidade de confiança:

  • Balde automático de gravidade (MINOR, MODERATE, MAJOR, CRITICAL)
  • O ajuste de confiança aplicado para aquela revisão
  • Uma breve razão explicando a classificação
  • Uma substituição manual para que você possa corrigir a gravidade quando o impacto comercial for maior ou menor que o resultado automático

Visualização com Simulação de URL

A página Preview permite testar seu chatbot com uma URL de página simulada:

  1. Vá para Preview na barra lateral
  2. Insira uma URL no campo URL (por exemplo, https://yoursite.com/products)
  3. O widget se comportará como se estivesse nessa página, permitindo testar respostas específicas por página

Isso é útil para verificar se seu chatbot responde contextualmente a diferentes páginas do seu site.

Assistente de Integração

Quando você cria uma empresa pela primeira vez ou não tem chatbots ainda, o painel mostra um assistente de integração que guia você através de:

  1. Create Chatbot - Configurar seu primeiro assistente de IA
  2. Add Knowledge - Fazer upload de documentos ou rastrear seu site
  3. Customize - Ajustar as cores e o estilo da sua marca
  4. Embed - Adicionar o chatbot ao seu site

Assistente do Painel

O Dashboard Assistant é um ajudante alimentado por IA disponível através do botão flutuante com brilho no canto inferior direito do painel. Ele pode ajudar você a gerenciar seus chatbots, FAQs, configurações e mais por meio de comandos em linguagem natural.

Reporte de Bugs

Quando você encontrar um bug ao usar o painel, você pode reportá-lo diretamente pelo Dashboard Assistant:

  1. Clique no botão de brilho para abrir o Assistant
  2. Descreva o problema que você encontrou
  3. O Assistant fará perguntas de esclarecimento para determinar se é um bug real ou uma dúvida de uso
  4. Se for um bug confirmado, o Assistant pode pedir que você envie uma captura de tela (via o botão de imagem ou colando da área de transferência), então seu relatório será encaminhado para nossa equipe, que irá analisá-lo

Envio de Captura de Tela

Você pode anexar capturas de tela às suas mensagens de duas maneiras:

  • Seletor de arquivos: Clique no botão de imagem (à esquerda do campo de texto) para selecionar um arquivo de imagem
  • Colar da área de transferência: Faça uma captura de tela e cole (Ctrl/Cmd+V) no campo de texto

Formatos suportados: PNG, JPEG, WebP (máx. 5 MB).

Suporte Móvel

O painel é totalmente responsivo e funciona em todos os dispositivos:

  • Desktop: Navegação completa por barra lateral com todos os recursos visíveis
  • Tablet: Barra lateral recolhível com layouts otimizados
  • Mobile: Navegação em drawer deslizante, layouts empilhados verticalmente para interação tátil otimizada

Todas as combinações de texto-botão adaptam-se automaticamente a telas menores empilhando-se verticalmente.


Próximos Passos