Pular para o conteúdo principal

Visão geral das conversas

A seção Conversas é o centro de comunicação do WTO CRM, onde você pode gerenciar todas as interações com seus clientes através de diferentes canais de comunicação. Nesta área você pode visualizar, responder e gerenciar conversas de forma centralizada, independente do canal utilizado (WhatsApp, Email, Facebook, Instagram, Telegram, SMS, Website Widget ou API).

Acessando Conversas

Para acessar a área de conversas:
  1. No menu da barra lateral esquerda, clique em Conversas
  2. A tela principal será exibida com a lista de todas as conversas ativas

Interface principal de conversas

A tela de conversas é dividida em duas áreas principais: a lista de conversas à esquerda e a área de visualização da conversa selecionada à direita. Tela de conversas iniciais

Estrutura da interface

A interface principal apresenta:

Área da lista de conversas

A coluna da esquerda exibe todas as conversas disponíveis:
  • Barra de pesquisa: Campo na parte superior para pesquisar conversas específicas
  • Contador de conversas: Exibe o número total de conversas encontradas (por exemplo, “3 conversas”)
  • Indicador de Filtro: Mostra quantos filtros estão ativos (por exemplo, “1 filtro”)
  • Botão Filtros: Permite aplicar e gerenciar filtros
Cada item na lista de conversas exibe:
  • Avatar de contato: Foto do perfil ou inicial do nome
  • Nome de contato: Nome completo do cliente
  • Canal de Comunicação: Ícone indicando o canal (Telegram, WhatsApp, Email, etc.)
  • Timestamp: Data e hora da última mensagem (por exemplo, “Agora”, “21 de janeiro de 1970”)
  • Visualização da mensagem: Última mensagem trocada na conversa
  • Indicadores de status: Ícones que indicam o status da conversa ou do canal

Área de visualização de conversas

A coluna da direita mostra a conversa selecionada:
  • Cabeçalho da conversa:
  • Nome do contato e canal (ex.: “Davidson Gomes - WTO API”)
  • Identificador exclusivo (por exemplo, “wtoai-davidson”)
  • Status da conversa (por exemplo, “Status: Aberto” ou “Status: Pendente”)
  • Botões de ação (menu de três pontos, fechar)
  • Histórico de mensagens:
  • As mensagens recebidas aparecem à esquerda
  • As mensagens enviadas aparecem à direita com o nome do agente
  • Carimbos de data e hora para cada mensagem
  • Indicadores de leitura/entrega
  • Área de Composição:
  • Guias para Responder (Responder) e Nota Privada (Nota Privada)
  • Campo de texto para digitação de mensagens
  • Ícones para anexos, emojis, menções e modelos de resposta rápida
  • Botão Enviar

Pesquisa e filtros

A barra de pesquisa e os filtros são ferramentas essenciais para localizar rapidamente conversas específicas. Barra de pesquisa e filtros

Barra de pesquisa

No topo da lista de conversas, você encontra:
  • Campo de pesquisa: Com espaço reservado “Pesquisar conversas…”
  • Ícone de lupa: indica a funcionalidade de pesquisa
  • Funcionalidade: Permite pesquisar conversas por nome de contato, palavras-chave ou conteúdo da mensagem
Como usar:
  1. Clique no campo de pesquisa
  2. Digite o nome do contato ou palavra-chave (por exemplo, “Davidson Gomes”)
  3. A lista será filtrada automaticamente, mostrando apenas as conversas correspondentes
  4. O contador será atualizado (por exemplo, “1 conversa”)

Contador e Filtros

Abaixo da barra de pesquisa:
  • Contador de conversas: Exibe o número total de conversas encontradas após a aplicação de pesquisa e filtros
  • Exemplo: “1 conversa” ou “3 conversas”
  • Indicador de Filtros Ativos: Mostra quantos filtros foram aplicados
  • Exemplo: “1 filtro” indica que existe um filtro ativo
  • Botão Filtros: Com ícone de funil, permite abrir o modal de configuração de filtros

Lista de conversas filtradas

Quando a pesquisa ou os filtros são aplicados, a lista exibe apenas as conversas correspondentes:
  • Avatar e Nome: Foto do perfil e nome do contato
  • Ícone do canal: Pequeno ícone sobreposto no avatar indicando o canal (por exemplo, ícone de avião de papel azul para Telegram)
  • Carimbo de data/hora: “Agora” para conversas recentes ou data/hora específicas
  • Visualização da mensagem: Última mensagem trocada
  • Indicadores de status: Ícones que podem indicar:
  • Status da conversa (pendente, aberta, resolvida)
  • Horário comercial (ícone de relógio amarelo)
  • Prioridade ou outros estados

Configurando filtros de conversa

O sistema permite aplicar vários filtros para refinar a visualização da conversa. Modal de filtros de conversa

Acessando o Modal de Filtros

Para abrir o modal de filtros:
  1. Clique no botão Filtros na parte superior da lista de conversas
  2. O modal Filtrar Conversas será exibido

Estrutura Modal de Filtros

O modal apresenta:

Título e Descrição

  • Título: “Filtrar Conversas”
  • Descrição: “Configure filtros para encontrar as conversas que você procura”
  • Botão Fechar: Ícone “X” no canto superior direito

Filtros configurados

A área principal exibe os filtros já aplicados: Exemplo de filtro ativo:
  • Campo 1 - Tipo de Filtro: Menu suspenso com opções como “Status”, “Agente”, “Canal”, “Rótulos”, etc.
  • Campo 2 - Operador: Menu suspenso com operadores como:
  • “Igual a”
  • “Não é igual a”
  • “Contém”
  • “Não contém”
  • Campo 3 - Valor: Menu suspenso ou campo de texto com o valor específico (por exemplo, “Pendente”)
  • Botão Remover: ícone “X” à direita para remover o filtro individual
Exemplo prático:
  • Filtro: Status = Igual a = Pendente
  • Resultado: Mostra apenas conversas com status “Pendente”

Adicionar novo filtro

  • Botão “Adicionar Filtro”: Com o ícone ”+” no centro do modal
  • Funcionalidade: Permite adicionar vários critérios de filtragem
  • Uso: Clique para adicionar uma nova linha de filtro

Botões de ação

Na parte inferior do modal:
  • Limpar filtros: Remove todos os filtros aplicados
  • Cancelar: Fecha o modal sem aplicar alterações
  • Aplicar Filtros: Botão verde que aplica os filtros configurados e atualiza a lista

Tipos de filtros disponíveis

Os filtros podem ser aplicados por:
  • Status: Pendente, Aberto, Resolvido, Fechado
  • Agente: Filtrar por agente atribuído
  • Canal: WhatsApp, Email, Telegram, Facebook, Instagram, SMS, API, Widget do site
  • Rótulos: Filtrar por rótulos aplicados
  • Data: Período de criação ou última atualização
  • Prioridade: Nível de prioridade da conversa

Considerações Finais

  • A interface de conversas foi projetada para navegação e interação intuitivas
  • A pesquisa permite localizar rapidamente conversas por nome ou conteúdo
  • Os filtros ajudam a organizar e gerenciar grandes volumes de conversas
  • A distinção entre respostas públicas e notas privadas é fundamental para a comunicação interna da equipe
  • Todas as mensagens são sincronizadas em tempo real entre todos os agentes
  • O status da conversa pode ser alterado diretamente na interface
  • Cada canal de comunicação possui ícones e indicadores específicos para fácil identificação