Construire une plateforme de messagerie client

Vue d'ensemble

Computer peut lancer une plateforme complète de messagerie client en une seule fois — un widget de chat intégrable pour votre site ainsi qu'une boîte de réception pour les agents sur laquelle votre équipe peut travailler immédiatement. Elle connecte des fils en temps réel, des réponses prédéfinies, des flux de bot basiques et le statut des conversations, en enregistrant tout localement pour vous permettre de faire des démos et d'itérer sans configuration de backend.

Résultat clé

Computer a livré une application de messagerie de style "Breeze" entièrement fonctionnelle avec deux vues principales : un aperçu du widget de chat et un tableau de bord de la boîte de réception des agents, les deux s'exécutant sur la même page. La vue du widget affiche un bouton flottant et animé en bas à droite qui ouvre une fenêtre de chat avec un formulaire de pré-chat (nom et e-mail), un message de bienvenue, des bulles utilisateur/agent avec horodatage, des indicateurs de saisie et un sélecteur d'emojis. Lorsqu'aucun agent n'est disponible, un flux de bot simple accueille l'utilisateur, collecte son e-mail et confirme le suivi.

La vue de la boîte de réception des agents utilise une disposition à trois panneaux : une liste de conversations à gauche avec des badges de non-lu, des filtres de statut (Tous, Ouvert, Mis en sourdine, Fermé) et une recherche ; un panneau central avec le fil de message complet et les horodatages ; et un panneau droit avec les détails de l'utilisateur et les notes. Les réponses prédéfinies apparaissent lorsqu'un agent tape /, offrant des modèles de réponse rapide pour les salutations, la clôture, le suivi et la résolution. Le statut de la conversation peut être mis à jour par fil, et les messages se synchronisent entre le widget et les vues de la boîte de réception via un système d'événements en mémoire, toutes les conversations étant stockées dans le stockage du navigateur pour la persistance. Un basculement en mode sombre complète le tout pour que les équipes de support puissent faire des démos ou l'utiliser confortablement tout au long de la journée.

Agrandir

Agrandir

Conseils

• Clarifiez votre modèle d'intégration – Ajoutez des instructions telles que : "Optimisez le balisage et le script du widget afin qu'il puisse être inséré dans n'importe quel site via une seule balise de script et un minimum de surcharges CSS."
• Limitez les réponses prédéfinies – Spécifiez le ton et les catégories, par exemple : "Incluez les modèles /greeting, /troubleshoot et /handoff, tous rédigés sur un ton amical mais concis."
• Liez les statuts aux SLA – Indiquez à Computer comment le statut doit se comporter, par exemple : "Déplacez automatiquement les fils de 'Mis en sourdine' à 'Ouvert' lorsque le client répond, et mettez en surbrillance toute conversation ouverte sans réponse d'un agent après 5 minutes."