Zodra de Smartsupp-chat op je website is geïnstalleerd, wil je waarschijnlijk als eerste instellen hoe de chatbox eruitziet en zich gedraagt. De Smartsupp-chatbox combineert een chat en een contactformulier in één widget, zodat bezoekers berichten kunnen sturen en – als je het contactformulier inschakelt – gegevens als hun naam en e-mailadres kunnen delen.
💡 Waar je het vindt: Alle onderstaande opties staan in je Smartsupp-dashboard onder Instellingen > Kanalen > Livechat.
In dit artikel:
Wat je kunt aanpassen
In de weergave-instellingen van de chatbox kun je het volgende aanpassen, zodat de widget bij je website past:
Instelling | Wat het doet |
Kleurverloop | Stelt de kleuren van de chatbox in, passend bij je merk. |
Positie | Plaatst de chatbox links of rechts op het scherm. |
Algemene teksten | Bewerkt de labels en berichten die in de chatbox worden getoond. |
Thema | Wisselt het algehele uiterlijk van de chatbox. |
Headerstijl | Wisselt tussen de header Compact en Standaard. Compact verkleint de hoogte van de header voor een strakkere widget met meer focus op de inhoud; Standaard houdt de grotere header aan, wat beter past bij livechat met meerdere operators. |
Taal van de chatbox | Stelt de taal in van de chatboxteksten die je bezoekers zien. Zie Talen van de chatbox voor details. |
🟡 Goed om te weten: Widgets die vanaf 17 juni 2026 zijn aangemaakt, gebruiken standaard de Compact-header. Eerder aangemaakte widgets blijven op Standaard staan voor achterwaartse compatibiliteit – je kunt altijd tussen beide wisselen in de weergave-instellingen van je chatbox.
De positie van de chatbox wijzigen
Je kunt de chatknop rechtstreeks vanuit het dashboard verplaatsen – zonder code:
Log in op je Smartsupp-account.
Ga naar Instellingen > Kanalen > Livechat > Weergave.
Pas de plaatsing aan – kies de linker- of rechterkant van het scherm, stel een verticale offset in en bepaal de afstand tot de randen.
Sla je wijzigingen op. De nieuwe positie wordt automatisch op je website toegepast.
💡 Geavanceerd: Ontwikkelaars kunnen de positie van de chatbox nauwkeurig regelen via de JavaScript API – zie Geavanceerd: chatboxpositie via de JavaScript API.
Let op – foto van de agent & avatar in de chatbox: De foto die bezoekers in de chatbox zien, is de profielfoto van de agent; die kan niet los van de interne dashboardfoto worden ingesteld. De oude JavaScript API smartsupp('chat:avatar') om die te overschrijven is verwijderd en wordt niet meer ondersteund.
Wat is de volgende stap?
Talen van de chatbox – bekijk de ondersteunde talen en hoe je ze wijzigt.
Chatboxstatus – bepaal wanneer je chatbox online of offline wordt getoond.
Waarom zie ik de chat niet op mijn website? – los op dat de chatbox niet verschijnt.
💡 Toch nog hulp nodig? Kun je een instelling niet vinden of werkt iets niet zoals verwacht, neem dan contact op met ons supportteam via chat of e-mail – we helpen je graag.