Erstellen Sie eine Kunden-Messaging-Plattform

Übersicht

Computer kann mit einem Mal eine vollständige Kunden-Messaging-Plattform hochfahren – ein einbettbares Chat-Widget für Ihre Website sowie einen Agenten-Posteingang, mit dem Ihr Team sofort arbeiten kann. Es verbindet Echtzeit-Threads, Textbausteine, grundlegende Bot-Abläufe und den Konversationsstatus und speichert alles lokal, sodass Sie ohne Backend-Einrichtung Demos durchführen und iterieren können.

Wichtigstes Ergebnis

Computer hat eine voll funktionsfähige Messaging-App im „Breeze“-Stil mit zwei Hauptansichten geliefert: einer Chat-Widget-Vorschau und einem Agenten-Posteingang-Dashboard, die beide auf derselben Seite ausgeführt werden. Die Widget-Ansicht zeigt unten rechts eine schwebende, animierte Schaltfläche, die ein Chatfenster mit einem Vorab-Chat-Formular (Name und E-Mail), einer Willkommensnachricht, Benutzer-/Agenten-Blasen mit Zeitstempeln, Tippindikatoren und einer Emoji-Auswahl öffnet. Wenn kein Agent verfügbar ist, begrüßt ein einfacher Bot-Ablauf den Benutzer, sammelt dessen E-Mail-Adresse und bestätigt die Nachbereitung.

Die Ansicht des Agenten-Posteingangs verwendet ein Layout mit drei Bereichen: eine linke Konversationsliste mit ungelesenen Badges, Statusfiltern (Alle, Offen, Zurückgestellt, Geschlossen) und Suche; einen mittleren Bereich mit dem vollständigen Nachrichten-Thread und Zeitstempeln; und einen rechten Bereich mit Benutzerdetails und Notizen. Textbausteine erscheinen, wenn ein Agent / eingibt, und bieten Schnellantwort-Vorlagen für Begrüßung, Schließung, Nachbereitung und Lösung. Der Konversationsstatus kann pro Thread aktualisiert werden, und Nachrichten werden über ein ereignisbasiertes System im Arbeitsspeicher zwischen der Widget- und der Posteingangsansicht synchronisiert, wobei alle Konversationen zur Persistenz im Browserspeicher gespeichert werden. Ein Dark-Mode-Umschalter rundet das Ganze ab, damit Support-Teams den Dienst den ganzen Tag über bequem vorführen oder nutzen können.

Vergrößern

Vergrößern

Tipps

• Klären Sie Ihr Einbettungsmodell – Fügen Sie Anweisungen hinzu wie: „Optimieren Sie das Widget-Markup und Skript, sodass es über ein einzelnes Skript-Tag und minimale CSS-Überschreibungen in jede Website eingefügt werden kann.“
• Schränken Sie Textbausteine ein – Geben Sie Ton und Kategorien an, zum Beispiel: „Fügen Sie /greeting-, /troubleshoot- und /handoff-Vorlagen ein, die alle in einem freundlichen, aber prägnanten Ton verfasst sind.“
• Verknüpfen Sie Status mit SLAs – Teilen Sie Computer mit, wie sich der Status verhalten soll, zum Beispiel: „Verschieben Sie Threads automatisch von Zurückgestellt zu Offen, wenn der Kunde antwortet, und heben Sie offene Konversationen hervor, auf die nach 5 Minuten keine Agentenantwort erfolgt ist.“