Dein Chat-Widget anpassen
Auf dieser Seite
Das Chat-Widget ist der schwebende Chat-Button auf deiner Website. Passe Farbe, Position, Begrüßungstexte, Branding und Verhalten an, damit es zu deinem Look passt. Du kannst mehrere Varianten anlegen, eine pro Posteingang: verschiedene Widgets für verschiedene Websites oder Bereiche deines Produkts. Änderungen wirken sofort, du musst den Code nicht neu einbinden.
Du passt das Deskwoot-Chat-Widget unter Einstellungen > Posteingänge an. Öffne deinen Live-Chat-Posteingang mit Konfigurieren. Die meisten Optionen unten findest du im Tab Einstellungen, das Vor-Chat-Formular hat einen eigenen Tab Vor-Chat-Formular, und die Chat-Trigger liegen im Tab Konfiguration. Änderungen werden im Posteingang gespeichert und erscheinen im Widget, sobald es das nächste Mal lädt. Lass also ruhig einen Tab mit deiner Website offen, um das Ergebnis zu prüfen.
Wie ändere ich Farbe und Design des Widgets?
Stelle die Widget-Farbe passend zu deiner Website ein. Diese eine Farbe steuert Chat-Bubble, Kopfzeile und Senden-Button, mit dem richtigen Hex-Wert ist also schon das meiste erledigt. Wenn du das Feld leer lässt, nutzt das Widget Deskwoot-Blau.
Außerdem wählst du ein Widget-Design: Hell (Standard) oder Dunkel. Dunkel ist praktisch, wenn deine Website dunkel ist und ein helles weißes Panel nicht dazu passen würde. Die Kopfzeile behält in beiden Designs deine Markenfarbe.
Mit der Widget-Position legst du fest, wo die Chat-Bubble sitzt: unten rechts oder unten links.
Welche Sprachen spricht das Widget?
Standardmäßig steht die Sprache des Widgets auf Automatisch. Das Widget liest dann die Sprache der Seite, auf der es läuft, und zeigt seine eingebauten Texte (Buttons, Platzhalter, Statustexte) in dieser Sprache. Deskwoot liefert diese Texte in 10 Sprachen: Englisch, Deutsch, Portugiesisch (Brasilien), Hindi, Arabisch, Italienisch, Französisch, Spanisch, Japanisch und Chinesisch. Bei Arabisch läuft das Layout zusätzlich von rechts nach links.
Wenn du nur eine Zielgruppe hast und das Widget unabhängig von der Seitensprache auf eine Sprache festlegen willst, stellst du unter Sprache des Widgets statt Automatisch diese Sprache ein.
Die automatische Erkennung betrifft nur die festen Texte der Oberfläche. Deine eigenen Begrüßungstexte sind davon getrennt. Ab dem Business-Tarif kannst du sie in denselben Einstellungen in jede der 10 Sprachen übersetzen (Aus dem Englischen übersetzen füllt sie per KI aus), und das Widget zeigt dem Besucher die passende Version.
Wie lege ich den Titel der Chat-Bubble und die Begrüßung fest?
Der Titel der Chat-Bubble ist der kurze Hinweis, der erscheint, wenn ein Besucher mit der Maus über die Chat-Bubble fährt, zum Beispiel „Schreib uns“. Halte ihn kurz.
Die Begrüßungsüberschrift und der Untertitel der Begrüßung sind das Erste, was ein Besucher sieht, wenn er das Widget öffnet. Schreib eine echte Begrüßung, die Erwartungen setzt, etwa „Hallo! Wir antworten normalerweise innerhalb weniger Minuten.“ Außerdem kannst du eine Kanalbegrüßung aktivieren, die als erste Nachricht in der Konversation ankommt, und eine eigene Abwesenheitsnachricht für Besucher, die das Widget außerhalb deiner Geschäftszeiten öffnen (im Tab Geschäftszeiten, ab dem Startup-Tarif).
Die Einstellung Antwortzeit steuert die kleine Zeile „Wir antworten normalerweise in …“, damit Besucher schon vor dem Tippen wissen, was sie erwartet.
Kann ich die Chat-Bubble ausblenden?
Ja. Schalte Chat-Bubble ausblenden ein, dann verschwindet die schwebende Bubble von deiner Website. Das ist sinnvoll, wenn du das Widget über einen eigenen Button oder Link öffnen willst. Dein Code ruft dann die Methode open() des Widgets auf, und das Chat-Panel öffnet sich, ohne dass die Bubble je erscheint.
Im Enterprise-Tarif kannst du außerdem unter Branding die Fußzeile „Powered by Deskwoot“ im Widget ausblenden. Dieser Schalter ist unabhängig vom White-Label-Schalter des Hilfecenters. Wie das im Hilfecenter funktioniert, steht unter Dein Hilfecenter per White Label anpassen.
Wie lege ich einen eigenen Avatar fest?
Jede eingehende Nachricht im Widget zeigt einen Avatar. Standardmäßig ist Profilbild des zugewiesenen Agenten verwenden eingeschaltet, Besucher sehen also das Foto des Agenten, mit dem sie schreiben. Soll der Posteingang stattdessen ein eigenes Gesicht haben, lade unter Eigenes Avatarbild ein Bild hoch (JPG, PNG oder GIF bis 2 MB) und schalte diese Option aus. Das eigene Avatarbild erscheint auch, wenn ein Agent kein Profilbild hat. Das ist nützlich, wenn ein Team sein eigenes Branding hat oder wenn du bei Chat-Antworten lieber ein freundliches Foto als ein Logo zeigen willst.
Kann ich Hilfeartikel im Widget anzeigen?
Ja, ab dem Startup-Tarif und sobald dein Hilfecenter veröffentlicht ist. Das Widget hat einen Hilfecenter-Tab, und der Konversations-Tab kann eine kurze Leiste mit vorgeschlagenen Artikeln zeigen. Du hast zwei Möglichkeiten, sie zu füllen: Du wählst bestimmte Artikel aus (bis zu 4, in deiner Reihenfolge), oder du schaltest Artikel automatisch wechseln ein, dann zeigt das Widget 4 zufällige veröffentlichte Artikel. Zufällige Artikel sind auch der Standard, solange du ein Hilfecenter hast, aber noch nichts ausgewählt hast. Es erscheinen nur veröffentlichte Artikel, ein Entwurf landet also nie im Widget.
Was ist der cookielose Modus?
Schaltest du den cookielosen Modus ein (ab dem Startup-Tarif), speichert das Widget nichts mehr im Browser des Besuchers: keine Cookies, kein localStorage, kein sessionStorage. Das hilft, wenn deine Datenschutz- oder Cookie-Regeln vor einer Einwilligung keine nicht notwendige Speicherung erlauben. Der Nachteil: Das Widget erkennt den Besucher nur für die aktuelle Seitensitzung, und der Konversationsverlauf bleibt beim Neuladen der Seite nicht erhalten. Jede Sitzung beginnt also von vorn. Lass den Modus aus, wenn Konversationen über mehrere Seitenaufrufe weiterlaufen sollen, und schalte ihn ein, wenn deine Datenschutzvorgaben es verlangen. Auch ohne cookielosen Modus speichert das Widget bei neuen Besuchern nichts, bis sie den Chat öffnen oder eine Nachricht senden.
Vor-Chat-Formular, Dateianhänge und Emojis
Mit dem Vor-Chat-Formular (ab dem Startup-Tarif, im Tab Vor-Chat-Formular) fragst du vor dem Start einer Konversation Name, E-Mail, Telefonnummer oder eigene Felder ab. So erkennst du wiederkehrende Kunden und kannst per E-Mail nachfassen, falls der Besucher die Seite verlässt. Mit Dateianhänge können Besucher Screenshots und Dokumente teilen, mit der Emoji-Auswahl Emojis in Nachrichten einfügen. Beides ist standardmäßig an und lässt sich unter Funktionen im Tab Einstellungen ausschalten.
Proaktive Chat-Trigger
Chat-Trigger sind Nachrichten, die nach von dir festgelegten Regeln von selbst erscheinen, zum Beispiel nach 10 Sekunden auf der Preisseite. Du richtest sie pro Posteingang im Tab Konfiguration ein: Du legst eine Wartezeit fest, wählst bestimmte Seiten oder wiederkehrende Besucher aus und schreibst die Nachricht. Mit Triggern beginnst du ein Gespräch, bevor der Besucher überhaupt nach der Chat-Bubble sucht.
Häufige Fragen
Wo passe ich das Widget an?
Kann ich verschiedene Widgets für verschiedene Seiten haben?
Welche Farben kann ich festlegen?
Wie ändere ich den Begrüßungstext?
Kann ich den Avatar des Bots anpassen?
Kann ich das Widget nur auf bestimmten Seiten zeigen?
Wie ändere ich die Position des Widgets?
Kann ich „Powered by Deskwoot“ ausblenden?
Funktioniert das Widget auf dem Handy?
Kann ich das Widget animieren?
Speichert das Widget die Konversation für wiederkehrende Besucher?
War diese Anleitung hilfreich?
Weiterlesen
Fynn zu dieser Anleitung fragen
Kurze Antwort aus dieser Anleitung und dem restlichen Hilfecenter.