Weergave en branding
Alles wat visueel is, staat onder Settings → Appearance. Wijzigingen gelden voor de live widget zodra je bewaart, dus doe ze buiten de piekuren.
Botnaam
De naam in de chatheader, en de waarde achter de placeholder {bot_name} in je antwoorden.
Kies iets korts en menselijks. Een naam verandert hoe bezoekers hun vraag formuleren — ze vragen Mika om advies, ze vragen Assistent om een link.
Botavatar
Kies een van de vijf ingebouwde iconen — Bot 1, Bot 2, Bot 3, Human, Chat — of upload je eigen icoon.
Voor een eigen icoon:
- Kies Custom
- Upload een PNG-, JPEG-, GIF- of WebP-bestand
- Maximaal 512 KB en 512 × 512 pixels
- Bewaar
Gebruik een vierkante afbeelding met transparante achtergrond en een duidelijk silhouet. Het icoon wordt op ongeveer 40 pixels getoond, dus fijne details en kleine tekst verdwijnen.
Twee schakelaars bepalen waar het verschijnt:
- Display bot avatar icon in chat window header — zet uit voor een strakkere header
- Bot avatar background — voegt een subtiele ronde achtergrond toe achter het icoon, alleen als de avatar zichtbaar is
Primaire kleur
Bepaalt de widgetknop en de accentkleuren. Laat leeg voor het standaardgroen #4CAF50.
Praktisch advies:
- Gebruik je call-to-action-kleur, niet je logokleur. De bel concurreert met je knoppen.
- Controleer het contrast met de witte iconen op de bel. Erg lichte kleuren maken het icoon onleesbaar.
- Controleer het op je productpagina’s, niet alleen op je homepage.
Hoekafronding
Accepteert een CSS-lengte zoals 12px, 8px of 16px. Leeg betekent de standaard 12px.
Stem af op de afronding van je eigen knoppen en kaarten. Een ronde widget op een site met rechte hoeken oogt aangeplakt.
Testtaal
Bepaalt de taal van het previewpaneel in het dashboard. Standaard is dat je primaire websitetaal, en het beïnvloedt echte bezoekers nooit.
Controleer je werk
- Open de Demo page via Settings → Chatbot settings
- Bekijk hem op een telefoon én op desktop
- Controleer of de bel geen sticky winkelwagenknop of cookiebanner afdekt
- Controleer of de kleur ook leesbaar blijft in de donkere secties van je site
Zie ook
Gerelateerde artikelen
AI-antwoorden uitgelegd
Het verschil tussen vaste en slimme antwoorden, 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, de productintro's en de foutteksten.
Neem contact op
Ons supportteam staat klaar om je snel en persoonlijk te helpen wanneer je hulp nodig hebt.