Sobald der Smartsupp Chat auf Ihrer Website installiert ist, möchten Sie wahrscheinlich als Erstes das Erscheinungsbild und Verhalten der Chat-Box einrichten. Die Smartsupp Chat-Box kombiniert einen Chat und ein Kontaktformular in einem einzigen Widget. So können Besucher Nachrichten senden und — wenn Sie das Kontaktformular aktivieren — Angaben wie ihren Namen und ihre E-Mail-Adresse teilen.
💡 Hier finden Sie die Einstellungen: Alle folgenden Optionen finden Sie unter Einstellungen > Channels > Live-Chat in Ihrem Smartsupp dashboard.
In diesem Artikel:
Was Sie anpassen können
In den Einstellungen zum Erscheinungsbild der Chat-Box können Sie Folgendes anpassen, damit das Widget zu Ihrer Website passt:
Einstellung | Funktion |
Farbverlauf | Passt die Farben der Chat-Box an Ihre Marke an. |
Position | Platziert die Chat-Box auf der linken oder rechten Seite des Bildschirms. |
Allgemeine Texte | Bearbeitet die Beschriftungen und Nachrichten in der Chat-Box. |
Design | Ändert das gesamte Erscheinungsbild der Chat-Box. |
Kopfzeilenstil | Wechselt zwischen den Kopfzeilenstilen Kompakt und Standard . Kompakt verringert die Höhe der Kopfzeile für ein übersichtlicheres Widget, bei dem die Inhalte stärker im Mittelpunkt stehen; Standard behält die größere Kopfzeile bei und eignet sich besser für Live-Chat mit mehreren Operatoren. |
Sprache der Chat-Box | Legt die Sprache der Texte fest, die Ihren Besuchern in der Chat-Box angezeigt werden. Weitere Informationen finden Sie unter Sprachen der Chat-Box. |
🟡 Gut zu wissen: Widgets, die ab dem 17. Juni 2026 erstellt werden, verwenden standardmäßig den Kopfzeilenstil Kompakt . Früher erstellte Widgets behalten den Kopfzeilenstil Standard bei, um die Abwärtskompatibilität zu gewährleisten — Sie können in den Einstellungen zum Erscheinungsbild Ihrer Chat-Box jederzeit zwischen beiden wechseln.
Position der Chat-Box ändern
Sie können den Chat-Button direkt im dashboard verschieben — ganz ohne Code:
Loggen Sie sich in Ihr Smartsupp-Konto ein.
Gehen Sie zu Einstellungen > Channels > Live-Chat > Erscheinungsbild.
Passen Sie die Platzierung an — wählen Sie die linke oder rechte Seite des Bildschirms, legen Sie einen vertikalen Versatz fest und stellen Sie den Abstand zu den Rändern ein.
Speichern Sie Ihre Änderungen. Die aktualisierte Position wird automatisch auf Ihre Website angewendet.
💡 Für Fortgeschrittene: Entwickler können die Position der Chat-Box über die JavaScript API präzise steuern — siehe Für Fortgeschrittene: Position der Chat-Box über die JavaScript API.
Hinweis — Operator-Foto & Avatar der Chat-Box: Das Foto, das Besucher in der Chat-Box sehen, ist das Profilfotodes Operators; es kann nicht unabhängig vom internen Foto im dashboard festgelegt werden. Die alte smartsupp('chat:avatar') JavaScript API zum Überschreiben dieses Fotos wurde entfernt und wird nicht mehr unterstützt.
Wie geht es weiter?
Sprachen der Chat-Box — erfahren Sie, welche Sprachen unterstützt werden und wie Sie diese ändern.
Status der Chat-Box — legen Sie fest, wann Ihre Chat-Box als online oder offline angezeigt wird.
Warum sehe ich den Chat auf meiner Website nicht? — beheben Sie Probleme mit einer Chat-Box, die nicht angezeigt wird.
💡 Benötigen Sie weitere Hilfe? Wenn Sie eine Einstellung nicht finden oder etwas nicht wie erwartet funktioniert, kontaktieren Sie unser Support-Team per Chat oder E-Mail — wir helfen Ihnen gerne.