Interface de Chat
Conheça a interface de atendimento da Interflow e aprenda a usar todos os recursos.
Visão Geral
A interface de chat da Interflow foi projetada para maximizar a produtividade da sua equipe de atendimento, centralizando todas as conversas em uma única tela.
Layout da Interface
A tela de chat é dividida em três áreas principais:
| Área | Localização | Função |
|---|---|---|
| Lista de Conversas | Esquerda | Todas as conversas ativas |
| Área de Mensagens | Centro | Histórico e envio de mensagens |
| Painel do Cliente | Direita | Informações e ações do cliente |
Lista de Conversas
Filtros Disponíveis
- Todas - Todas as conversas
- Minhas - Atribuídas a você
- Não atribuídas - Aguardando atendente
- Em espera - Aguardando resposta do cliente
- Finalizadas - Conversas encerradas
Filtros Personalizados
Crie filtros customizados para organizar suas conversas:
- Clique em ⚙️ na barra de filtros
- Clique em "Novo Filtro" ou duplique um existente
- Configure os critérios:
- Equipes: Selecione uma ou múltiplas equipes
- Tags: Filtrar por tags específicas
- Canal: WhatsApp, Instagram, etc.
- Status: Em andamento, pendente, etc.
- Personalize nome, ícone e cor (paleta expandida disponível!)
- Salve
💡 Dica
Você pode filtrar por múltiplas equipes simultaneamente! Útil para supervisores que gerenciam várias equipes.
Busca de Conversas
Busque conversas pelo número de telefone do cliente:
- ✅
5511999999999(completo com DDI) - ✅
11999999999(com DDD) - ✅
999999999(apenas número) - ✅
+55 11 99999-9999(formatado)
Navegação por Páginas
Navegue diretamente para uma página específica:
- Na parte inferior da lista, clique no campo de número
- Digite o número da página desejada
- Pressione Enter
Status das Conversas
| Ícone | Status |
|---|---|
| 🟢 | Ativa - aguardando atendimento |
| 🟡 | Em espera - aguardando cliente |
| 🔵 | Em atendimento |
| ⚪ | Finalizada |
Indicador de Múltiplos Atendimentos
Quando um cliente tem várias conversas ativas simultaneamente:
- 🔴 Badge aparece ao lado do nome do cliente
- Mostra o número de chats em paralelo
- Clique para ver a lista de conversas ativas
- Navegue rapidamente entre os chats
Ordenação
- Por data da última mensagem
- Por tempo de espera
- Por prioridade
Área de Mensagens
Componentes
- Header - Nome do cliente, canal, status, botão WhatsApp Rápido
- Mensagens Fixadas - Mensagens importantes no topo
- Histórico - Todas as mensagens trocadas
- Campo de texto - Para digitar mensagens
- Anexos - Enviar arquivos
- Emojis - Seletor de emojis
- Respostas rápidas - Atalhos de mensagem
- Comandos IA - Atalhos para IA (Ctrl+J)
Mensagens Fixadas
Destaque informações importantes fixando mensagens no topo do chat:
Como fixar:
- Passe o mouse sobre a mensagem
- Clique nos três pontos (⋮)
- Selecione "Fixar mensagem"
Recursos:
- 📌 Mensagens aparecem no topo do chat
- 🔢 Contador de mensagens fixadas
- 🟡 Fundo amarelo para notas privadas fixadas
- ➜ Botão "Ir para mensagem" (navega ao original)
- 🔄 Atualizações em tempo real
Como desafixar:
- Clique no X na lista de fixados, ou
- Menu da mensagem → "Desafixar mensagem"
Indicadores de Mensagem
| Indicador | Significado |
|---|---|
| ✓ | Enviada |
| ✓✓ | Entregue |
| ✓✓ (azul) | Lida |
| ⏳ | Enviando |
| ❌ | Erro no envio |
Tipos de Mensagem
- Texto - Mensagens de texto simples
- Imagem - Fotos e imagens
- Vídeo - Arquivos de vídeo
- Áudio - Mensagens de voz
- Documento - PDFs, planilhas, etc.
- Localização - Coordenadas do mapa
- Contato - Compartilhamento de contato
Painel do Cliente
Informações Exibidas
- Nome e foto
- Canais de contato
- Tags
- Campos personalizados
- Histórico de conversas
- Notas internas
- Indicador de campos - Mostra quais campos estão preenchidos
Indicador de Campos de Cadastro
Visual que mostra o status de preenchimento dos campos:
- ✅ Ícone verde = Campo preenchido
- ⚠️ Ícone amarelo = Campo faltante
- 🔴 Ícone vermelho = Obrigatório e faltante
Benefícios:
- Veja rapidamente quais dados faltam
- Preencha durante a conversa
- Clique para ir diretamente ao campo
Ações Disponíveis
- Editar cliente - Atualizar dados
- Adicionar tag - Aplicar tags
- Nova nota - Adicionar anotação
- Ver histórico - Conversas anteriores
- Criar tarefa - Agendar follow-up
Ações de Atendimento
Assumir Conversa
Para atender uma conversa não atribuída:
- Clique na conversa
- Clique em "Assumir"
- A conversa será atribuída a você
Se houver fluxo ativo, você pode escolher:
- 🟡 Pausar Fluxo e Atender - Pausa o fluxo, você assume
- 🔵 Continuar Fluxo e Atender - Mantém fluxo ativo (mensagens duplicadas!)
- ⚪ Cancelar - Não atende
💡 Configuração
Em Configurações > Atendimento, você pode definir para sempre pausar automaticamente.
Atribuição por Administrador
Admins podem gerenciar atribuições sem entrar em cada conversa:
- Na lista de conversas, clique no menu (⋮)
- Selecione "Transferir Agente/Equipe"
- Escolha:
- Sem agente: Conversa fica pendente na fila
- Agente específico: Atribuído diretamente
Transferir Conversa
Para passar uma conversa para outro atendente:
- Clique no ícone de transferência
- Selecione o destino (atendente ou equipe)
- Adicione uma nota (opcional)
- Confirme
Arquivar Conversa
Você pode arquivar conversas que estão em "Em andamento":
- Arquive conversas ativas para organizar sua lista
- Quando cliente enviar nova mensagem, a conversa é desarquivada automaticamente
- Nenhuma mensagem importante é perdida
Finalizar Atendimento
Ao concluir um atendimento:
- Clique em "Finalizar"
- Selecione o motivo de encerramento
- Sugestão de campos: Sistema sugere campos não preenchidos
- Preencha os campos sugeridos (opcional ou obrigatório)
- Adicione observações (opcional)
- Confirme
Marcar como Espera
Se aguardando resposta do cliente:
- Clique em "Aguardar"
- Defina o tempo de espera
- A conversa será movida para a fila de espera
Respostas Rápidas
Usando Atalhos
Digite / seguido do atalho para inserir uma resposta rápida:
/ola → "Olá! Como posso ajudá-lo hoje?"
/preco → "Nosso produto custa R$ 99,00..."
/horario → "Funcionamos de segunda a sexta, das 9h às 18h"Criando Respostas Rápidas
- Vá em Configurações → Respostas Rápidas
- Clique em "Nova resposta"
- Defina:
- Atalho (ex:
/ola) - Título descritivo
- Conteúdo da mensagem
- Atalho (ex:
- Salve
Anexos e Mídia
Enviando Arquivos
- Clique no ícone de anexo 📎
- Selecione o arquivo
- Adicione uma legenda (opcional)
- Envie
Limites de Arquivo
| Tipo | Tamanho Máximo |
|---|---|
| Imagem | 16 MB |
| Vídeo | 16 MB |
| Áudio | 16 MB |
| Documento | 100 MB |
Visualização
- Imagens são exibidas inline
- Vídeos podem ser reproduzidos
- Áudios têm player integrado
- Documentos podem ser baixados
Notas Internas
Adicione anotações visíveis apenas para a equipe:
- No painel do cliente, clique em "Nota"
- Digite a anotação
- Salve
As notas aparecem no histórico com destaque visual.
Excluindo Notas Privadas
Você pode excluir notas enviadas por engano:
- Passe o mouse sobre a nota
- Clique no menu (⋮)
- Selecione "Excluir mensagem"
- Confirme
Regras:
- ✅ Apenas o autor pode excluir
- ✅ Admins podem excluir qualquer nota
- ❌ Mensagens do cliente não podem ser excluídas
- 🕐 Log preservado para auditoria
Atalhos de Teclado
| Atalho | Ação |
|---|---|
Enter | Enviar mensagem |
Shift+Enter | Nova linha |
Esc | Fechar conversa |
/ | Abrir respostas rápidas |
Ctrl+K | Buscar conversa |
Ctrl+J | Abrir comandos de IA |
Melhorador de Texto (Ctrl+J)
Aprimore suas mensagens com IA diretamente do campo de texto:
- Pressione
Ctrl+Jou digite/ - Selecione a ação desejada (melhorar, formalizar, traduzir, etc.)
- A IA processa e insere o resultado
Ações disponíveis:
- Melhorar - Melhora clareza e gramática
- Formalizar - Torna o texto mais profissional
- Simplificar - Simplifica textos complexos
- Traduzir - Traduz para outro idioma
💡 Comandos Personalizados
Crie seus próprios comandos de IA! Veja a documentação completa em Melhorador de Texto.
Notificações
Configurações de notificação:
- Som - Alerta sonoro para novas mensagens
- Desktop - Notificações do navegador
- Mobile - Push notifications (app)
Botão WhatsApp Rápido
Abra o WhatsApp do cliente diretamente do chat com ações automáticas:
- No header do chat, clique no botão verde do WhatsApp
- Nova aba abre com mensagem pré-configurada
- Ações automáticas são executadas (campo, funil, tag)
⚠️ Importante
O botão só aparece em chats de canais WhatsApp (WAHA, W-API, WhatsApp Oficial).
Configure em Configurações > Atendimento > Botão de WhatsApp Rápido.
Próximos Passos
- Melhorador de Texto - Comandos de IA personalizados
- Agentes IA - IA autônoma para atendimento
- Agenda - Agendamentos integrados
- Configurações - Personalizar interface