CSI Connect

Documentação por Perfil de Usuário

Guia do Atendente — Tópicos

Clique em um tópico para expandir o conteúdo.

1. Acesso o site do CSI Connect através do link: www.csiconnect.com.br
  • Para utilizar o CSI Connect é necessário fazer o login
  • O login é feito com o usuário e a senha
ℹ️ O Usuário e Senha são fornecidos por seu Gerente
1.2. Fazer Login
  1. Preencha o usuário e a senha com as credenciais fornecidas.
  • Após preencher, clique em Entrar.
⚠️ Importante: Nunca compartilhe seu usuário ou senha com terceiros.
Tela de Login
1.3. Verificação de Dois Fatores (2FA)

Após inserir usuário e senha, o sistema solicitará um código de verificação para garantir maior segurança. Existem duas formas de autenticação: E-mail e Google Authenticator

ℹ️ Por padrão o sistema enviará o código de 2FA por e‑mail.
Tela de verificação com E-mail
1.3.1. Código via E‑mail
  • Seu E-mail cadastrado no Sistema será usado para receber o código de 2FA.
  1. Insira o código recebido por e-mail com 6 dígitos no campo CÓDIGO e clique em Verificar.

Exemplo de mensagem recebida:

Exemplo do e‑mail com o código de 6 dígitos
⚠️ Atenção: Não confie em mensagens enviadas de outros endereços. O código é pessoal, intransferível e expira em poucos minutos.
ℹ️ Unico remetente valido é o sistema@csitech.com.br
1.3.2. Código via Aplicativo Google Authenticator
  1. Abra o app Google Authenticator no seu celular.
  2. Localize a conta “CSI WhatsApp Pro”.
  3. Digite o código de 6 dígitos exibido no app e toque em Verificar.
Tela de verificação com Google Authenticator
✅ Após a autenticação, você terá acesso à plataforma CSI Connect e poderá realizar suas atividades normalmente.

1. Acesso ao Dashboard

O Dashboard é a tela principal do sistema onde você visualiza e gerencia todas as conversas de forma centralizada.

1.1. Interface Principal
1.2. Informações do Usuário
  • No canto superior esquerdo você visualiza seu nome e função no sistema
2. Contatos em Destaque

A seção Contatos em Destaque é uma área especial do dashboard que exibe conversas prioritárias e novas mensagens de forma destacada para facilitar o atendimento.

Exemplo de Contatos em Destaque no Dashboard
2.1. Tipos de Cards

Os contatos em destaque são apresentados em cards coloridos que indicam o status e prioridade:

Card Vermelho NOVA MENSAGEM
  • Indica que há nova mensagem do cliente
  • Aparece em vermelho por um breve momento para chamar atenção
  • Pisca ou destaca para alertar sobre a nova comunicação
Card Amarelo EM ANDAMENTO
  • Conversas em andamento ou aguardando resposta
  • Atendimentos que precisam de acompanhamento
2.2. Permissões por Perfil
ℹ️ Filtragem Inteligente: O sistema mostra apenas as conversas relevantes para cada perfil, otimizando a experiência de uso
2.3. Funcionalidades dos Cards
2.3.1. Informações Exibidas
  • Nome do Cliente: Identificação do contato
  • Número de Telefone: WhatsApp do cliente
  • Última Mensagem: Prévia da comunicação mais recente
  • Horário: Data e hora da última interação
  • Status: Nova mensagem ou em andamento
  • Atendente Responsável: Quem está cuidando da conversa
2.3.2. Ações Disponíveis
  • Visualizar Conversa: Acessar o chat completo
  • Responder Rapidamente: Ação direta do card
  • Marcar como Lida: Remover do destaque
  • Transferir Atendimento: Passar para outro atendente
✅ Resultado: Sistema de contatos em destaque otimizado para cada perfil, garantindo que nenhuma mensagem importante seja perdida e melhorando significativamente a eficiência do atendimento.
3. Indicadores de Atendimento

Na parte central da tela, três cartões exibem métricas importantes dos seus atendimentos:

Total de Contatos
  • Mostra a quantidade total de contatos sob sua responsabilidade
  • Inclui todos os clientes que você já atendeu ou está atendendo
Pendentes
  • Contatos que ainda não tiveram interação ou resposta
  • Clientes aguardando primeiro atendimento
  • Prioridade para início de conversas
Em Atendimento
  • Conversas ativas no momento
💡 Dica: Use esses indicadores para priorizar seu trabalho e acompanhar sua performance diária
3. Lista de Contatos

Esse campo serve para ver as conversas em progresso ou encerradas.

Lista de Contatos no Dashboard
3.1. Pesquisa de Contatos e Conversas
  1. Preencha o campo Pesquisa com um nome ou número de WhatsApp que deseja consultar
  2. Selecione a data desejada para pesquisa
  3. Selecione o Status de Aberto ou Fechado
ℹ️ Por padrão o Sistema já deixará selecionado Ambos (Aberto e Fechado)
3.2. Visualização de Contatos e Conversas

A visualização é composta pelo Nome, Telefone, Atendente atual, mensagem e data da Conversa.

  1. Se desejar ver a conversa deverá clicar no botão de olho no campo de ações
4. Funcionalidades do Dashboard
  • Pesquisa Avançada: Filtrar por nome, telefone ou data
  • Visualização de Status: Identificar conversas abertas ou fechadas
  • Acesso Rápido: Visualizar conversas com um clique
  • Gestão Centralizada: Todos os contatos em um local
5. Equipe de Atendimento
Equipe de Atendimento no Dashboard
5.1. Visualização da Equipe

A seção Equipe de Atendimento mostra o status de todos os atendentes:

  • Atendentes Online: Usuários conectados e disponíveis para atendimento
  • Atendentes Offline: Usuários desconectados do sistema
5.2. Informações Exibidas
  • Nome do Atendente: Identificação completa
  • Status: Online (verde) ou Offline (cinza)
  • Indicador Visual: Círculo colorido mostrando disponibilidade
6. Informações da Lista de Contatos
  • Nome: Nome do cliente (quando disponível)
  • Telefone: Número de WhatsApp do cliente
  • Atendente Atual: Responsável pela conversa
  • Mensagem: Prévia da última mensagem
  • Data da Conversa: Timestamp da última interação
  • Ações: Botões para visualizar e gerenciar
✅ Resultado: Visão completa e organizada de todas as conversas e equipe, facilitando o acompanhamento e gestão dos atendimentos.

1. Iniciar Nova Conversa

Para contatar um cliente, você deve enviar um template através do sistema.

  1. No Dashboard, clique no botão Nova Conversa (canto superior direito)
  2. Selecione um template da lista disponível
  3. Digite o número do cliente com DDD (Ex: 11999999999)
  4. Preencha as variáveis se existirem no template
  5. Clique em Enviar
ℹ️ Templates são mensagens pré-aprovadas pela Meta para iniciar conversas
Tela de envio de template com variáveis
2. Preenchimento de Variáveis

Variáveis aparecem como {{1}}, {{2}} no template selecionado:

  • Preencha com informações do cliente: nome, código, data
  • As variáveis são numeradas sequencialmente na visualização
  • Campos obrigatórios para personalizar a mensagem
3. Configuração do Número
  • Formato: DDD + Número (sem espaços ou caracteres especiais)
  • País padrão: Brasil (+55) - pode ser alterado se necessário
  • Exemplo: 11999999999
⚠️ Importante: Aguarde a resposta do cliente para continuar a conversa normalmente
✅ Resultado: Template enviado e conversa iniciada com o cliente

1. Acesso às Conversas

A tela de Conversas mostra todas as conversas desse atendente com clientes, permitindo gerenciar e acompanhar o histórico de atendimentos.

  1. No menu lateral esquerdo, clique em Conversas
Tela de Conversas do atendente
2. Funcionalidades da Tela
2.1. Lista de Conversas

Na tela de conversas você visualiza:

  • Todas as conversas que você teve com clientes
  • Histórico completo de mensagens trocadas
  • Status das conversas (ativa, encerrada, pendente)
  • Informações do cliente (nome, telefone, código)
2.2. Campo de Pesquisa

O campo de pesquisa permite encontrar conversas de forma rápida e eficiente:

2.2.1. Pesquisa por Nome
  • Digite o nome do cliente para encontrar conversas específicas
  • Funciona com nomes parciais ou completos
  • Exemplo: "João", "Maria Silva", "Ana"
2.2.2. Pesquisa por Mensagem
  • Digite um trecho de mensagem que foi trocada
  • Encontra conversas que contenham palavras específicas
  • Exemplo: "produto", "preço", "entrega", "problema"
💡 Dica: Use a pesquisa para localizar rapidamente conversas antigas ou encontrar clientes específicos pelo nome ou assunto tratado.
3. Informações do Cliente
3.1. Botão de Informações

O botão de "Informações" permite acessar detalhes completos do cliente:

Tela de informações detalhadas do cliente
3.2. Detalhes Disponíveis

Na tela de informações você pode visualizar e editar:

  • Nome completo do cliente
  • Telefone/WhatsApp de contato
  • Código do cliente (COD) - identificador único
  • E-mail (quando disponível)
  • Data de nascimento (quando cadastrada)
  • Setor ao qual pertence
  • Notas internas do atendente
  • Observações gerais do sistema
3.3. Código do Cliente (COD)

O código do cliente é um identificador único que:

  • Aparece ao lado do nome na tela de conversas
  • Fica visível também na tela de contatos
  • Ajuda a identificar rapidamente o cliente
  • Facilita a organização e busca de clientes
4. Organização das Conversas
4.1. Ordenação
  • Conversas ativas: Aparecem no topo
  • Última mensagem: Ordenação por data/hora
  • Status visual: Indicadores de conversas não lidas
4.2. Informações Exibidas

Cada conversa na lista mostra:

  • Nome do cliente + Código (COD)
  • Última mensagem trocada
  • Data e hora da última interação
  • Status da conversa
  • Botões de ação (visualizar, informações)
5. Benefícios da Tela de Conversas
  • Histórico completo: Todas as conversas em um local
  • Pesquisa eficiente: Encontre conversas rapidamente
  • Informações detalhadas: Dados completos do cliente
  • Organização inteligente: Conversas ordenadas por relevância
  • Identificação rápida: Código do cliente sempre visível
💡 Dica: Use o código do cliente (COD) para identificar rapidamente clientes específicos, especialmente quando há nomes similares ou duplicados.
✅ Resultado: Acesso completo ao histórico de conversas com ferramentas eficientes de pesquisa e informações detalhadas dos clientes para um atendimento mais personalizado.
6. Transferir Conversa

A funcionalidade de Transferir Conversa permite que você passe uma conversa em andamento para outro atendente, garantindo continuidade no atendimento ao cliente.

6.1. Quando Usar
  • Especialização: Quando o cliente precisa de ajuda específica de outro setor
  • Disponibilidade: Quando você não pode continuar o atendimento
  • Escalação: Quando o caso precisa ser tratado por um supervisor
  • Balanceamento: Para distribuir melhor a carga de trabalho
6.2. Localização do Botão

O botão "Transferir Conversa" está localizado na interface de atendimento, permitindo transferir a conversa atual para outro atendente disponível.

Localização do botão Transferir Conversa
6.3. Processo de Transferência
6.3.1. Iniciar Transferência
  1. Durante uma conversa ativa, clique no botão "Transferir Conversa"
  2. O sistema abrirá uma tela de seleção de atendentes
6.3.2. Seleção do Atendente

Na tela de transferência, você poderá escolher o atendente que irá continuar o atendimento:

Tela de seleção do atendente para transferência
6.3.3. Informações Disponíveis
  • Lista de Atendentes: Todos os atendentes disponíveis no sistema
  • Status Online/Offline: Veja quem está disponível para receber a conversa
  • Setor: Identifique atendentes de setores específicos
  • Nome e Função: Identificação completa do atendente
6.3.4. Finalizar Transferência
  1. Selecione o atendente desejado da lista
  2. Confirme a transferência
  3. A conversa será automaticamente transferida para o novo atendente
6.4. Benefícios da Transferência
  • Continuidade: Cliente não perde o histórico da conversa
  • Especialização: Atendente mais adequado para o caso
  • Eficiência: Redistribuição inteligente de carga de trabalho
  • Experiência do Cliente: Atendimento mais qualificado
💡 Dica: Use a transferência quando o cliente precisar de ajuda especializada ou quando você não puder continuar o atendimento. Isso garante melhor experiência para o cliente.
⚠️ Importante: Apenas transfira quando necessário. Evite transferências desnecessárias que podem confundir o cliente.
✅ Resultado: Conversa transferida com sucesso, mantendo o histórico completo e garantindo continuidade no atendimento ao cliente.

1. Acesso aos Contatos

A tela de Contatos mostra todos os clientes organizados por status de atendimento.

  1. No menu lateral esquerdo, clique em Contatos
Tela de Contatos Salvos
2. Status dos Contatos

Os contatos são identificados por três cores:

Em Atendimento VERDE
  • Conversas ativas no momento
Pendentes LARANJA
  • Clientes aguardando primeiro atendimento
  • Prioridade para resposta
Encerrados CINZA
  • Conversas finalizadas>
  • Ficam ocultos por padrão
💡 Dica: Foque primeiro nos contatos Em Atendimento e Pendentes
3. Ações Disponíveis
3.1. Visualizar Conversa
  • Clique no ícone do olho para ver o histórico completo
  • Disponível para todos os perfis
3.2. Exibir Contatos Encerrados
  • Clique no ícone "Exibir contatos encerrados" para mostrá-los
  • Por padrão ficam ocultos para manter foco nos ativos
ℹ️ Permissões: Admins veem todos os contatos, Gerentes veem seu setor, Atendentes veem apenas os próprios
5. Novo Contato

A funcionalidade de Novo Contato permite adicionar contatos individuais ao sistema de forma rápida e organizada.

5.1. Localização do Botão

O botão "Novo Contato" está localizado na tela de Contatos, acima da tabela de contatos. É um botão verde com ícone de "+" e o texto "Novo Contato".

Localização do botão Novo Contato na tela de Contatos
5.2. Formulário de Novo Contato

Ao clicar em "Novo Contato", um modal será aberto com o formulário para preenchimento dos dados do contato.

Formulário de Novo Contato
5.3. Campos do Formulário
  • Nome *: Nome completo do contato (ex: "William Andrade")
  • Telefone *: Número com DDD e código do país (ex: "11999999999")
    Formato: Inclua o código do país (55) e o DDD. Exemplo: 5511999999999
  • Atendente Principal *: Selecione o atendente responsável pelo contato
    • 5.3.2. Campos Opcionais
    • Código (COD): Código identificador do contato (ex: "4444") que ficará visível para o atendente na aba de conversas ao lado do nome do contato
    • E-mail: Endereço de e-mail do contato
    • Data de Nascimento: Use o ícone de calendário para seleção da data
    • Setor: Setor ao qual o contato pertence (ex: "Comercial")
    • Nota Interna (Atendente): Observações internas do atendente
    • Observação (Sistema/Importação): Qualquer observação relevante que deverá ser salva junto ao contato.
    ℹ️ Dica: Preencha o máximo de informações possíveis para facilitar futuras interações com o contato
    ✅ Resultado: Novo contato criado com sucesso e disponível para receber templates e iniciar atendimentos

    1. Acesso ao Envio em Massa

    O Envio de Template em Massa permite enviar mensagens para múltiplos contatos simultaneamente, otimizando campanhas e comunicações.

    1. No menu lateral esquerdo, clique em Contatos
    2. Na tela de contatos, você verá o botão "Enviar Template em Massa (0)"
    Tela de Contatos com funcionalidade de Envio em Massa
    2. Seleção de Contatos

    Para selecionar os contatos que receberão o template:

    2.1. Seleção Individual
    1. Marque a checkbox ao lado de cada contato desejado
    2. O contador no botão "Enviar Template em Massa" será atualizado automaticamente
    3. Exemplo: "Enviar Template em Massa (3)" indica 3 contatos selecionados
    2.2. Seleção em Lote
    • Use a checkbox do cabeçalho para selecionar todos os contatos visíveis
    • Útil para campanhas amplas ou comunicados gerais
    3. Processo de Envio
    3.1. Iniciar Envio
    1. Após selecionar os contatos desejados, clique no botão "Enviar Template em Massa (X)"
    2. Um modal será aberto mostrando quantos contatos receberão a mensagem
    Modal de Seleção de Template para Envio em Massa
    3.2. Configuração do Template
    1. No campo "Selecione o Template", escolha o template aprovado desejado
    2. A Pré-visualização mostrará como a mensagem aparecerá para os destinatários
    3. Todas as variáveis do template serão listadas abaixo da pré-visualização
    4. Preencha cada variável com os valores apropriados (ex: "Valor para **{{prata}}**:")
    3.3. Preenchimento de Variáveis
    • Cada variável do template (como {{prata}}, {{data_hora}}) terá um campo específico
    • Preencha os valores que serão iguais para todos os contatos selecionados
    • Use valores relevantes e precisos para sua campanha
    3.4. Finalizar Envio
    1. Revise a pré-visualização para confirmar se está correto
    2. Verifique se todas as variáveis foram preenchidas
    3. Clique em "Enviar" para confirmar o envio em massa
    4. Considerações Importantes
    4.1. Status dos Contatos
    • Em Atendimento: Contatos ativos que podem receber templates
    • Encerrados: Contatos finalizados (verifique se é apropriado enviar)
    • Pendentes: Contatos aguardando primeiro atendimento
    4.2. Boas Práticas
    • Segmentação: Selecione contatos relevantes para a mensagem
    • Horário: Envie em horários comerciais apropriados
    • Conteúdo: Use templates aprovados e personalize quando possível
    • Frequência: Evite spam, respeite a frequência de comunicação
    ⚠️ Importante: Templates em massa consomem créditos. Verifique seu saldo antes de envios grandes
    ✅ Resultado: Templates enviados para todos os contatos selecionados, otimizando sua comunicação e alcance

    1. Acesso ao Chat Interno

    O Chat Interno permite comunicação direta entre colaboradores de diferentes setores.

    1. No menu lateral esquerdo, clique em Chat Interno
    Tela do Chat Interno entre setores
    2. Sistema de Notificações
    2.1. Alerta no Menu do Sistema

    Quando você estiver em outra tela e receber uma nova mensagem no chat interno, o menu do sistema terá um visual amarelo com ícone de alerta para chamar sua atenção.

    Menu do sistema com alerta amarelo para nova mensagem
    2.2. Indicador de Conversas com Nova Mensagem

    Ao entrar no menu do Chat Interno, você poderá ver com uma barra verde as conversas que tiveram interação e ainda não foram visualizadas.

    Conversas com barra verde indicando nova mensagem
    3. Tipos de Conversas
    Chat Geral (Global)
    • Conversa aberta para todos os usuários do sistema
    • Use para comunicados gerais e informações importantes
    • Redirecionamento automático: Toda vez que entrar no Chat Interno, irá automaticamente para o Chat Geral
    Conversas Privadas
    • Chat direto com colaboradores específicos
    • Clique no nome do usuário para iniciar
    • Use a barra de pesquisa para encontrar pessoas
    4. Organização das Conversas
    4.1. Ordenação Automática

    Por regra, toda conversa que tiver nova mensagem irá para o topo da lista, mas sempre abaixo do Chat Geral.

    • Chat Geral: Sempre no topo da lista
    • Conversas com nova mensagem: Aparecem logo abaixo do Chat Geral
    • Conversas sem nova mensagem: Ficam na parte inferior da lista
    5. Funcionalidades Principais
    • Mensagens em tempo real: Comunicação instantânea
    • Status online: Veja quem está disponível
    • Pesquisa: Encontre mensagens ou pessoas específicas
    • Anexos: Envie arquivos até 25MB
    • Organização por setores: Comunicação estruturada
    • Indicadores visuais: Barras verdes para conversas não visualizadas
    • Alertas no menu: Notificação visual quando há novas mensagens
    💡 Dica: Use o Chat Interno para esclarecer dúvidas rapidamente e manter a equipe alinhada. As notificações visuais ajudam a não perder nenhuma mensagem importante.
    ✅ Resultado: Comunicação eficiente entre equipes e setores da empresa, com sistema inteligente de notificações e organização automática das conversas.

    A alteração de senha permite que você mantenha sua conta segura, atualizando suas credenciais de acesso quando necessário.

    1. Como Alterar sua Senha
    1.1. Acesso ao Recurso

    Para alterar sua senha, na barra lateral esquerda, na parte inferior próximo ao seu nome, clique no botão Alterar Senha.

    Localização do botão Alterar Senha
    1.2. Iniciando o Processo
    1. Clique no botão Alterar Senha
    2. Uma caixa irá aparecer na sua tela
    Modal de Alteração de Senha
    1.3. Preenchimento dos Dados
    1. Preencha os campos de Nova Senha e Confirmar Senha
    ℹ️ Sua senha deve conter no mínimo 6 dígitos, dentre eles letras maiúsculas e minúsculas, números e caracteres especiais
    1.4. Finalização
    1. Ao preencher os campos clique em Salvar Alteração
    2. Se sua senha estiver conforme irá aparecer na tela "Senha Alterada com Sucesso"
    2. Requisitos de Segurança
    • Mínimo 6 caracteres
    • Letras maiúsculas (A-Z)
    • Letras minúsculas (a-z)
    • Números (0-9)
    • Caracteres especiais (!@#$%^&*)
    3. Dicas de Segurança
    • Use uma senha única que você não utilize em outros sistemas
    • Evite informações pessoais como nome, data de nascimento
    • Considere usar uma combinação de palavras com números e símbolos
    • Altere sua senha periodicamente para manter a segurança
    ✅ Resultado: Senha alterada com sucesso, mantendo sua conta segura e protegida.

    • Nunca compartilhe seu usuário, senha ou o código de 6 dígitos.
    • Sempre confira o remetente: sistema@csitech.com.br.
    • Se recebeu um código sem solicitar, informe seu gerente e o suporte.