Zum Hauptinhalt springen

Fortgeschritten: Chatbox-Position über die JavaScript-API

Steuern Sie die Chatbox-Position im Code, einschließlich unterschiedlicher Positionen für Desktop und Mobil.

Die Smartsupp JavaScript-API gibt Entwicklern präzise Kontrolle darüber, wo das Chat-Widget auf Ihrer Website erscheint. Diese Anleitung zeigt, wie Sie die Chatbox-Position im Code festlegen — einschließlich unterschiedlicher Positionen für Desktop und Mobilgeräte.

Erweitert: Position über die JavaScript-API

🟡 Hinweis: Das Ändern der Position über die API erfordert das PLUS-Paket 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:

  1. Öffnen Sie den Code Ihrer Website und suchen Sie das Smartsupp-Installationsskript.

  2. Fügen Sie den obigen Codeausschnitt direkt unter dem Smartsupp-Skript ein.

  3. Passen Sie die Werte bottom und right an Ihr Design für Desktop und Mobilgerät an.

  4. 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's weiter?

💡 Benötigen Sie weitere Hilfe? Kontaktieren Sie unser Support-Team — wir helfen gern!

Hat dies deine Frage beantwortet?