Bauen Sie Ihr Chat-Erlebnis auf
Die Tools von Zoom machen es einfach, Ihr Chat-Erlebnis mit wenig bis gar keinem Code anzupassen und zu starten.
Chat-Einblendfenster
Das Chat-Einblendfenster ist die Art und Weise, wie Ihre Nutzer mit Ihrem virtuellen Agenten oder einem menschlichen Agenten Nachrichten austauschen. Mit den Tools von Zoom können Sie ein Chat-Fenster erstellen, das gut sichtbar ist, leicht bedienbar ist und zur Marke Ihres Unternehmens passt.
Um Ihr Chat-Einblendfenster zu erstellen oder zu bearbeiten, gehen Sie zur Zoom Web-Admin-Konsole.
Klicken Sie dort auf +Kampagne hinzufügen oder öffnen Sie den Entwurf einer bestehenden Kampagne. Scrollen Sie zum Chat-Einblendfenster Abschnitt, um Ihr Fenster zu erstellen oder zu bearbeiten.
Fenstergröße und mobile Erfahrung
Das Chat-Einblendfenster von Zoom ist responsiv, das heißt es passt sein Layout automatisch an, wenn Ihr Nutzer Ihre Seite von einem Desktop- oder Smartphone-Gerät aus aufruft.
Auf mobilen Geräten öffnet sich das Chat-Fenster im Vollbildmodus, um den begrenzten Bildschirmplatz optimal zu nutzen und eine klare, gut lesbare Darstellung zu gewährleisten.
Für Nutzer, die Ihren Chat auf Desktop-Geräten aufrufen, können Sie aus drei Größenoptionen für die Fensterhöhe wählen:
S: 540 Pixel
M: 650 Pixel, Standard
L: 780 Pixel
Hinweis
Die Breite ist immer fest auf 420 Pixel eingestellt, um die Lesbarkeit zu gewährleisten.
Kopfzeile
Der Chat-Kopfzeile ist ein Schlüsselelement Ihres Chat-Designs. Wenn sie durchdacht gestaltet ist, liefert sie den Nutzern Kontext darüber, was sie von ihrem Support-Erlebnis erwarten können, und schafft Vertrauen in das Gespräch. Sie können die Kopfzeile nutzen, um Informationen über Ihr Support-Team zu teilen und/oder das Logo oder die Farben Ihrer Marke hinzuzufügen.
Zoom CX bietet mehrere Kopfzeilen-Designoptionen, aus denen Sie wählen können.
Vollständiges Kopfzeilenbild
Fügen Sie ein 426 x 95 Pixel großes Bild hinzu, das den gesamten Kopfzeilenbereich ausfüllt – ideal für individuelle Designs.
Avatar-Bildgröße
Fügen Sie ein 40 x 40 Pixel großes Bild hinzu, das in der Kopfzeile angezeigt wird – entweder allein oder neben dem Kopfzeilentext.
Nur Kopfzeilentext
Teilen Sie eine kurze Notiz zu beliebigen Informationen, z. B. den Namen Ihres Teams, die Verfügbarkeit oder Support-Zeiten. Steuern Sie die Größe des Kopfzeilentexts mithilfe von H1, H2, H3 oder der Absatzgröße.
Für ein schlankes, minimalistisches Design können Sie sich dafür entscheiden, es leer zu lassen, und den Fokus Ihrer Nutzer auf den Chat zu richten.
Sie können für den Kopfzeilenhintergrund und die Symbole jede Farbe auswählen, was nützlich ist, um Ihr Chat-Design an Ihre Website anzupassen.
Hinweis
Wenn Sie die Hintergrundfarbe ändern, stellen Sie sicher, dass Sie die Symbole für Minimieren und Menü noch sehen können. Möglicherweise müssen Sie auch die Symbolfarbe ändern.
Farben für Ihre Chat-Blase, Text, Symbole und mehr
Der Einblendfenster-Generator ermöglicht es Ihnen, genau die Farben auszuwählen, die Sie für Ihren Chat möchten. Sie geben Hex-Codes für jeden Teil des Fensters ein und prüfen die Vorschau, um zu sehen, wie es aussieht.
Zoom stellt eine Vorlage zum Einstieg bereit. Damit alles gut aussieht (und leicht lesbar bleibt), bleiben Sie bei Ihren Markenfarben und achten Sie auf ausreichend Kontrast zwischen Text- und Hintergrundfarben.
Begrüßungsbildschirm
Der Begrüßungsbildschirm in Zoom Contact Center und Zoom Virtual Agent ist ein optionaler Einführungsbildschirm, der vor Beginn des Chats angezeigt wird. Er bietet Ihnen die Möglichkeit, Ihre Kunden zu begrüßen, Informationen von ihnen zu sammeln und das Erlebnis an Ihre Marke anzupassen.
Dies ist für Web-Chat-Erlebnisse verfügbar. Um es zu konfigurieren, klicken Sie auf das Chat-Einblendfenster , dann auf die Begrüßungsbildschirm Registerkarte der Site.
Einladungsdesign
Die Einladung ist das Element, das das Support-Erlebnis auf Ihrer Website startet. Am gebräuchlichsten ist der Einsatz des Sticky Einladungstyps, bei dem es sich um ein schwebendes Symbol handelt, das auf Ihrer Website erscheint. Wenn Ihre Nutzer darauf klicken, öffnet sich das Chat-Fenster und das Erlebnis beginnt.
Um eine Einladung zu erstellen oder zu bearbeiten, gehen Sie zur Zoom Web-Admin-Konsole.
Klicken Sie dort auf +Kampagne hinzufügen oder öffnen Sie den Entwurf einer bestehenden Kampagne. Scrollen Sie zum Einladung Abschnitt, um eine neue Einladung zu erstellen.
Sie können die folgenden Einstellungen für Ihr Sticky-Einladung Symbol konfigurieren:
Schaltflächengröße: Die Größe Ihres Chat-Einladungssymbols sollte groß genug sein, um leicht gesehen und geklickt oder angetippt zu werden, aber nicht so groß, dass sie das Nutzererlebnis stört oder wichtige Inhalte abdeckt. Zoom bietet drei Einladungsgrößen an:
S: 40 Pixel
M: 56 Pixel, Standard
L: 72 Pixel
Schaltflächenfarbe: Wählen Sie eine Schaltflächenfarbe mit hohem Kontrast zum Hintergrund Ihrer Website. Wir empfehlen, den WCAG 2.1-Richtlinienzu folgen, die ein Mindestkontrastverhältnis von 3:1 für Benutzeroberflächenkomponenten (UI) wie Symbole und Schaltflächen gegenüber ihrem Hintergrund vorschreiben.
Symbol: Ein Symbol kann Ihren Nutzern eine Vorstellung davon geben, was sie erwarten können, wenn sie die Schaltfläche antippen. Zoom bietet einige Standarddesigns zur Auswahl, die das Starten eines Chats anzeigen. Sie können auch ein eigenes benutzerdefiniertes Symbol als SVG-Datei hinzufügen. SVG-Dateien dürfen weniger als 10 MB groß sein.
Eckenradius: Wie abgerundet oder eckig soll das Einladungssymbol sein? Schauen Sie auf Ihrer Website nach, ob es ein Muster dafür gibt, wie Schaltflächen aussehen, oder fragen Sie Ihr Brand-Team nach einer Präferenz. Ein niedrigerer Eckenradius, z. B. 8 Pixel, macht die Einladung eher eckig. Ein höherer Eckenradius, z. B. 28 Pixel, macht die Einladung runder.
Text zu Ihrer Einladung hinzufügen: Das Hinzufügen eines Textlabels zu einer Einladungsschaltfläche macht deren Zweck klarer und einladender. Nutzer wissen sofort, wofür die Schaltfläche gedacht ist, sodass keine Vermutungen über die Bedeutung des Symbols nötig sind. Allerdings nimmt es auch mehr Platz ein und kann den Bildschirm insbesondere auf Mobilgeräten überladen. Berücksichtigen Sie Ihre Zielgruppe und die Geräte, die sie am häufigsten verwendet. Wenn Sie eine Schriftart hinzufügen, können Sie aus voreingestellten Optionen wie Arial, Georgia, Tahoma oder Verdana wählen oder eine eigene Schriftart als TTF-Datei hochladen.
Position der Einladung auf der Seite
Die beliebteste Position für ein Support-Einladungssymbol ist die untere rechte Ecke, mit einem Versatz von 20 Pixeln vom unteren Rand und von der Seite. Dies ist in der Regel leicht zu erkennen, ohne wichtige Inhalte zu blockieren.
Wir empfehlen, Ihre eigene Website sowohl auf dem Desktop als auch auf Mobilgeräten anzusehen. Wenn Ihre Seite an dieser Stelle bereits ein Banner oder eine Schaltfläche hat, kann dies die Nutzbarkeit für Ihre Kund:innen beeinträchtigen oder Benutzerabläufe stören.
Wenn Sie bereits ein Element (wie ein Cookie-Banner, eine Navigationsleiste oder ein anderes Widget) an derselben Stelle wie Ihr Chat-Einladungssymbol haben, erwägen Sie, die Ausrichtung nach links oder rechts zu ändern oder den Versatz vom unteren Rand oder von den Seiten anzupassen.
Beispiel
Wenn Ihr Chat-Einladungsknopf auf Mobilgeräten einen wichtigen Link am unteren Rand Ihrer Seite überdeckt, erhöhen Sie den Versatz, bis das Einladungssymbol dieses Element nicht mehr bedeckt.
Sie können auch "Nutzern erlauben, die Einladung zu ziehen und zu verschieben" aktivieren, damit Ihre Nutzer das Symbol noch flexibler auf der Seite verschieben können.
Häufige Frage
Das Chat-Einladungssymbol blockiert oder lenkt Nutzer auf einer bestimmten Seite auf Mobilgeräten ab. Welche Möglichkeiten habe ich?
Antwort:
Es gibt mehrere Möglichkeiten, dies zu erreichen.
Option 1: Ändern Sie die Position des Einladungssymbols auf der Seite. Sie können die Platzierung der Einladung mithilfe der Versatz- und Positionsoptionen verschieben. Dies wird durch Bearbeiten der Einladung konfiguriert.
Option 2: Zeigen Sie das Chat-Symbol je nach Seitenposition an oder verbergen Sie es. Wenn Sie die Chat-Einladung für alle Checkout-Seiten vollständig entfernen möchten, bearbeiten Sie die Position (Location), um die Checkout-Seiten auszuschließen. Zum Beispiel können Sie alle Seiten ausschließen, die "checkout" in der URL enthalten.
Option 3: Richten Sie Targeting nach Gerät ein. Wenn Sie nicht möchten, dass das Einladungssymbol auf mobilen Seiten erscheint, deaktivieren Sie die Option "Mobiltelefon" unter Kampagnen-Targeting. Um dies einzurichten, klicken Sie auf Kampagne, Targeting.
Zoom-Kampagnen bieten eine Eingebettete Einladung Option, wenn Sie nicht das standardmäßige Sticky-Symbol zum Starten des Chats verwenden möchten. Damit können Sie jedes Element auf Ihrer Website – z. B. einen Button im Menü oder einen Link auf einer Seite – in einen Auslöser verwandeln, der das Chat-Fenster öffnet.
Dazu erstellen Sie das Element im HTML Ihrer Seite und verwenden das Zoom Campaign SDK, um es mit dem Chat zu verbinden. Wenn ein Nutzer dieses Element anklickt, öffnet sich das Chat-Fenster und die Kampagnenerfahrung beginnt. Sie können bei Bedarf auch vorhandenes HTML auf Ihrer Website verwenden, um das Chat-Fenster auszulösen.
Hinweis
Möchten Sie sowohl ein Sticky-Einladungssymbol als auch die Möglichkeit, den Chat über einen Buttonklick auf Ihrer Website zu öffnen?
Erstellen Sie eine Kampagne mit der Sticky-Einladungsoption und verwenden Sie dann Zooms Campaign SDK um das Öffnen des Chats auszulösen.
Proaktives Messaging
Was ist, wenn Sie eine aktivere Möglichkeit möchten, die Aufmerksamkeit Ihrer Nutzer zu gewinnen, damit sie mit Ihrem Team oder virtualen Agenten chatten? Die Proactive-Messaging-Funktion von Zoom ermöglicht es Unternehmen, Gespräche mit Besuchern zu initiieren, anstatt darauf zu warten, dass der Kunde den Chat durch Klicken auf die Einladung startet.
Wie es hilft
Besseres Engagement: Sie können die Aufmerksamkeit von Personen zur richtigen Zeit gewinnen und Hilfe anbieten.
Mehr Leads: Benutzerdefinierte Nachrichten und Schaltflächen können Leute dazu ermutigen, mehr zu erfahren, indem sie mit einem Agenten chatten oder ihre Daten für einen Rückruf hinterlassen.
Schnellerer Support: Verbinden Sie Besucher schnell mit einem Bot oder einem Live-Agenten, damit sie ohne Verzögerung Antworten erhalten.
Wenn ein Nutzer auf einer Seite landet, auf der proaktives Messaging aktiviert ist, erhält er eine Nachricht und kann Schaltflächen anklicken, um einen bestimmten Ablauf zu starten.
Wo Sie es einrichten
Diese Funktion wird unter Kampagneneingerichtet und ist für Chat-Kampagnen auf Webseiten verfügbar, die den Sticky Einladungstyp
verwenden.
Zielen Sie auf Ihre Nutzer
Häufige Frage
Sie können einstellen, dass Ihre proaktive Nachricht eine Verzögerung hat, sodass sie nur für Nutzer erscheint, die sich eine bestimmte Zeit auf dieser Seite aufgehalten haben. Sie können auch wählen, ob der Nutzer die Nachricht nur einmal innerhalb eines 24-Stunden-Zeitraums sehen soll oder ob die proaktive Nachricht erneut angezeigt werden soll, wenn der Nutzer die Seite aktualisiert oder eine andere passende Seite besucht.
Ich möchte ein Einladungssymbol haben, damit meine Nutzer jederzeit einen Chat starten können, möchte aber gleichzeitig meinen Kund:innen auf bestimmten Seiten (z. B. der Preisseite meines Unternehmens) eine proaktive Nachricht senden. Wie richte ich das ein?
Antwort
Sie sollten zwei Kampagnen erstellen: eine für Ihre Standard-Einladung auf der gesamten Website („Kampagne A“) und eine weitere Kampagne („Kampagne B“) für die Seite, auf der Sie eine proaktive Nachricht anzeigen möchten.
Beispiel
Für jede Kampagne sollten Sie die Kampagnen-Standorte so festlegen, dass sie sich nicht überschneiden.
Kampagne A's Standort sollte "zoom.us/pricing" ausschließen und Kampagne B's Standort sollte "zoom.us/pricing" enthalten. Auf diese Weise sehen Nutzer, die eine beliebige URL mit "zoom.us" besuchen, die reguläre Einladung, aber Nutzer, die auf der spezifischen Seite "zoom.us/pricing" landen, erhalten das aufklappende proaktive Nachricht-Pop-up.
Avatare
Ein Avatar ist das Bild, das neben den Nachrichten im Web-Chat angezeigt wird. Es hilft, dem Gespräch Persönlichkeit und Markenidentität zu verleihen.
Für Nachrichten, die gesendet werden, bevor ein Nutzer mit einem Agenten verbunden ist (z. B. eine Willkommensnachricht oder ein virtueller Agent), können Sie einen einzigen Standardavatar für alle Ihre Erlebnisse festlegen oder für jeden einzelnen Chat-Ablauf einen einzigartigen Avatar einstellen. Das gibt Ihnen die Flexibilität, Dinge konsistent zu halten oder das Erlebnis für verschiedene Marken oder Anwendungsfälle zu individualisieren. Zoom Contact CenterWenn Sie
verwenden, klicken Sie auf Folgendes:
Kundenerlebnis
Einstellungen
Für Nachrichten, die gesendet werden, bevor ein Nutzer mit einem Agenten verbunden ist (z. B. eine Willkommensnachricht oder ein virtueller Agent), können Sie einen einzigen Standardavatar für alle Ihre Erlebnisse festlegen oder für jeden einzelnen Chat-Ablauf einen einzigartigen Avatar einstellen. Das gibt Ihnen die Flexibilität, Dinge konsistent zu halten oder das Erlebnis für verschiedene Marken oder Anwendungsfälle zu individualisieren. Standard-Flow-Nachrichten-Avatar und Name.Wenn Sie
AI Studio
Nur Zoom Virtual Agent
Virtuelle Agenten
Settings
Chatbots
Wenn Ihr Kunde vom Bot zu einem Live-Agenten im Zoom Contact Center wechselt, können Sie auch steuern, wie das Avatarbild des Agenten angezeigt wird. Sie können auswählen, ob das Profilbild des Agenten aus dem Contact Center, dessen Initialen oder ein festgelegtes Avatarbild angezeigt werden soll.
verwenden, klicken Sie auf Folgendes:
Kundenerlebnis
Zum Einrichten klicken Sie auf Folgendes:
Anzeigebild
Zusätzliche Chat-Konfigurationseinstellungen
Steuern Sie das Web-Chat-Fenster mit dem Zoom Campaign SDK
Das Campaign SDK von Zoom Contact Center (ZCC) und Zoom Virtual Agent (ZVA) gibt Entwicklern mehr Kontrolle darüber, wie sich der Web-Chat verhält und mit Ihrer Website interagiert. Es ermöglicht Ihnen, das Chat-Fenster programmgesteuert zu öffnen, zu schließen und das Chat-Verhalten basierend auf Nutzeraktionen, Seitenkontext oder benutzerdefinierter Logik zu steuern.
Zum Beispiel können Sie dafür sorgen, dass sich Ihr Chat-Fenster automatisch öffnet, wenn Ihre Nutzer eine bestimmte Anzahl von Sekunden auf der Seite waren oder einen bestimmten Button anklicken. Siehe Zoom Developer Documentation SDK Reference
für weitere Details.
Seitenweite Chat-Persistenz
Die Chat-Persistenz steuert, ob eine Chat-Sitzung eines Nutzers fortgesetzt wird, wenn er zwischen verschiedenen Seiten Ihrer Website wechselt. Wenn die Persistenz aktiviert (Standard):
Die Chat-Persistenz steuert, ob eine Chat-Sitzung eines Nutzers fortgesetzt wird, wenn er zwischen verschiedenen Seiten Ihrer Website wechselt. standardmäßig deaktiviert: Der gleiche Chat bleibt seitenübergreifend geöffnet, sodass der Nutzer sein Gespräch ohne Unterbrechung fortsetzen kann.
Der Chat wird nicht fortgesetzt, wenn der Nutzer zu einer neuen Seite navigiert, es sei denn, diese Seite ist ausdrücklich Teil des für die erste Kampagne definierten Standorts.
Diese Änderung erleichtert es Unternehmen mit mehreren Marken oder Abteilungen auf derselben Domain, Chat-Kampagnen getrennt zu halten. Sie verhindert, dass Nutzer einen Chat zwischen nicht zusammenhängenden Seiten mitnehmen, und reduziert den Bedarf an manueller Einrichtung. Zoom Contact Center als Finden Sie diese Einstellung unter.
Zoom Virtual Agent Einstellungen
Tonbenachrichtigungen Zoom Contact Center oder Finden Sie diese Einstellung unter.
Standardmäßig hören Verbraucher eine Benachrichtigung, wenn Ihr Agent oder virtueller Agent eine Nachricht im Web-Chat sendet. Wenn die Standardtöne das Markenerlebnis störend erscheinen lassen, können Sie sie unter deaktivieren. Verbraucher haben weiterhin die Möglichkeit, sie im Chat-Menü wieder zu aktivieren, wenn sie dies bevorzugen.
Zuletzt aktualisiert
War das hilfreich?