Sobald Sie Smartsupp Chat auf Ihrer Website installiert haben, möchten Sie wahrscheinlich zuerst das Aussehen und Verhalten der Chat-Box konfigurieren. Die Smartsupp Chat-Box vereint Chat und Kontaktformular in einem einzigen Widget: Besucher können direkt Nachrichten senden und – sofern Sie das Kontaktformular aktivieren – auch Angaben wie Name und E-Mail mit Ihnen teilen.
💡 Wo Sie es finden: Alle nachfolgend beschriebenen Optionen erreichen Sie im Einstellungen-Bereich unter Channels > Live-Chat in Ihrem Smartsupp-Dashboard.
In diesem Artikel:
Diese Anpassungen sind möglich
In den Einstellungen zum Erscheinungsbild der Chat-Box können Sie folgende Optionen individuell gestalten, um das Widget perfekt auf Ihre Website abzustimmen:
Einstellung | Funktion |
Farbverlauf | Legen Sie die Farben der Chat-Box fest, damit sie zu Ihrem Markenauftritt passt. |
Position | Bestimmen Sie, ob die Chat-Box auf der linken oder rechten Seite des Bildschirms angezeigt wird. |
Allgemeine Texte | Passen Sie die in der Chat-Box angezeigten Beschriftungen und Nachrichten an. |
Thema | Ändern Sie das vollständige Erscheinungsbild der Chat-Box mit wenigen Klicks. |
Kopfzeilenstil | Wechseln Sie zwischen einer kompakten und einer Standard-Kopfzeile. Der kompakte Stil reduziert die Höhe für ein aufgeräumtes, auf Inhalte fokussiertes Widget; Standard eignet sich vor allem für den Live-Chat mit mehreren Operatoren. |
Chat-Box-Sprache | Legen Sie fest, in welcher Sprache die Besucher Ihre Chat-Box sehen. Weitere Informationen finden Sie unter Chat-Box-Sprachen. |
🟡 Gut zu wissen: Für Widgets, die ab dem 17. Juni 2026 erstellt werden, ist standardmäßig die kompakte Kopfzeile eingestellt. Für ältere Widgets bleibt aus Kompatibilitätsgründen die Option Standard aktiv – Sie können den Stil aber jederzeit in den Chat-Box-Einstellungen wechseln.
Position der Chat-Box anpassen
Verschieben Sie die Chat-Schaltfläche ganz einfach direkt im Dashboard – ein Code-Eingriff ist nicht notwendig:
Melden Sie sich in Ihrem Smartsupp-Konto an.
Wechseln Sie zu Einstellungen > Channels > Live-Chat > Erscheinungsbild.
Passen Sie die Platzierung an – wählen Sie die linke oder rechte Bildschirmseite aus und legen Sie Abstand und vertikalen Versatz fest.
Speichern Sie Ihre Änderungen. Die neue Position wird sofort auf Ihrer Website übernommen.
💡 Für Fortgeschrittene: Entwickler können die genaue Position der Chat-Box über die JavaScript-API steuern – Details finden Sie unter Fortgeschritten: Chat-Box-Position mittels JavaScript-API.
Hinweis – Agentenfoto & Chat-Box-Avatar: Das Bild, das Besucher in der Chat-Box sehen, entspricht immer dem Profilfoto des Agenten und kann nicht unabhängig vom internen Dashboard-Profilbild festgelegt werden. Die frühere smartsupp('chat:avatar') JavaScript-API zur Änderung wurde entfernt und wird nicht mehr unterstützt.
Wie geht es weiter?
Chat-Box-Sprachen – erfahren Sie, welche Sprachen unterstützt werden und wie Sie die Sprache umstellen.
Chat-Box-Status – bestimmen Sie, wann Ihre Chat-Box online oder offline sichtbar ist.
Warum wird der Chat nicht auf meiner Website angezeigt? – Hier finden Sie Lösungen, falls Ihre Chat-Box nicht sichtbar ist.
💡 Sie benötigen weitere Unterstützung? Sollten Sie eine Einstellung nicht finden oder funktioniert etwas nicht wie erwartet, kontaktieren Sie gerne unser Support-Team per Chat oder E-Mail – wir helfen Ihnen persönlich weiter.