Construa uma plataforma de mensagens para clientes

Visão geral

O Computer pode criar uma plataforma completa de mensagens para clientes de uma só vez — um widget de chat incorporável para o seu site mais uma caixa de entrada para agentes na qual sua equipe pode trabalhar imediatamente. Ele conecta tópicos em tempo real, respostas prontas, fluxos básicos de bots e o status das conversas, persistindo tudo localmente para que você possa fazer demonstrações e iterar sem precisar configurar nenhum back-end.

Principal resultado

O Computer entregou um aplicativo de mensagens totalmente funcional no estilo "Breeze" com duas visualizações principais: uma prévia do widget de chat e um painel de caixa de entrada do agente, ambos rodando na mesma página. A visualização do widget mostra um botão flutuante e animado no canto inferior direito que abre uma janela de chat com um formulário de pré-chat (nome e e-mail), mensagem de boas-vindas, balões de usuário/agente com carimbos de data/hora, indicadores de digitação e um seletor de emojis. Quando nenhum agente está disponível, um fluxo simples de bot cumimenta o usuário, coleta seu e-mail e confirma o acompanhamento.

A visualização da caixa de entrada do agente usa um layout de três painéis: uma lista de conversas à esquerda com selos de não lidas, filtros de status (Todas, Abertas, Adiados, Fechadas) e busca; um painel central com o tópico de mensagem completo e carimbos de data/hora; e um painel à direita com detalhes do usuário e notas. Respostas prontas aparecem quando um agente digita /, oferecendo modelos de resposta rápida para saudação, encerramento, acompanhamento e resolução. O status da conversa pode ser atualizado por tópico, e as mensagens são sincronizadas entre as visualizações de widget e de caixa de entrada por meio de um sistema de eventos em memória, com todas as conversas armazenadas no armazenamento do navegador para persistência. Uma alternância de modo escuro complementa tudo para que as equipes de suporte possam fazer demonstrações ou usá-lo confortavelmente ao longo do dia.

Expandir

Expandir

Dicas

• Esclareça seu modelo de incorporação – Adicione orientações como: "Otimize a marcação e o script do widget para que possam ser inseridos em qualquer site por meio de uma única tag de script e substituições mínimas de CSS."
• Restrinja as respostas prontas – Especifique o tom e as categorias, por exemplo: "Inclua os modelos /greeting, /troubleshoot e /handoff, todos escritos em um tom amigável, mas conciso."
• Vincule os status aos SLAs – Diga ao Computer como o status deve se comportar, por exemplo: "Mova automaticamente os tópicos de Adiado para Aberto quando o cliente responder, e destaque qualquer conversa Aberta sem resposta de agente após 5 minutos."