Erstellen Sie Ihre Chat-Erfahrung
Zooms Tools machen es einfach, Ihr Chat-Erlebnis mit wenig bis gar keinem Code anzupassen und zu starten.
Fenster für die Chat-Interaktion
Das Fenster für die Chat-Interaktion ist der Weg, über den Ihre Benutzer mit Ihrem virtuellen Agenten oder einem menschlichen Agenten Nachrichten austauschen. Mit den Tools von Zoom können Sie ein Chat-Fenster erstellen, das leicht zu sehen und zu bedienen ist und zum Branding Ihres Unternehmens passt.
Um Ihr Fenster für die Chat-Interaktion zu erstellen oder zu bearbeiten, gehen Sie zu Zooms Web-Administrator.
Klicken Sie dort auf +Kampagne Hinzufügen oder öffnen Sie den Entwurf einer vorhandenen Kampagne. Scrollen Sie zum Fenster für die Chat-Interaktion Abschnitt, um Ihr Fenster zu erstellen oder zu bearbeiten.
Fenstergröße und mobile Erfahrung
Das Fenster für die Chat-Interaktion von Zoom ist responsiv, was bedeutet, dass es sein Layout automatisch anpasst, wenn Ihr Benutzer Ihren Standort von seinem Desktop oder Smartphone aus aufruft.
Auf mobilen Geräten öffnet sich das Chat-Fenster standardmäßig im Vollbildmodus, um den begrenzten Bildschirmplatz optimal zu nutzen und eine klare, gut lesbare Darstellung zu gewährleisten.
Für Benutzer, die auf Desktop-Geräten auf Ihren Chat Access haben, können Sie aus drei Größenoptionen für die Fensterhöhe Wählen:
S: 540 Pixel
M: 650 Pixel, standardmäßig
L: 780 Pixel
Hinweis
Die Breite ist immer auf 420 Pixel festgelegt, um die Lesbarkeit zu gewährleisten.
Kopfzeilenleiste
Die Chat-Kopfzeilenleiste ist ein Schlüsselelement Ihres Chat-Designs. Wenn sie sorgfältig gestaltet ist, gibt sie den Nutzern Kontext darüber, was sie von ihrer Support-Erfahrung erwarten können, und Sicherheit im Gespräch. Sie können die Kopfzeile nutzen, um Informationen über Ihr Support-Team zu teilen und/oder Ihr Markenlogo oder Ihre Markenfarben Hinzufügen.
Zoom CX bietet mehrere Designoptionen für die Kopfzeile, aus denen Sie Wählen können.
Vollbild-Kopfzeilenbild
Hinzufügen Sie ein Bild mit 426 x 95 Pixeln, das den gesamten Kopfzeilenbereich ausfüllt, ideal für individuelle Designs.
Avatar-Bildgröße
Hinzufügen Sie ein Bild mit 40 x 40 Pixeln, das in der Kopfzeilenleiste angezeigt wird – entweder allein oder zusammen mit Kopfzeilentext.
Nur Kopfzeilentext
Teilen Sie einen kurzen Hinweis zu irgendetwas, z. B. zum Namen Ihres Teams, zur Verfügbarkeit oder zu den Supportzeiten. Steuern Sie die Größe des Kopfzeilentexts mithilfe der Größe von H1, H2, H3 oder Fließtext.
Für ein schlankes, minimalistisches Design können Sie sich dafür entscheiden, es leer zu lassen, sodass sich Ihre Nutzer auf den Chat konzentrieren.
Sie können jede beliebige Farbe für den Header-Hintergrund und die Symbole auswählen, nützlich, um Ihr Chat-Design mit Ihrer Website abzustimmen.
Achtung
Wenn Sie die Hintergrundfarbe Ändern, stellen Sie sicher, dass die Symbole zum Minimieren und Menü weiterhin sichtbar sind. Möglicherweise müssen Sie auch die Symbolfarbe Ändern.
Farben für Ihre Chat-Blase, den Text, die Symbole und mehr
Mit dem Engagement-Fenster-Builder können Sie die genauen Farben auswählen, die Sie für Ihren Chat möchten. Sie werden für jeden Teil des Fensters Hex-Codes eingeben und die Vorschau überprüfen, um zu sehen, wie es aussieht.
Zoom stellt eine Vorlage bereit, um Ihnen den Einstieg zu erleichtern. Damit alles gut aussieht (und leicht lesbar bleibt), halten Sie sich an Ihre Markenfarben und achten Sie darauf, dass zwischen Text- und Hintergrundfarben genügend Kontrast besteht.
Willkommensbildschirm
Die Willkommensbildschirm In Zoom Contact Center und Zoom Virtual Agent ist eine optionale Einführungsvorschau ein Bildschirm, der angezeigt wird, bevor der Chat beginnt, und der Ihnen die Möglichkeit gibt, Ihre Kunden zu begrüßen, Informationen von ihnen zu sammeln und das Erlebnis an Ihre Marke anzupassen.
Dies ist für das Web-Chat-Erlebnis Verfügbar. Zum Konfigurieren klicken Sie auf die Chat-Engagement Fenster, dann das Willkommensbildschirm Registerkarte.
Einladung Design
Die Einladung ist das, was das Support-Erlebnis auf Ihrer Website startet. Am häufigsten wird die Klebrig Einladungstyp, was ein schwebendes Symbol ist, das auf Ihrer Website erscheint. Wenn Ihre Nutzer darauf klicken, öffnet sich das Chat-Fenster und startet ihr Erlebnis.
Um eine Einladung zu erstellen oder zu bearbeiten, gehen Sie zu Zooms Web-Administrator.
Klicken Sie dort auf +Kampagne Hinzufügen oder öffnen Sie den Entwurf einer vorhandenen Kampagne. Scrollen Sie zum Einladung Bereich, um eine neue Einladung zu erstellen.
Sie können die folgenden Einstellungen für Ihre Sticky Einladung Symbol:
Schaltflächengröße: Die Größe Ihres Chat-Einladungssymbols sollte groß genug sein, um leicht wahrgenommen und angeklickt oder angetippt zu werden, aber nicht so groß, dass sie die Benutzererfahrung stört oder wichtige Inhalte verdeckt. Zoom bietet drei Einladung Größen:
S: 40 Pixel
M: 56 Pixel, standardmäßig
L: 72 Pixel
Schaltflächenfarbe: Wählen Sie eine Schaltflächenfarbe, die einen hohen Kontrast zum Hintergrund Ihrer Website hat. Wir empfehlen, die WCAG-2.1-Richtlinienzu befolgen, die ein Mindestkontrastverhältnis von 3:1 für Komponenten der Benutzeroberfläche (UI) wie Symbole und Schaltflächen gegenüber ihrem Hintergrund vorsehen.
Symbol: Ein Symbol kann Ihren Benutzern helfen, eine Vorstellung davon zu bekommen, was sie beim Tippen auf die Schaltfläche erwarten können. Zoom bietet einige standardmäßig Designs zur Auswahl an, die den Beginn eines Chats anzeigen. Sie können außerdem Ihr eigenes benutzerdefiniertes Symbol mit einer SVG-Datei Hinzufügen. SVG-Dateien müssen kleiner als 10 MB sein.
Eckenradius: Wie abgerundet oder eckig soll das Einladungssymbol sein? Schauen Sie sich Ihre Website an, um zu sehen, ob Ihre Website ein Muster dafür hat, wie Schaltflächen aussehen, oder fragen Sie Ihr Brand-Team, ob es eine Präferenz hat. Ein geringerer Eckenradius, wie 8 Pixel, lässt Ihre Einladung eckiger wirken. Ein höherer Eckenradius, wie 28 Pixel, lässt Ihre Einladung runder wirken.
Text zu Ihrer Einladung hinzufügen: Das Hinzufügen einer Textbeschriftung zu einer Einladungs-Schaltfläche macht sie klarer und einladender. Benutzer wissen sofort, wofür die Schaltfläche gedacht ist, sodass nicht gerätselt werden muss, was das Symbol bedeutet. Allerdings nimmt es auch mehr Platz ein und kann den Bildschirm überladen, insbesondere auf Mobilgeräten. Achten Sie darauf, Ihr Publikum und die Geräte zu berücksichtigen, die sie am häufigsten verwenden. Wenn Sie eine Schriftart hinzufügen, können Sie aus den voreingestellten Schriftoptionen Arial, Georgia, Tahoma oder Verdana wählen; oder Ihre eigene benutzerdefinierte Schriftart mit einer TTF-Datei hochladen.
Einladungs-Standort auf der Seite
Der beliebteste Standort für ein Support-Einladungssymbol ist die untere rechte Ecke, mit einem Abstand von 20 Pixeln zum unteren Rand und zur Seite. Das ist normalerweise leicht zu erkennen, ohne wichtige Inhalte zu verdecken.
Wir empfehlen, Ihre eigene Website sowohl auf dem Desktop als auch auf Mobilgeräten anzusehen. Wenn Ihre Standort bereits ein Banner oder eine Schaltfläche an dieser Stelle hat, könnte das die Benutzerfreundlichkeit für Ihren Kunden beeinträchtigen oder möglicherweise 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, sollten Sie die Ausrichtung nach links oder rechts ändern oder den Abstand zum unteren Rand oder zu den Seiten anpassen.
Beispiel
Wenn Ihr Chat-Einladungsbutton auf Mobilgeräten einen wichtigen Link am unteren Rand Ihrer Seite überdeckt, erhöhen Sie den Abstand, bis das Einladungs-Symbol dieses Element nicht mehr überdeckt.
Sie können auch "Aktivieren Sie Verbraucher, die Einladung zu ziehen und zu verschieben" verwenden, um Ihren Benutzern noch mehr Flexibilität zu geben, das Symbol auf der Seite zu verschieben.
Häufige Frage
Das Chat-Einladungssymbol verdeckt oder lenkt Benutzer 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 auf der Seite mithilfe der Optionen für Versatz und Position verschieben. Dies wird durch Bearbeiten der Einladung konfiguriert.
Option 2: Anzeigen oder Ausblenden des Chat-Symbols basierend auf dem Standort der Seite. Wenn Sie die Chat-Einladung für alle Kauf abschließen-Seiten vollständig entfernen möchten, bearbeiten Sie den Standort, um die Kauf abschließen-Seiten auszuschließen. Sie können zum Beispiel alle Seiten ausschließen, die „Kauf abschließen“ in der URL enthalten.
Option 3: Richten Sie das Targeting nach Gerät ein. Wenn das Einladungssymbol nicht auf mobilen Websites angezeigt werden soll, deaktivieren Sie unter Kampagnen-Targeting die Option „Mobiltelefon“. Zum Einrichten klicken Sie auf Kampagne, Targeting.
Zoom Campaigns bietet eine Eingebettete Einladung Option, wenn Sie nicht das standardmäßig klebende Symbol verwenden möchten, um den Chat zu starten. Dadurch können Sie jedes Element auf Ihrer Website, wie etwa eine Schaltfläche in Ihrem Menü oder einen Link auf einer Seite, in einen Auslöser zum Öffnen des Chat-Fensters verwandeln.
Dazu erstellen Sie das Element im HTML Ihrer Standort und verwenden das Zoom Campaign SDK, um es mit dem Chat zu verbinden. Wenn ein Benutzer auf dieses Element klickt, öffnet es das Chat-Fenster und startet die Kampagnenerfahrung. Sie können auch vorhandenes HTML auf Ihrer Website verwenden, um das Chat-Fenster auszulösen, wenn Sie das bevorzugen.
Achtung
Möchten Sie sowohl ein klebendes Einladungs-Symbol als auch das Öffnen des Chat durch einen Klick auf eine Schaltfläche auf Ihrer Website auslösen?
Erstellen Sie eine Kampagne mit der Option Klebende Einladung, dann verwenden Sie Zooms Campaign SDK um das Öffnen des Chat auszulösen.
Proaktives Messaging
Was ist, wenn Sie eine aktivere Möglichkeit möchten, die Aufmerksamkeit Ihres Benutzers zu gewinnen, damit er mit Ihrem Team oder virtuellen Agenten chattet? Die Funktion Zooms Proaktives Messaging ermöglicht es Ihnen, Konfigurieren und erlaubt 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 der Leute auf sich ziehen und zur richtigen Zeit Hilfe anbieten.
Mehr Leads: Benutzerdefinierte Nachrichten und Schaltflächen können Menschen dazu ermutigen, mehr zu erfahren, indem sie mit einem Agenten chatten oder ihre Informationen für einen Folge-Anruf teilen.
Schneller Support: Verbinden Sie Besucher schnell mit einem Bot oder Live-Agenten, damit sie ohne Verzögerung Antworten erhalten.
Wenn ein Benutzer auf einer Seite landet, auf der proaktives Messaging aktiviert ist, erhält er eine Nachricht und kann auf Schaltflächen klicken, um einen bestimmten Ablauf zu starten.
Wo Sie es einrichten
Diese Funktion wird unter eingerichtet Kampagnen, und ist für Chat-Kampagnen auf Webseiten verfügbar, die den Klebrig Einladungstyp.
Richten Sie Ihre Benutzer gezielt an
Sie können Ihre proaktive Nachricht so einstellen, dass sie sich verzögert, damit sie nur für Benutzer angezeigt wird, die sich seit einer bestimmten Zeit auf dieser Seite befinden. Sie können auch wählen, ob der Benutzer die Nachricht nur einmal innerhalb von 24 Stunden sehen soll oder ob die proaktive Nachricht erneut angezeigt werden soll, wenn der Benutzer die Seite neu lädt oder eine andere passende Seite besucht.
Häufige Frage
Ich möchte ein Einladungssymbol haben, damit meine Benutzer jederzeit einen Chat starten können, aber ich möchte meinen Kunden auch eine proaktive Nachricht auf einer bestimmten Seite senden (zum Beispiel auf der Preisseite meines Unternehmens). Wie richte ich das ein?
Antwort
Sie sollten zwei Kampagnen erstellen: eine für Ihre Standard-Einladung auf Ihrer gesamten Website („Kampagne A“) und eine weitere Kampagne („Kampagne B“) für die Seite, auf der Sie eine proaktive Nachricht haben möchten.
Für jede Kampagne sollten Sie die Kampagnen-Standorte so definieren, dass sie sich nicht überschneiden.
Beispiel
Der Standort von Kampagne A sollte „Zoom.us/pricing" ausschließen, und der Standort von Kampagne B sollte „Zoom.us/pricing" enthalten. Auf diese Weise sehen Benutzer, die eine beliebige URL besuchen, die „Zoom.us" enthält, die normale Einladung, aber bei Benutzern, die auf der spezifischen Seite „Zoom.us/pricing" landen, wird die proaktive Nachricht eingeblendet.
Avatare
Ein Avatar ist das Bild, das neben den Nachrichten im Web-Chat angezeigt wird. Es hilft, Persönlichkeit und Branding in die Unterhaltung zu bringen.
Für Nachrichten, die gesendet werden, bevor sich ein Benutzer mit einem Agenten verbindet (zum Beispiel eine Willkommensnachricht oder ein Virtual Agent), können Sie über alle Ihre Erlebnisse hinweg einen einzelnen standardmäßigen Avatar festlegen, oder Sie können für jeden einzelnen Chat-Flow einen eigenen Avatar festlegen. So haben Sie die Flexibilität, konsistent zu bleiben oder das Erlebnis für unterschiedliche Marken oder Anwendungsfälle anzupassen.
Wenn Sie Zoom Contact Center, klicken Sie auf Folgendes:
Einstellungen
Kundenerlebnis
Standardmäßiger Flow-Nachrichten-Avatar und Name.
Wenn Sie nur Zoom Virtual Agent, klicken Sie auf Folgendes:
AI Studio
Virtuelle Agenten
Chatbots
Einstellungen
Wenn Ihr Kunde im Zoom Contact Center vom Bot zu einem Live-Agent wechselt, können Sie auch steuern, wie das Avatar des Agenten angezeigt wird. Sie können wählen, ob das Profilbild des Agenten aus Contact Center angezeigt wird, deren Initialen oder ein Satz von Avatarbildern.
Zum Einrichten klicken Sie auf Folgendes:
Einstellungen
Kundenerlebnis
Bild anzeigen
Zusätzliche Chat-Konfigurationseinstellungen
Steuern Sie das Web-Chat-Fenster mit dem Zoom Campaign SDK
Das Zoom Contact Center (ZCC) und Zoom Virtual Agent (ZVA) Campaign SDK gibt Entwicklern mehr Kontrolle darüber, wie sich der Web-Chat verhält und wie er mit Ihrer Website interagiert. Es ermöglicht Ihnen, das Chat-Verhalten programmgesteuert basierend auf Benutzeraktionen, Seitenkontext oder benutzerdefinierter Logik zu öffnen, zu schließen und zu steuern.
Zum Beispiel können Sie es so einrichten, dass Ihr Chat-Fenster automatisch geöffnet wird, wenn Ihre Nutzer eine bestimmte Anzahl von Sekunden auf der Seite waren oder auf eine bestimmte Schaltfläche klicken.
Siehe Zoom Entwicklerdokumentation SDK-Referenz für weitere Details.
Standort-weite Chat-Persistenz
Die Chat-Persistenz steuert, ob eine Chat-Sitzung eines Benutzers fortgesetzt wird, während er zwischen verschiedenen Seiten auf Ihrer Website wechselt.
Wenn die Persistenz aktiviert (standardmäßig): Der gleiche Chat bleibt seitenübergreifend geöffnet, sodass der Benutzer seine Unterhaltung ohne Unterbrechung fortsetzen kann.
Wenn die Persistenz deaktiviert: Der Chat wird nicht fortgesetzt, wenn der Benutzer zu einer neuen Seite navigiert, es sei denn, diese Seite ist ausdrücklich Teil des definierten Standorts der ersten Kampagne.
Diese Ändern macht es Unternehmen mit mehreren Marken oder Abteilungen auf derselben Domain leichter, Chat-Kampagnen getrennt zu halten. Es verhindert, dass Benutzer einen Chat zwischen nicht zusammenhängenden Seiten mitnehmen, und reduziert den Bedarf an manueller Einrichtung.
Diese Einstellung finden Sie unter Zoom Contact Center und Zoom Virtual Agent-Einstellungen.
Ton-Benachrichtigung
standardmäßig, wenn Ihr Agent oder virtueller Agent eine Nachricht im Web-Chat sendet, hören Verbraucher einen Benachrichtigungston. Wenn die standardmäßig eingestellten Töne Ihrer Markenerfahrung zu störend sind, können Sie sie unter Zoom Contact Center oder Zoom Virtual Agent-Einstellungen.
Verbraucher haben weiterhin die Möglichkeit, sie im Chat-Menü erneut zu aktivieren, wenn sie das bevorzugen.
Zuletzt aktualisiert
War das hilfreich?