Ontwikkelaars hebben de vrijheid om precies te bepalen waar de chatbox zichtbaar wordt door een paar opties toe te voegen aan je Smartsupp-installatiecode. In deze gids lees je hoe je de chatbox naar links zet, loskoppelt van de standaardpositie en een aangepaste plek kiest voor mobiel.
Geavanceerd: positie aanpassen in de installatiecode
🟡 Let op: Je hebt ontwikkelaarsrechten nodig voor toegang tot de code van je website. Om de chatbox naar de linkerzijde te verplaatsen heb je het Solo-pakket of hoger nodig.
Voeg de opties toe in het configuratiegedeelte van je installatiecode — direct na de regel met _smartsupp.key en vóór de loader (het deel dat start met window.smartsupp||). De chatbox leest deze instellingen wanneer hij laadt, dus ze moeten er staan voordat de loader start.
Chatbox aan de linkerzijde plaatsen:
<script>var _smartsupp = _smartsupp || {};_smartsupp.key = 'YOUR_SMARTSUPP_KEY';_smartsupp.orientation = "left";// ...rest van je installatiecode (de loader)</script>Chatbox van de standaardpositie halen (waarden in pixels):
_smartsupp.offsetX = 20; // verschuift vanaf de zijkant_af_smartsupp.offsetY = 100; // verschuift omhoog vanaf de onderkant
Alleen op mobiel een andere positie kiezen:
<script>var _smartsupp = _smartsupp || {};_smartsupp.key = 'YOUR_SMARTSUPP_KEY';if (window.innerWidth < 768) { _smartsupp.offsetY = 150;}// ...rest van je installatiecode (de loader)</script>Zo werkt het:
Open de code van je website en zoek het Smartsupp-installatiescript op.
Voeg direct na de
_smartsupp.key-regel de gewenste opties toe, vóór de loader.Pas de waardes aan zodat het past bij jouw design.
Sla je wijzigingen op en open je website opnieuw in een incognito- of privénavigatievenster om het resultaat te bekijken. Check ook de mobiele versie op je telefoon.
💡 Tip: Commando’s zoals smartsupp('chat:position', ...) worden niet ondersteund. De chatbox negeert deze en je browserconsole geeft de melding "Unknown API command". Je vindt alle mogelijkheden in de developer documentation.
Wat kun je nu doen?
💡 Hulp nodig? Neem gerust contact op met ons supportteam – we denken graag mee!