Darstellung (Nur Chatbot)

Nur in der neuen Plattformgeneration
Diese Funktion gibt es ausschließlich in der neuen Plattformgeneration.

Falls unklar, welche Version Sie nutzen: Sind Sie seit 10/2026 Kunde, nutzen Sie die neue Plattformgeneration — waren Sie bereits vorher Kunde, nutzen Sie weiterhin die bisherige Plattform, sofern Sie nicht aktiv umgestiegen sind.

Voraussetzung: Chatbot-Add-On

Wo finde ich es?

Chatbot → Darstellung

Aussehen

Hier legen Sie fest, wie Ihr Chatbot auf Ihrer Website auftritt: unter welchem Namen er sich zeigt, ob er Besucher:innen anspricht, welches Symbol er trägt und in welchen Farben er erscheint.

Anzeigename

Der Name in der Kopfzeile des geöffneten Chats. Bis zu 40 Zeichen.

Verwenden Sie den Namen, unter dem Ihre Besucher:innen Sie kennen — meist Ihr Unternehmensname.

Popup-Text

Eine kurze Nachricht, die nach einigen Sekunden neben dem Chat-Symbol erscheint und zum Chat einlädt.

Warum sich das lohnt: Ohne Popup bleibt nur das Chat-Symbol in der Ecke — viele übersehen es oder wissen nicht, was sie dort erwartet. Der Popup-Text macht beides sichtbar: dass es den Chat gibt und wobei er helfen kann.

Was hineingehört: Sprechen Sie Ihre Besucher:innen an und nennen Sie, wofür der Chat da ist. Zum Beispiel:

„Guten Tag! Haben Sie eine Frage? Ich helfe Ihnen gerne weiter."

„Termin vereinbaren oder etwas nachfragen? Schreiben Sie mir einfach."

Halten Sie es kurz — der Text soll im Vorbeigehen gelesen werden. Bis zu 120 Zeichen stehen zur Verfügung.

Kein Popup gewünscht? Lassen Sie das Feld leer. Dann sehen Ihre Besucher:innen nur das Chat-Symbol und öffnen den Chat selbst.

Das kann sinnvoll sein, wenn Ihre Seite ohnehin viele Hinweise enthält oder Ihre Besucher:innen überwiegend zum Lesen kommen — ein Popup unterbricht dabei.

Avatar

Wählen Sie eines der vorgegebenen Symbole oder laden Sie ein eigenes Bild hoch — PNG oder JPG, bis 2 MB.

Der Avatar erscheint an zwei Stellen: im Chat-Symbol auf Ihrer Website und in der Kopfzeile des geöffneten Chats.

Für ein eigenes Bild: Verwenden Sie ein quadratisches Motiv mit deutlichem Kontrast. Das Symbol ist klein — ein Logo mit feinen Linien oder Schriftzug ist darin kaum zu erkennen.

Primär- und Sekundärfarbe

Primärfarbe bestimmt Chat-Symbol, Kopfzeile, die Nachrichten Ihrer Besucher:innen und die Antwort-Vorschläge.

Sekundärfarbe bestimmt Symbole und Texte, die auf der Primärfarbe liegen.

Wählen Sie eine der vorgegebenen Farben, geben Sie einen Hex-Wert ein oder übernehmen Sie mit der Pipette eine Farbe von Ihrer Seite.

Achten Sie auf ausreichenden Kontrast zwischen beiden Farben. Die Sekundärfarbe liegt direkt auf der Primärfarbe — ist der Unterschied zu gering, sind Texte und Symbole schwer oder gar nicht zu lesen. Das betrifft besonders Menschen mit eingeschränktem Sehvermögen.

Prüfen Sie Ihre Kombination in der Vorschau und halten Sie sich im Zweifel an die vorgegebenen Farbpaare.

Vorschau

Unter den Farbeinstellungen sehen Sie Ihren Chatbot so, wie Besucher:innen ihn erleben — im geschlossenen Zustand als Symbol und im geöffneten Zustand mit einem Beispielgespräch.

Die Vorschau zeigt auch ungespeicherte Änderungen. Sie können also in Ruhe ausprobieren, bevor Sie übernehmen.

Einbindungscode

Unter Code für Ihre Website finden Sie die Zeile, die Sie in Ihre Website einfügen. Über Kopieren übernehmen Sie sie in die Zwischenablage.

Der Code bleibt immer gleich. Ändern Sie später Name, Farben oder Avatar, übernimmt Ihr Chatbot das automatisch — Sie müssen den Code nicht erneut einfügen.

Ausführlich: Chatbot auf Ihrer Website einbinden

Chatbot testen

Über Chat testen führen Sie einen Probechat, ohne dass Ihre Website davon berührt wird.

Nutzen Sie das, bevor Sie den Chatbot einbinden, und nach jeder größeren Änderung. Achten Sie dabei auf:

Sind Name und Avatar so, wie Sie es gemeint haben?
Sind alle Texte gut lesbar?
Landen Sie im richtigen Szenario, wenn Sie Ihr Anliegen schildern?