Hoppa till huvudinnehåll

Avancerat: chattrutans placering via JavaScript-API:et

Styr chattrutans placering i kod, inklusive olika placeringar för dator och mobil.

Skrivet av Michal Jindra

Smartsupps JavaScript-API ger utvecklare exakt kontroll över var chattwidgeten visas på din webbplats. Den här guiden visar hur du ställer in chattrutans placering i kod — inklusive olika placeringar för dator och mobil.

Avancerat: placering via JavaScript-API:et

🟡 Obs: Att ändra placeringen via API kräver paketet Plus och utvecklaråtkomst till din webbplats kod.

Smartsupps JavaScript-API ger utvecklare mer exakt kontroll över chattwidgeten. Du kan till exempel ställa in olika placeringar för dator och mobil:

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

Så här gör du:

  1. Öppna din webbplats kod och leta upp Smartsupps installationsskript.

  2. Klistra in kodsnutten ovan direkt under Smartsupp-skriptet.

  3. Justera värdena för bottom och right så att de passar din design för både dator och mobil.

  4. Spara dina ändringar och uppdatera din webbplats i ett inkognitofönster eller privat fönster för att kontrollera de nya placeringarna.

💡 Tips: För full kontroll kan du skapa en egen knapp och hantera chattwidgeten helt via JavaScript-API:et.


Vad är nästa steg?

💡 Behöver du mer hjälp? Kontakta vårt supportteam — vi hjälper dig gärna!

Fick du svar på din fråga?