Som utvecklare kan du enkelt bestämma exakt var chattrutan ska visas genom att lägga till några inställningar i din Smartsupp-kod. Guiden visar hur du placerar chattrutan till vänster, flyttar den från standardläget, använder olika placeringar på mobil eller döljer den på mobil.
Avancerat: inställningar i installationskoden
🟡 Observera: Du behöver utvecklaråtkomst till koden på din webbplats. För att kunna flytta chattrutan till vänster behöver du Solo-paketet eller högre.
Lägg till inställningarna i konfigurationsdelen i din installeringskod: alltså efter raden med _smartsupp.key och innan laddaren (window.smartsupp||). Chattrutan läser in dem när den startar – därför måste de ligga där innan laddaren körs.
Placera chattrutan till vänster:
<script>var _smartsupp = _smartsupp || {};_smartsupp.key = 'YOUR_SMARTSUPP_KEY';_smartsupp.orientation = "left";// ...resten av installationskoden (laddaren)</script>Flytta chattrutan från standardplaceringen (värden i pixlar):
_smartsupp.offsetX = 20; // flyttar chattrutan från sidkanten_smartsupp.offsetY = 100; // flyttar upp från nederkanten
Använd annan position bara på mobil:
<script>var _smartsupp = _smartsupp || {};_smartsupp.key = 'YOUR_SMARTSUPP_KEY';if (window.innerWidth < 768) { _smartsupp.offsetY = 150;}// ...resten av installationskoden (laddaren)</script>Dölj chattrutan endast på mobil (den visas fortfarande på dator, tillgängligt på alla paket):
_smartsupp.hideMobileWidget = true;
Så gör du:
Öppna webbplatsens kod och leta rätt på Smartsupp-installationsskriptet.
Lägg till de inställningar du vill använda precis efter
_smartsupp.key-raden, före laddaren.Justera värdena tills de passar designen hos din webbplats.
Spara ändringarna och ladda om sidan i ett inkognitofönster eller privat läge för att testa nya positionen. Kom ihåg att även testa på mobil.
💡 Tips: Kommandon som smartsupp('chat:position', ...) stöds inte. Chattrutan ignorerar dem och du ser "Unknown API command" i webbläsarens konsol. Alla tillgängliga inställningar hittar du i utvecklardokumentationen.
Vad kan du göra nu?
💡 Vill du ha mer hjälp? Kontakta vårt supportteam – vi hjälper dig gärna!