Als Entwickler haben Sie die volle Kontrolle darüber, wo die Chat-Box auf Ihrer Website angezeigt wird. Fügen Sie einfach ein paar Konfigurationszeilen in den Smartsupp-Installationscode ein. In dieser Anleitung erfahren Sie, wie Sie die Chat-Box links platzieren, von der Standardposition abweichen, auf mobilen Geräten eine andere Position festlegen oder sie dort ausblenden.
Erweitert: Position im Installationscode anpassen
🟡 Hinweis: Sie benötigen Entwicklerzugriff auf den Quellcode Ihrer Website. Um die Chat-Box auf der linken Seite anzuzeigen, ist das Paket Solo oder höher erforderlich.
Erweitern Sie dazu den Konfigurationsbereich Ihres Installationscodes: Direkt nach der Zeile mit _smartsupp.key, jedoch vor dem Loader (der Codeabschnitt, der mit window.smartsupp|| beginnt). Die Chat-Box liest diese Einstellungen beim Laden aus – daher müssen sie vor dem Loader eingefügt werden.
Chat-Box linksbündig anzeigen:
<script>var _smartsupp = _smartsupp || {};_smartsupp.key = 'YOUR_SMARTSUPP_KEY';_smartsupp.orientation = "left";// ...Rest Ihres Installationscodes (der Loader)</script>Chat-Box von der Standardposition verschieben (Angaben in Pixel):
_smartsupp.offsetX = 20; // Abstand vom Seitenrand_smartsupp.offsetY = 100; // Abstand von unten nach oben
Abweichende Position ausschließlich auf Mobilgeräten einstellen:
<script>var _smartsupp = _smartsupp || {};_smartsupp.key = 'YOUR_SMARTSUPP_KEY';if (window.innerWidth < 768) { _smartsupp.offsetY = 150;}// ...Rest Ihres Installationscodes (der Loader)</script>Chat-Box nur auf Mobilgeräten ausblenden (auf dem Desktop bleibt sie sichtbar; in allen Paketen verfügbar):
_smartsupp.hideMobileWidget = true;
So gehen Sie vor:
Öffnen Sie den Quellcode Ihrer Website und suchen Sie das Smartsupp-Installationsskript.
Fügen Sie die gewünschten Optionen direkt nach der Zeile
_smartsupp.keyund vor dem Loader hinzu.Passen Sie die Werte passend zu Ihrem Design an.
Speichern Sie Ihre Änderungen. Laden Sie Ihre Website anschließend in einem Inkognito- oder privaten Fenster neu, um die neue Position zu überprüfen. Testen Sie die mobile Ansicht zusätzlich direkt auf einem Smartphone.
💡 Tipp: Befehle wie smartsupp('chat:position', ...) werden nicht unterstützt. Die Chat-Box ignoriert diese und Ihre Browser-Konsole zeigt "Unknown API command" an. Eine Übersicht aller Konfigurationsmöglichkeiten finden Sie in der Entwicklerdokumentation.
Wie geht es weiter?
💡 Benötigen Sie weitere Unterstützung? Kontaktieren Sie unser Support-Team – wir sind gerne für Sie da!