Met de Smartsupp JavaScript API bepaal je zelf precies waar de chatwidget op je website verschijnt. In deze gids lees je hoe je de chatboxpositie instelt via de code — met aparte mogelijkheden voor desktop en mobiel.
Geavanceerd: positie aanpassen via de JavaScript API
🟡 Let op: De positie wijzigen via de API is beschikbaar vanaf het Plus-pakket en je hebt toegang tot de websitecode nodig.
Met de Smartsupp JavaScript API kun je de positie van de chatwidget helemaal naar wens instellen. Zo kun je bijvoorbeeld verschillende posities kiezen voor desktop en mobiel:
<script>// Desktoppositie
smartsupp('chat:position', { bottom: 20, right: 20 });
// Mobiel overschrijven
if (window.innerWidth < 768) {
smartsupp('chat:position', { bottom: 100, right: 10 });
}</script>
Zo doe je dat:
Open de code van je website en zoek het Smartsupp-installatiescript op.
Plak het bovenstaande stukje code direct onder het Smartsupp-script.
Pas de waarden van
bottomenrightaan zodat het mooi aansluit bij je ontwerp, zowel voor desktop als mobiel.Sla de wijzigingen op en open je website in een incognitovenster of privévenster om te zien of de chatbox goed staat.
💡 Tip: Wil je volledige controle? Maak dan eenvoudig je eigen knop en beheer de chatwidget helemaal met de JavaScript API.
En nu?
💡 Meer hulp nodig? Neem contact op met ons supportteam — we denken graag met je mee!