# Passen Sie die Chat-Support-Erfahrung des Benutzers an ### Produkte * Zoom Contact Center * Zoom Virtual Agent ### Voraussetzungen [Betten Sie das Campaign SDK auf Ihrer Website oder mobile App ein](https://developers.zoom.us/docs/contact-center/web/chat/#embed-the-chat-client-with-a-campaign-id) ### Übersicht Ihr Chat-Fenster 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 diese Erfahrung auf Ihrer Website aussieht und sich verhält. Dieser Leitfaden führt Sie durch alle Verfügbaren Tools, die Ihnen dabei helfen, ein Chat-Erlebnis zu gestalten, das zu Ihrer Marke passt, die Benutzerfreundlichkeit verbessert und Kunden engagiert hält. ### Einen Plan erstellen Ihre Chat-UI sollte sich wie eine natürliche Erweiterung Ihrer Website oder App anfühlen. Bei der Planung Ihres Chat-UI-Designs sollten Sie Folgendes berücksichtigen: * **Farben:** Welche sind die Primär- und Akzentfarben Ihres Unternehmens? Verwenden Sie diese Farben für verschiedene Elemente Ihrer Chat-Erfahrung, wie die Chat-Sprechblasen, Symbole, Schaltflächen und Hintergrundfarben. Sie werden Farben mithilfe von Hex-Codes auswählen (zum Beispiel #FFFFFF), daher ist es hilfreich, die Codes Ihrer Marke griffbereit zu haben. * **Schriftarten:** Passen Sie die Typografie Ihres Standorts an, um Konsistenz zu gewährleisten. Sie können aus mehreren gängigen Schriftarten auswählen oder Ihre eigene TTF-Datei hochladen, um eine benutzerdefinierte Schriftart hinzuzufügen. * **Logo:** Erwägen Sie, Ihr Logo oder Firmenbild zu Ihrem Chat-Erlebnis hinzuzufügen. Sie können eine JPG/JPEG-, PNG-, SVG- oder GIF-Datei mit bis zu 10 MB hochladen. Je nachdem, welches Chat-Design Sie wählen, gibt es empfohlene Bildabmessungen -- dazu unten mehr. * **Avatar:** Ein Avatar ist die bildliche Darstellung des Bots oder Agenten. Verwenden Sie für Bot- oder Systemnachrichten Ihr Logo oder einen Charakter/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 40x40 Pixeln, und Sie können eine JPG/JPEG-, PNG-, SVG- oder GIF-Datei mit bis zu 2 MB hochladen. ### Die Teile [Zooms Kampagnen-Builder](https://zoom.us/cci/index/admin#/admin-campaign-management) wird verwendet, um sowohl Ihr Chat-Design als auch dessen Verfügbarkeit auf Ihrem Standort oder Ihrer App anzupassen. In Kampagnen richten Sie Folgendes ein: * **Chat-Engagement-Fenster:** Von Verbrauchern verwendet, um mit Ihrem Bot oder Agenten im Chat zu kommunizieren. Sie können das Design aller Sprechblasen, Schaltflächen, Symbole und das Header-Design Wählen. Das Chat-Fenster hat einen großen Einfluss auf das allgemeine Erscheinungsbild und die Wirkung Ihres digitalen Support-Erlebnisses. * **Standort:** Ermöglicht Ihnen, festzulegen, wo Ihr Support auf Ihrem Standort verfügbar sein soll (stellen Sie sicher, dass Sie zuerst das Campaign SDK einbetten). Sie können Support über Ihren gesamten Standort hinweg anbieten oder angeben, welche Seiten auf Grundlage der URL ein- oder ausgeschlossen werden sollen. * **Einladungen:** Wie Ihre Nutzer Ihr Contact Center auf der Website oder in der App Ihres Business starten oder öffnen. Es gibt zwei Einladungstypen: Sticky und Embedded. * **Angeheftet:** Eine einfache Möglichkeit, Menschen einzuladen, Ihren digitalen Support zu nutzen. Benutzer sehen ein Symbol oder Widget auf dem Bildschirm, das beim Anklicken die Support-Erfahrung öffnet. Sie können die Farbe, Form und das Symbol steuern und sogar Text hinzufügen. * **Eingebettet:** Mit eingebetteten Einladungen können Sie jede beliebige Schaltfläche oder jeden Link auf Ihrer Website in einen anklickbaren Link verwandeln, der Support öffnet. * **Proaktive Nachrichten:** Begrüßungen, die Sie verwenden können, um eine Nachricht zu senden, nachdem Ihre Benutzer eine bestimmte Seite für eine bestimmte Zeit besucht haben. Proaktive Nachrichten können jeder Kampagne mithilfe eines Sticky-Einladungstyps hinzugefügt werden. **Zum Beispiel:** "Brauchen Sie Hilfe bei der Auswahl eines Tarifs?" Außerdem legen Sie auch ein **Avatar**fest, also die bildliche Darstellung des Bots oder Agenten. Ihre Kunden werden diese Avatare des Bots oder Agenten sehen, die Ihre Marke repräsentieren. ### Erstellen Sie Ihr Chat-Erlebnis Mehr erfahren über die Erstellung Ihres Chat-Erlebnisses, einschließlich Größe, Bilder, Designs, Messaging und zusätzlicher Konfigurationseinstellungen. {% content-ref url="/pages/0871cd44197b6564799e15dc73e494110f839d1b" %} [Erstellen Sie Ihre Chat-Erfahrung](/technical-library/de/business-services/zoom-contact-center/expert-insights/customize-user-chat-support-experience/build-your-chat-experience.md) {% endcontent-ref %} ### Zusammenfassung Zoom Contact Center und Zoom Virtual Agent helfen Ihnen dabei, einen Support-Chat zu erstellen, der stilistisch zu Ihrer Marke passt und einfach zu verwenden ist. Sie können das Design vollständig anpassen, Wählen Sie aus, wo und wann der Chat angezeigt wird, und fügen Sie proaktive Nachrichten hinzu, um Nutzer zum richtigen Zeitpunkt einzubinden. Sobald das Campaign SDK eingebettet ist, können Sie alles über die Administrator UI oder mit Code steuern. Es ist flexibel, übersichtlich und so gebaut, dass es sich nahtlos in Ihren Standort einfügt. Sie sind bereit, ein Chat-Erlebnis zu starten, das Ihren Kunden hilft und Ihre Marke repräsentiert. ### Verwandte Ressourcen * [Richten Sie eine Zoom Contact Center Digital-Kampagne ein](https://zoom.us/cci/index/admin#/admin-campaign-management) * [Integrieren Sie Zoom Contact Center-Funktionen in Ihre Website](/technical-library/de/business-services/zoom-contact-center/expert-insights/integrate-zoom-contact-center-features-into-your-website.md) * [Betten Sie das Campaign SDK auf Ihrer Website oder mobile App ein](https://developers.zoom.us/docs/contact-center/web/chat/#embed-the-chat-client-with-a-campaign-id) --- # Agent Instructions: Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://library.zoom.com/technical-library/de/business-services/zoom-contact-center/expert-insights/customize-user-chat-support-experience.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.