Uiterlijk en branding
Alles visueels staat onder Settings → Appearance. Wijzigingen gelden voor de live widget zodra je opslaat.
Botnaam
De naam in de chatheader, en de waarde achter de placeholder {bot_name} in je responses. Verplicht.
Botavatar
Kies een van vijf ingebouwde iconen — Bot 1, Bot 2, Bot 3, Human, Chat — of upload je eigen icoon.
Voor een eigen icoon:
- Selecteer Custom
- Upload een PNG-, JPEG-, GIF- of WebP-bestand
- Maximaal 512 KB en 512 × 512 pixels
- Opslaan
Het icoon wordt op ongeveer 40 pixels weergegeven, dus fijne details en kleine tekst zijn niet leesbaar. Een vierkante afbeelding met transparante achtergrond en een duidelijk silhouet werkt het best.
Twee schakelaars bepalen waar het verschijnt:
- Display bot avatar icon in chat window header — zet uit voor een soberdere header. De chatknop toont het icoon hoe dan ook.
- Show background circle behind bot avatar in chat window header — voegt een ronde achtergrond achter het icoon toe, en werkt alleen als de avatar zichtbaar is
Primaire kleur
Bepaalt de widgetknop en de accentkleuren. Laat leeg voor het standaardgroen #4CAF50. Moet een hexwaarde zijn.
De moeite van het controleren waard:
- Het contrast met de witte iconen op de bubbel. Erg lichte kleuren maken het icoon slecht zichtbaar.
- Hoe het oogt op je productpagina’s, niet alleen op je homepage.
Hoekafronding
Accepteert alleen hele pixels — 12px, 8px, 16px. Waarden in andere eenheden zoals 1rem of 50% worden geweigerd. Leeg betekent de standaard 12px.
Testtaal
Bepaalt de taal van het previewpaneel in het dashboard. Standaard je primaire websitetaal, en het beïnvloedt echte bezoekers nooit. Alleen talen die je onder Site info activeerde worden aangeboden.
Controleer je werk
- Open de Demo page via Settings → General settings
- Bekijk hem op een telefoon én op een desktop
- Controleer of de bubbel geen sticky winkelwagenknop of cookiebanner bedekt
- Controleer of de kleur ook in de donkere delen van je site goed leesbaar blijft
Verwant
Gerelateerde artikelen
AI-responses uitgelegd
Het verschil tussen canned en smart responses, en hoe de bot kiest welke hij gebruikt.
Site-info en AI-context
Vul de velden in die de AI vertellen wie je bent, wat je verkoopt en hoe je klinkt.
Chatbot- en foutmeldingen
Herschrijf het welkomstbericht, de attentiepopup en de productintroteksten.
Neem contact op
Ons supportteam staat klaar om je snel en persoonlijk te helpen wanneer je hulp nodig hebt.