Als ontwikkelaar kun je precies instellen waar de chatbox verschijnt door wat extra opties toe te voegen aan je Smartsupp-installatiecode. In deze uitleg zie je hoe je de chatbox naar links kunt verplaatsen, uit de standaardpositie haalt, een andere plek voor mobiel kiest of deze op mobiel juist verbergt.
Geavanceerd: positie in de installatiecode
🟡 Let op: Je hebt toegang nodig tot de code van je website. De chatbox naar links verplaatsen kan alleen als je het Solo-pakket of hoger hebt.
Voeg de gewenste opties toe aan het configuratiegedeelte van je installatiescript: direct na de regel met _smartsupp.key en vóór de loader (het stuk dat begint met window.smartsupp||). De chatbox gebruikt deze opties zodra hij laadt, dus ze moeten vóór de loader staan.
De chatbox links tonen:
<script>var _smartsupp = _smartsupp || {};_smartsupp.key = 'YOUR_SMARTSUPP_KEY';_smartsupp.orientation = "left";// ...rest van je installatiecode (de loader)</script>De chatbox uit de standaardpositie halen (waardes in pixels):
_smartsupp.offsetX = 20; // zet hem verder van de zijkant van het scherm _smartsupp.offsetY = 100; // schuift hem omhoog vanaf de onderkant
Een andere positie alleen op mobiel instellen:
<script>var _smartsupp = _smartsupp || {};_smartsupp.key = 'YOUR_SMARTSUPP_KEY';if (window.innerWidth < 768) { _smartsupp.offsetY = 150;}// ...rest van je installatiecode (de loader)</script>De chatbox alleen op mobiel verbergen (op desktop blijft hij gewoon zichtbaar, werkt op elk pakket):
_smartsupp.hideMobileWidget = true;
Zo pak je het aan:
Open de code van je website en zoek het Smartsupp-installatiescript op.
Plaats de gewenste opties direct na de
_smartsupp.key-regel, vóór de loader.Pas de waardes aan zodat het netjes aansluit op jouw website.
Sla je wijzigingen op en vernieuw je website in een incognito- of privénavigatievenster om te checken of de nieuwe positie goed werkt. Kijk ook even hoe het eruitziet op je mobiel.
💡 Tip: Commando’s als smartsupp('chat:position', ...) worden niet ondersteund. De chatbox negeert deze en in je browserconsole verschijnt "Unknown API command". Bekijk alle configuratie-opties in de ontwikkelaarsdocumentatie.
Wat kun je hierna doen?
💡 Meer hulp nodig? Neem gerust contact op met ons supportteam — we helpen je graag verder!