Udviklere kan finjustere, hvor chatboksen vises, ved at tilføje et par konfigurationsmuligheder til din Smartsupp installationskode. Denne vejledning viser dig, hvordan du flytter chatboksen til venstre, trækker den væk fra sin standardplacering, bruger en anden placering på mobil, eller skjuler den på mobilen.
Avanceret: placering i installationskoden
🟡 Bemærk: Du skal have udvikleradgang til dit websteds kode. At flytte chatboksen til venstre kræver Solo-pakken eller højere.
Tilføj mulighederne til konfigurationsdelen af din installationskode: efter linjen med _smartsupp.key og før loaderen (den del, der starter med window.smartsupp||). Chatboksen læser dem, når den indlæser, så de skal være på plads, inden loaderen kører.
Flyt chatboksen til venstre side:
<script>var _smartsupp = _smartsupp || {};_smartsupp.key = 'YOUR_SMARTSUPP_KEY';_smartsupp.orientation = "left";// ...resten af din installationskode (loaderen)</script>Træk chatboksen væk fra dens standardplacering (værdier i pixels):
_smartsupp.offsetX = 20; // trækker den væk fra sidekanten_smartsupp.offsetY = 100; // flytter den op fra bunden
Brug en anden placering kun på mobil:
<script>var _smartsupp = _smartsupp || {};_smartsupp.key = 'YOUR_SMARTSUPP_KEY';if (window.innerWidth < 768) { _smartsupp.offsetY = 150;}// ...resten af din installationskode (loaderen)</script>Skjul chatboksen kun på mobil (den forbliver synlig på desktop og er tilgængelig i alle pakker):
_smartsupp.hideMobileWidget = true;
Sådan gør du:
Åbn dit websteds kode, og find Smartsupp-installationsscriptet.
Tilføj de muligheder, du har brug for, lige efter
_smartsupp.key-linjen, før loaderen.Justér værdierne, så de passer til dit design.
Gem dine ændringer og genindlæs dit websted i et inkognito- eller privat vindue for at tjekke den nye placering. Tjek også mobilversionen på en telefon.
💡 Tip: Kommandoer som smartsupp('chat:position', ...) understøttes ikke. Chatboksen ignorerer dem, og din browserkonsol viser "Unknown API command". Se alle konfigurationsmuligheder i udviklerdokumentationen.
Hvad er det næste?
💡 Brug for mere hjælp? Kontakt vores supportteam – vi hjælper dig gerne!