Anpassen des Benutzer-Chat-Support-Erlebnisses
Geschrieben von Maggie Munson
Produkte
Zoom Contact Center
Zoom Virtual Agent
Voraussetzungen
Campaign SDK in Ihre Website oder mobile App einbetten
Überblick
Ihr Chatfenster ist oft die erste echte Interaktion, die ein Kunde mit Ihrem Unternehmen hat – egal ob er mit einem virtuellen oder einem Live-Agenten chattet. Mit Zoom Contact Center und Zoom Virtual Agent haben Sie die volle Kontrolle darüber, wie dieses Erlebnis auf Ihrer Website aussieht und sich verhält.
Dieser Leitfaden führt Sie durch alle verfügbaren Tools, mit denen Sie ein Chat-Erlebnis gestalten können, das zu Ihrer Marke passt, die Benutzerfreundlichkeit verbessert und Kunden anbindet.
Einen Plan erstellen
Ihre Chat-Benutzeroberfläche sollte sich wie eine natürliche Erweiterung Ihrer Website oder App anfühlen. Berücksichtigen Sie bei der Planung Ihres Chat-UI-Designs Folgendes:
Farben: Was sind die Primär- und Akzentfarben Ihres Unternehmens? Verwenden Sie diese Farben für verschiedene Elemente Ihres Chat-Erlebnisses, wie Chatblasen, Symbole, Schaltflächen und Hintergrundfarben. Sie wählen Farben mit Hex-Codes (zum Beispiel #FFFFFF), daher ist es hilfreich, die Codes Ihrer Marke zur Hand zu haben.
Schriftarten: Passen Sie die Typografie Ihrer Website für Konsistenz an. Sie können aus mehreren gängigen Schriftarten wählen oder Ihre eigene TTF-Datei hochladen, um eine benutzerdefinierte Schrift hinzuzufügen.
Logo: Erwägen Sie, Ihr Logo oder ein Firmenbild in Ihr Chat-Erlebnis einzufügen. Sie können eine JPG/JPEG-, PNG-, SVG- oder GIF-Datei bis zu 10 MB hochladen. Abhängig vom gewählten Chat-Design gibt es empfohlene Bildabmessungen – dazu weiter unten mehr.
Avatar: Ein Avatar ist die bildliche Darstellung des Bots oder Agenten. Für Bot- oder Systemnachrichten verwenden Sie Ihr Logo oder eine Figur/einen Avatar, der Ihre Marke repräsentiert. Ähnlich wie Favicons in Webbrowsern sind diese Symbole klein, machen aber einen Unterschied im Erlebnis, wenn sie gut zur Unternehmensmarke passen. Avatare haben eine Größe von 40 x 40 Pixeln, und Sie können eine JPG/JPEG-, PNG-, SVG- oder GIF-Datei bis zu 2 MB hochladen.
Die Teile
Campaign Builder von Zoom wird verwendet, um sowohl Ihr Chat-Design als auch dessen Verfügbarkeit auf Ihrer Website oder App anzupassen.
In Campaigns richten Sie ein:
Chat-Engagement-Fenster: Wird von Verbrauchern genutzt, um mit Ihrem Bot oder Agenten zu chatten. Sie können das Design aller Blasen, Schaltflächen, Symbole und des Headers auswählen. Das Chatfenster hat großen Einfluss auf das gesamte Aussehen und Gefühl Ihrer digitalen Support-Erfahrung.
Position: Damit steuern Sie, wo Ihr Support auf Ihrer Seite verfügbar sein soll (stellen Sie sicher, dass Sie zuerst das Campaign SDK einbetten). Sie können Support für Ihre gesamte Website anbieten oder festlegen, welche Seiten basierend auf der URL ein- oder ausgeschlossen werden sollen.
Einladungen: Wie Ihre Nutzer Ihr Contact Center auf der Website oder in der App Ihres Unternehmens starten oder öffnen. Es gibt zwei Einladungstypen: Sticky und Embedded.
Sticky: Eine einfache Möglichkeit, Menschen zur Nutzung Ihres digitalen Supports einzuladen. Nutzer sehen ein Symbol oder Widget auf dem Bildschirm, das beim Anklicken das Support-Erlebnis öffnet. Sie können Farbe, Form und Symbol steuern und sogar Text hinzufügen.
Embedded: Bei eingebetteten Einladungen können Sie jede Schaltfläche oder jeden Link auf Ihrer Website in einen klickbaren Link verwandeln, der den Support öffnet.
Proaktive Nachrichten: Begrüßungen, die Sie verwenden können, um eine Nachricht zu senden, nachdem Ihre Nutzer eine bestimmte Seite für eine festgelegte Zeit besucht haben. Proaktive Nachrichten können zu jeder Kampagne hinzugefügt werden, die den Einladungstyp Sticky verwendet.
Zum Beispiel: "Brauchen Sie Hilfe bei der Auswahl eines Plans?"
Darüber hinaus legen Sie auch ein Avatarfest, bei dem es sich um die bildliche Darstellung des Bots oder Agenten handelt. Ihre Kunden sehen diese Avatare des Bots oder Agenten, die Ihre Marke repräsentieren.
Gestalten Sie Ihr Chat-Erlebnis
Erfahren Sie mehr über den Aufbau Ihres Chat-Erlebnisses, einschließlich Größe, Bilder, Designs, Nachrichten und zusätzlicher Konfigurationseinstellungen.
Bauen Sie Ihr Chat-Erlebnis aufZusammenfassung
Zoom Contact Center und Zoom Virtual Agent helfen Ihnen, einen Support-Chat zu erstellen, der markenkonform und leicht zu bedienen ist. Sie können das Design vollständig anpassen, wählen, wo und wann der Chat angezeigt wird, und proaktive Nachrichten hinzufügen, um Nutzer im richtigen Moment anzusprechen. Sobald das Campaign SDK eingebettet ist, können Sie alles über die Admin-Benutzeroberfläche oder per Code steuern. Es ist flexibel, schlank und darauf ausgelegt, zu Ihrer Seite zu passen.
Sie sind bereit, ein Chat-Erlebnis zu starten, das Ihren Kunden hilft und Ihre Marke repräsentiert.
Verwandte Ressourcen
Zuletzt aktualisiert
War das hilfreich?