Construir 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 de agentes na qual sua equipe pode trabalhar imediatamente. Ele conecta tópicos em tempo real, respostas prontas, fluxos básicos de bot e status de conversas, persistindo tudo localmente para que você possa demonstrar e iterar sem nenhuma configuração de backend.

Principal resultado

O Computer entregou um aplicativo de mensagens totalmente funcional no estilo "Breeze" com duas visualizações principais: uma pré-visualização 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 de bot simples cumprimenta 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 direito com detalhes e notas do usuário. As 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 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 demonstrar ou usar o recurso confortavelmente durante todo o 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 redigidos 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."