Sobald der Smartsupp-Chat auf Ihrer Website installiert ist, möchten Sie wahrscheinlich als Erstes einstellen, wie die Chat-Box aussieht und sich verhält. Die Smartsupp-Chat-Box vereint einen Chat und ein Kontaktformular in einem einzigen Widget, sodass Besucher Nachrichten senden und — wenn Sie das Kontaktformular aktivieren — Angaben wie Name und E-Mail teilen können.
💡 Wo Sie es finden: Alle folgenden Optionen befinden sich unter Einstellungen > Chat-Box in Ihrem Smartsupp-Dashboard.
In diesem Artikel:
Was Sie anpassen können
In den Darstellungseinstellungen der Chat-Box können Sie Folgendes anpassen, damit das Widget zu Ihrer Website passt:
Einstellung | Was sie bewirkt |
Farbverlauf | Legt die Farben der Chat-Box passend zu Ihrer Marke fest. |
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 | Wechselt das gesamte Erscheinungsbild der Chat-Box. |
Position der Chat-Box ändern
Sie können die Chat-Schaltfläche direkt über das Dashboard verschieben — ganz ohne Code:
Melden Sie sich bei Ihrem Smartsupp-Konto an.
Gehen Sie zu Einstellungen > Chat-Box > Darstellung (oder Positionseinstellungen).
Passen Sie die Platzierung an — wählen Sie die linke oder rechte Seite des Bildschirms, legen Sie einen vertikalen Versatz und den Abstand zu den Rändern fest.
Speichern Sie Ihre Änderungen. Die aktualisierte Position wird automatisch auf Ihre Website angewendet.
Erweitert: Position über die JavaScript-API
🟡 Hinweis: Das Ändern der Position über die API erfordert das EXPERT-Paket (Legacy: PRO) und Entwicklerzugriff auf den Code Ihrer Website.
Die Smartsupp-JavaScript-API gibt Entwicklern präzisere Kontrolle über das Chat-Widget. Sie können beispielsweise unterschiedliche Positionen für Desktop und Mobilgerät festlegen:
<script>
// Desktop position
smartsupp('chat:position', { bottom: 20, right: 20 });
// Mobile override
if (window.innerWidth < 768) {
smartsupp('chat:position', { bottom: 100, right: 10 });
}
</script>
So setzen Sie es um:
Öffnen Sie den Code Ihrer Website und suchen Sie das Smartsupp-Installationsskript.
Fügen Sie den obigen Codeausschnitt direkt unter dem Smartsupp-Skript ein.
Passen Sie die Werte
bottomundrightan Ihr Design für Desktop und Mobilgerät an.Speichern Sie Ihre Änderungen und aktualisieren Sie Ihre Website in einem Inkognito- oder privaten Fenster, um die neuen Positionen zu überprüfen.
💡 Tipp: Für volle Kontrolle können Sie eine eigene Schaltfläche erstellen und das Chat-Widget vollständig über die JavaScript-API steuern.
Wie geht es weiter?
Chat-Box-Sprachen — sehen Sie die unterstützten Sprachen und wie Sie sie ändern.
Chat-Box-Status — steuern Sie, wann Ihre Chat-Box online oder offline ist.
Warum sehe ich den Chat auf meiner Website nicht? — beheben Sie eine Chat-Box, die nicht erscheint.
💡 Brauchen Sie noch 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.