Mit der Smartsupp JavaScript-API können Sie exakt festlegen, wo das Chat-Widget auf Ihrer Website erscheint. Hier erfahren Sie, wie Sie die Chat-Box im Code positionieren – inklusive unterschiedlicher Platzierungen für Desktop und Mobilgeräte.
Erweitert: Positionierung mit der JavaScript-API
🟡 Hinweis: Für die Positionsänderung per API benötigen Sie das PLUS-Abonnement sowie Zugriff auf den Quellcode Ihrer Website.
Mit der Smartsupp JavaScript-API erhalten Entwickler noch mehr Kontrolle über die Platzierung des Chat-Widgets. Sie können zum Beispiel verschiedene Positionen für Desktop und Mobilgeräte definieren:
<script>// Position für Desktopsmartsupp('chat:position', { bottom: 20, right: 20 });// Anpassung für Mobiles Gerätif (window.innerWidth < 768) { smartsupp('chat:position', { bottom: 100, right: 10 });}</script>
So gehen Sie vor:
Öffnen Sie den Quellcode Ihrer Website und suchen Sie das Smartsupp-Installationsskript.
Fügen Sie den obigen Code-Snippet direkt unter dem Smartsupp-Skript ein.
Passen Sie die Werte für
bottomundrightan das Layout Ihrer Desktop- und Mobilversion an.Speichern Sie Ihre Änderungen und laden Sie Ihre Website in einem Inkognito- oder privaten Fenster neu, um die neuen Positionen zu testen.
💡 Tipp: Für maximale Flexibilität können Sie einen eigenen Button erstellen und das Chat-Widget vollständig über die JavaScript-API steuern.
Wie geht es weiter?
💡 Sie benötigen weitere Unterstützung? Wenden Sie sich an unser Support-Team – wir helfen Ihnen gerne weiter!