Met de JavaScript-API van Smartsupp bepalen ontwikkelaars precies waar de chatwidget op je website verschijnt. In deze handleiding lees je hoe je de positie van de chatbox in code instelt – inclusief verschillende posities voor desktop en mobiel.
Geavanceerd: positie via de JavaScript-API
🟡 Let op: De positie via de API wijzigen vereist het PLUS-pakket en toegang als ontwikkelaar tot de code van je website.
Met de JavaScript-API van Smartsupp hebben ontwikkelaars nauwkeuriger controle over de chatwidget. Zo kun je bijvoorbeeld verschillende posities instellen voor desktop en mobiel:
<script>// Desktop positionsmartsupp('chat:position', { bottom: 20, right: 20 });// Mobile overrideif (window.innerWidth < 768) { smartsupp('chat:position', { bottom: 100, right: 10 });}</script>
Zo implementeer je dat:
Open de code van je website en zoek het installatiescript van Smartsupp op.
Plak het bovenstaande fragment direct onder het Smartsupp-script.
Pas de waarden
bottomenrightaan op je ontwerp, voor zowel desktop als mobiel.Sla je wijzigingen op en ververs je website in een incognito- of privévenster om de nieuwe posities te controleren.
💡 Tip: Wil je volledige controle, dan kun je je eigen knop maken en de chatwidget helemaal via de JavaScript-API aansturen.
Wat is de volgende stap?
💡 Meer hulp nodig? Neem contact op met ons supportteam – we helpen je graag!