Utviklere kan enkelt tilpasse hvor chatboksen vises ved å legge til noen ekstra innstillinger i Smartsupp-installasjonskoden din. Her viser vi deg hvordan du kan plassere chatboksen til venstre, flytte den bort fra standardplasseringen, gi den en annen posisjon på mobil, eller skjule den på mobil.
Avansert: posisjon i installasjonskoden
🟡 Merk: Du må ha utviklertilgang til nettsidens kode. For å flytte chatboksen til venstre, trenger du Solo-planen eller høyere.
Legg til innstillingene i konfigurasjonsdelen av installasjonskoden: rett etter linjen med _smartsupp.key og før loaderen (det som starter med window.smartsupp||). Chatboksen henter disse innstillingene når den laster inn, så de må være på plass før loaderen kjøres.
Plasser chatboksen på venstre side:
<script>var _smartsupp = _smartsupp || {};_smartsupp.key = 'YOUR_SMARTSUPP_KEY';_smartsupp.orientation = "left";// ...resten av installasjonskoden (loaderen)</script>Juster chatboksens avstand fra kanten (verdiene er i piksler):
_smartsupp.offsetX = 20; // flytter boksen inn fra siden_smartsupp.offsetY = 100; // flytter boksen opp fra nederst
Bruk en annen posisjon kun på mobil:
<script>var _smartsupp = _smartsupp || {};_smartsupp.key = 'YOUR_SMARTSUPP_KEY';if (window.innerWidth < 768) { _smartsupp.offsetY = 150;}// ...resten av installasjonskoden (loaderen)</script>Skjul chatboksen bare på mobil (den vil fortsatt være synlig på desktop, tilgjengelig på alle planer):
_smartsupp.hideMobileWidget = true;
Slik gjør du det:
Åpne nettsidens kode og finn Smartsupp-installasjonsskriptet.
Legg til de innstillingene du vil ha rett etter
_smartsupp.key-linjen, foran loaderen.Juster verdiene slik det passer med ditt design.
Lagre endringene og last inn nettsiden på nytt i inkognito- eller privat vindu for å se den nye plasseringen. Husk å sjekke på mobil også.
💡 Tips: Kommandoer som smartsupp('chat:position', ...) støttes ikke. Chatboksen vil ignorere dem, og nettleserkonsollen viser "Unknown API command". Se utviklerdokumentasjonen for flere innstillinger.
Hva skjer videre?
💡 Trenger du mer hjelp? Kontakt vårt supportteam – vi hjelper deg gjerne!