Zum Hauptinhalt springen

Erweitert: Position der Chat-Box über die JavaScript-API

Steuern Sie die Position der Chat-Box im Code, einschließlich unterschiedlicher Positionen für Desktop- und Mobilgeräte.

Verfasst von Michal Jindra

Die JavaScript-API von Smartsupp gibt Entwicklern präzise Kontrolle darüber, wo das Chat-Widget auf Ihrer Website erscheint. Diese Anleitung zeigt, wie Sie die Position der Chat-Box 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 JavaScript-API von Smartsupp gibt Entwicklern präzisere Kontrolle über das Chat-Widget. Sie können beispielsweise unterschiedliche Positionen für Desktop- und Mobilgeräte festlegen:

<script>// Desktop positionsmartsupp('chat:position', { bottom: 20, right: 20 });// Mobile overrideif (window.innerWidth < 768) {  smartsupp('chat:position', { bottom: 100, right: 10 });}</script>

So setzen Sie dies 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 bottom und right Werte an Ihr Design für Desktop- und Mobilgeräte 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 es weiter?

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

Hat dies deine Frage beantwortet?