Ga naar hoofdinhoud

Hoe je je chatwidget kunt aanpassen

15 april 2026

Pas de kleuren, logo, positie, begroetingen en meer van je chatwidget aan — direct vanaf je dashboard, zonder dat er code nodig is.

Wat je kunt aanpassen

Het widget-aanpassingspaneel is verdeeld in zes accordeonsecties. Elke sectie bepaalt een specifiek aspect van hoe de widget eruitziet en zich gedraagt voor je bezoekers. Open elk gedeelte door op de kop te klikken — een live preview van de juiste updates in realtime terwijl je wijzigingen aanbrengt.

  • Widget Branding — achtergrondkleur, tekstkleur, merklogo, naam en pictogram van een AI-agent, widgettitel, widgetbericht, startknoptekst en LenoChat zichtbaarheid van branding.
  • Chatinhoud — een begroetingsbericht dat aan bezoekers wordt getoond voordat ze beginnen met chatten, en of de profielfoto en naam van je makelaar verschijnen tijdens een actief gesprek.
  • Kanalen — voeg WhatsApp, Instagram en Facebook Messenger contactlinks toe binnen de widget zodat bezoekers je via hun voorkeursplatform kunnen bereiken.
  • Gespreksstarters — maak tot 10 vooraf geschreven vraag-en-antwoordchips die in de widget verschijnen en bezoekers direct naar veelvoorkomende onderwerpen leiden.
  • Chatbubbel — bedien de geminimaliseerde widgetpositie (links of rechts van het scherm), voeg een teaserbericht toe dat boven de bubbel zweeft, en schakel geluidsmeldingen voor binnenkomende berichten aan.
  • Bestellingen volgen — als je Shopify winkel verbonden is, toon dan een ordertrackingkaart en een snelkoppeling onderaan in de widget zodat klanten zelf bestellingsstatusopzoekingen kunnen uitvoeren.

Toegang tot widget-aanpassingsinstellingen

Alle aanpassingsopties bevinden zich in één paneel in het dashboard van uw LenoChat. Je kunt het met een paar klikken bereiken, en elke wijziging die je aanbrengt wordt live bekeken in de widget-simulator aan de rechterkant van het scherm voordat je het vastzet.

  • Stap 1: Log in op je LenoChat dashboard.
  • Stap 2: Klik op Instellingen in de linker navigatiebalk.
  • Stap 3: Selecteer Widget-aanpassing in het instellingenmenu.
  • Stap 4: Het personalisatiepaneel opent met een accordeonindeling. Klik op een willekeurige sectiekop om deze uit te vouwen. De live preview rechts weerspiegelt je wijzigingen in realtime.
  • Stap 5: Wanneer je tevreden bent met je wijzigingen in alle secties, klik je op de Opslaan-knop. Een bevestigingsmelding bevestigt dat de instellingen zijn toegepast.
LenoChat Overzicht van het Widget-aanpassingsinstellingenpaneel dat accordeonsecties in het dashboard toont

Widgetbranding: Kleuren, logo en identiteit

De sectie Widget Branding bepaalt de visuele identiteit van je chatwidget. Stem het exact af op het kleurenpalet van je merk, upload een aangepast logo, configureer de tekst in de header en stel het label in op je start-chatknop. Deze instellingen zorgen ervoor dat de widget aanvoelt als een native onderdeel van je website in plaats van een tool van derden.

  • Achtergrondkleur — kies uit 5 vooraf ingestelde merkkleuren (#0078D4 blauw, #76B5C5 teal, #EAB676 goud, #E28743 oranje #EEEEE4 crème) of voer een aangepaste hex-waarde in met de kleurkeuze.
  • Tekstkleur — kies uit wit (#FFFFFF) of donker (#252423) om leesbaarheid te garanderen tegen de gekozen achtergrondkleur. LenoChat berekent de luminantie om de betere optie aan te geven, maar je kunt het overschrijven.
  • Merklogo — upload een afbeeldingsbestand tot 5 MB om het standaard LenoChat-logo in de widgetheader te vervangen door je eigen merkmerk. PNG-, JPG-, WebP- en SVG-formaten worden geaccepteerd.
  • Widget Titel — stel de kop bovenaan de open chatwidget in tot 100 tekens in. Veelvoorkomende voorbeelden: uw bedrijfsnaam, 'Chat with us', of 'How we can help you?'
  • Widgetbericht — stel een korte regel ondersteunende tekst in die onder de titel wordt weergegeven, tot 100 tekens. Gebruik dit om verwachtingen voor de reactietijd in te stellen: bijvoorbeeld: 'We reageren meestal binnen een minuut.'
  • Start Button Text — pas het label aan op de primaire call-to-action-knop binnen de widget, tot 50 tekens. Het standaardlabel is 'Start Chat', maar je kunt het personaliseren naar 'Praat met ons', 'Hulp krijgen' of elke zin die bij jouw merk past.
  • Widgettaal — selecteer de weergavetaal voor alle statische UI-elementen die zichtbaar zijn voor bezoekers, inclusief knoppenlabels, plaatsvervangers in invoervelden, tijdstempels en systeemberichten.
LenoChat chatwidget open state toont aangepaste achtergrondkleur, merklogo en widgettitel
Tip: Kies bij het kiezen van een achtergrondkleur er een die duidelijk contrasteert met witte tekst. Zeer lichte kleuren zoals #EEEEE4 (crème) moeten worden gecombineerd met de donkere tekstkleurinstelling om knoppenlabels en koppen leesbaar te houden voor alle bezoekers, inclusief mensen met een visuele beperking.

Alleen pro-branding kenmerken

Twee brandingopties zijn exclusief voor Werkruimtes van het Pro-plan: het aanpassen van de visuele identiteit van je AI-agent en het verwijderen van de LenoChat brandingbadge. Bij Gratis- en Plus-abonnementen zijn deze opties zichtbaar in het paneel, maar vergrendeld — als je erop klikt, verschijnt een upgradeprompt.

  • LenoChat Branding — bij Free- en Plus-abonnementen verschijnt onderaan elke widget een 'Powered by LenoChat'-badge. Pro-planwerkruimtes kunnen deze badge verbergen door Widget Branding → LenoChat Branding UIT te zetten.
  • Leno AI Agent Naam — Werkruimtes in het Pro-plan kunnen de standaard AI-agentnaam ('Leno AI') vervangen door een aangepaste naam tot 40 tekens. De aangepaste naam verschijnt in de widget naast AI-gegenereerde berichten, waardoor de AI een persona krijgt die aansluit bij jouw merk.
  • Leno AI Pictogram — Werkruimtes met het Pro-plan kunnen een aangepaste avatar uploaden voor de AI-agent (maximaal 1 MB, aanbevolen 256×256 px). Dit aangepaste pictogram verschijnt naast alle berichten die door Leno AI worden gegenereerd, ter vervanging van het standaard Leno AI avatar.

Chatinhoud: Begroetingsbericht en Agent Profiel

De sectie Chatinhoud stelt in wat bezoekers zien wanneer ze de widget openen en hoe agenten verschijnen tijdens een live gesprek. Twee settings werken samen om een gastvrije en persoonlijke chatervaring te creëren.

  • Begroetingsbericht — schakel een welkomstbericht in dat bovenaan de chatwidget wordt weergegeven wanneer een bezoeker deze opent. Typ je bericht (tot 250 tekens) in het tekstveld en zet vervolgens Begroetingsbericht AAN. Wanneer uitgeschakeld, opent de widget direct naar het chatinvoergebied zonder inleidende tekst.
  • Profiel van Agenten Weergeven — wanneer deze schakelaar AAN staat, verschijnen de profielfoto en weergavenaam van de toegewezen agent in de widgetheader tijdens een actief gesprek. Dit maakt de interactie persoonlijker en helpt bezoekers te herkennen met wie ze spreken. Wanneer uitgeschakeld, worden alleen de standaardtitel en het logo van de widget weergegeven in de header, ongeacht welke agent de chat afhandelt.
  • Om een profielfoto van een agent toe te voegen, moet elke agent een foto uploaden in zijn eigen profielinstellingen onder Mijn Account → Profielfoto. Het Widget-aanpassingspaneel bepaalt alleen of foto's worden weergegeven — het uploaden van de foto gebeurt op agentniveau.
LenoChat chatwidget toont de profielfoto en naam van de toegewezen agent in de widgetheader tijdens een live gesprek

Chatbubbel: Positie en meldingen

De Chat Bubble-sectie bepaalt hoe de widget eruitziet in zijn geminimaliseerde staat op je website. Je kunt kiezen in welke hoek van het scherm de bubbel zit, een teaserbericht toevoegen dat erboven zweeft om aandacht te trekken, en een geluidswaarschuwing inschakelen zodat bezoekers worden geïnformeerd wanneer er een nieuw bericht binnenkomt.

  • Bubbellocatie — wissel tussen Links en Rechts om de geminimaliseerde chatbubbel linksonder of rechtsonder op het bezoekersscherm te plaatsen. Rechts is de standaard en meest voorkomende positie. De wijziging treedt direct in op je live website na het opslaan.
  • Chatbubbelbericht — schakel een kleine pop-up teasertekst in die boven de chatbubbel zweeft. Voer je bericht (tot 100 tekens) in het tekstveld en zet Chat Bubble Message inschakelen op AAN. Een effectieve teaserboodschap ('Vragen? We zijn er!') kan het openpercentage van widgets aanzienlijk verhogen door bezoekers aan te moedigen die anders de bubbel misschien zouden negeren.
  • Geluidsmelding — zet Geluidsmelding voor bezoekers aan om een audiosignaal af te spelen in de browser van de bezoeker wanneer er een nieuw bericht binnenkomt van een agent of Leno AI. Dit is vooral handig voor bezoekers die de chat open houden in een achtergrondtabblad — ze horen het geluid en keren terug naar het gesprek zonder een antwoord te missen.
LenoChat chatwidget openstaat nadat een bezoeker op de Start Chat-knop klikt, voordat een gesprek is gestart
Tip: Plaats de chatbel aan de andere kant van het scherm van je cookie-toestemmingsbanner, zwevende call-to-action-knoppen of winkelwagenwidget. Overlappende UI-elementen verminderen het aantal openen van chats — bezoekers negeren de chatbubbel soms per ongeluk wanneer ze met een ander element willen interacteren.

Kanalen: Toevoeging van WhatsApp, Instagram en Facebook

In het gedeelte Kanalen kun je contactlinks voor WhatsApp, Instagram en Facebook Messenger direct binnen de chatwidget weergeven. Bezoekers kunnen op een kanaalicoon tikken of klikken om een gesprek te openen op hun voorkeursplatform zonder je website te verlaten.

  • Stap 1: Vouw het gedeelte Kanalen uit en zet Andere Kanalen Tonen in de Chatwidget aan op AAN.
  • Stap 2: Kies onder Weergavetype Alleen Pictogram voor een compact uiterlijk of Pictogram + Tekst om de platformnaam naast elk pictogram te tonen.
  • Stap 3: Zet voor elk platform dat je wilt toevoegen het zichtbaar aan en vul je contactgegevens in. WhatsApp vereist een telefoonnummer (10–15 cijfers, optioneel beginnend met +). Instagram vereist je gebruikersnaam (1–30 tekens, letters, cijfers, stippen en onderstreningen). Facebook vereist je pagina-ID (alleen cijfers, te vinden in je Facebook pagina-instellingen).
  • Stap 4: Sla je wijzigingen op. Op mobiel openen kanaallinks direct de native app (WhatsApp app, Instagram app, Facebook Messenger app). Op desktop openen links de webversie van elk platform.
  • Je kunt afzonderlijke kanalen onafhankelijk in- of uitschakelen. Je kunt bijvoorbeeld WhatsApp en Instagram tonen terwijl je Facebook verborgen houdt, zonder je Facebook Page ID te hoeven verwijderen.
LenoChat chatwidget die WhatsApp, Instagram en Facebook kanaallinks toont met icoon- en tekstindeling

Gespreksstarters: Aangepaste Q&A suggesties

Gespreksstarters zijn vooraf geschreven vraag-en-antwoordparen die verschijnen als aanraakbare suggestiechips in de open chatwidget. Wanneer een bezoeker op een starter tikt, wordt de vraag automatisch verzonden en verschijnt het geconfigureerde antwoord direct — geen wachttijd, geen menselijke agent nodig. Dit is vooral effectief om bezoekers naar je meest voorkomende informatieverzoeken te leiden.

  • Je kunt tot 10 gespreksstarters per werkruimte maken. Elke starter bestaat uit een korte vraag die zichtbaar is voor de bezoeker en een langer antwoord dat wordt gegeven wanneer de vraag wordt beantwoord.
  • Elke starter kan individueel worden ingeschakeld of uitgeschakeld zonder hem te verwijderen. Schakel een starter tijdelijk uit wanneer de informatie verouderd is (bijvoorbeeld een seizoenspromotie) en activeer deze later weer zonder dat je hem opnieuw hoeft aan te maken.
  • Herschik de starters door ze op en neer te slepen in de lijst. De volgorde die je hier instelt is precies de volgorde die bezoekers in de widget zien — stel eerst je meest gestelde vragen.
  • Om een starter toe te voegen: klik op Gespreksstarter toevoegen, typ de vraagtekst in (houd het kort en actiegericht — bijvoorbeeld: 'Wat zijn je bezorgtijden?'), schrijf of plak je aangepaste antwoord, en sla het op. Antwoorden op gespreksstarters ondersteunen platte tekst tot ongeveer 2.000 tekens.
  • Om een starter te verwijderen: klik op het verwijder-icoon op de startkaart. Verwijdering is onmiddellijk en kan niet worden ongedaan gemaakt. Schakel uit in plaats van te verwijderen als je de starter weer nodig hebt.

Offline vorm: Leads na sluitingstijd vastleggen

Wanneer je team niet beschikbaar is en Leno AI niet is ingesteld om gesprekken te blijven afhandelen, kan de widget een offline contactformulier tonen zodat bezoekers hun gegevens en bericht kunnen achterlaten. Dit zorgt ervoor dat er buiten kantooruren geen aanvragen verloren gaan.

  • Stap 1: Klik in het Widget-aanpassingspaneel bovenaan op het tabblad Offline (naast het tabblad Uiterlijk).
  • Stap 2: Zet offline formulier inschakelen op AAN.
  • Stap 3: Pas de formuliertitel aan (bijvoorbeeld 'We zijn nu vertrokken'), de ondersteunende beschrijving en welke velden verzameld moeten worden. Naam-, e-mail- en telefoonnummervelden kunnen elk als optioneel of verplicht worden ingesteld, afhankelijk van uw behoeften.
  • Stap 4: Stel het bevestigingsbericht in dat bezoekers zien na het indienen van het formulier — bijvoorbeeld: 'Dank je! We reageren binnen één werkdag.'
  • Stap 5: Sla je wijzigingen op. Het offline formulier activeert automatisch wanneer je werkruimte buiten de kantooruren valt die je hebt ingesteld in de Chaturen-instellingen.
Schakel offline formulierinstellingen in LenoChat widget-aanpassing in om contactgegevens van bezoekers na kantooruren vast te leggen

Offline bericht: Je afwezige tekst instellen

Het offline bericht is de tekst die bezoekers krijgen wanneer ze de widget buiten je geconfigureerde kantooruren openen en het offline formulier niet is ingeschakeld. Een duidelijke, behulpzame offline boodschap schept verwachtingen en kan bezoekers doorverwijzen naar zelfbedieningsbronnen of alternatieve contactmethoden.

  • Stap 1: Klik in Widget-aanpassing op het tabblad Offline.
  • Stap 2: Schrijf onder Offline Bericht je weg bericht. Wees specifiek over je responstijd — bijvoorbeeld: 'We zijn nu offline. Laat uw e-mailadres achter en wij reageren binnen één werkdag.'
  • Stap 3: Sla je wijzigingen op. Het bericht wordt automatisch weergegeven aan bezoekers die de widget buiten je gedefinieerde kantooruren openen.
Offline berichtconfiguratie in LenoChat widget-aanpassing die tekst en verwachte responstijdinstellingen toont

Veelvoorkomende problemen en oplossingen

Wijzigingen opgeslagen, maar de widget op mijn website ziet er nog steeds hetzelfde uit

Widget-instellingen worden gecachet door de browser van je bezoeker. Na het opslaan van wijzigingen in je dashboard, voer je een harde verversing uit op de websitepagina (Ctrl+Shift+R op Windows/Linux, Cmd+Shift+R op Mac) om de cache te omzeilen. Nieuwe bezoekers ontvangen altijd direct na het opslaan de nieuwste configuratie.

Mijn aangepaste logo wordt niet weergegeven in de widget

Controleer of het geüploade bestand minder dan 5 MB is en in een ondersteund formaat (PNG, JPG, WebP of SVG). Als het bestand geldig is en het logo nog steeds niet verschijnt, verwijder dan de bestaande logo-invoer, sla het op, upload het bestand opnieuw en sla opnieuw op — dit dwingt de afbeelding om opnieuw te worden verwerkt. Zorg ervoor dat de voortgangsindicator van het uploaden volledig is voltooid voordat je op Opslaan klikt.

De LenoChat Branding-schakelaar is grijs gemaakt

Het verwijderen van de badge 'Powered by LenoChat' is een functie van het Pro-abonnement. Als de schakelaar een 'Pro'-badge toont en niet kan worden aangeklikt, staat je werkruimte op het Free- of Plus-abonnement. Ga naar Instellingen → Facturering en upgrade naar Pro om deze optie te ontgrendelen.

De optie voor de naam of het icoon van de AI-agent is vergrendeld

Het aanpassen van de naam en het pictogram van de AI-agent zijn beide functies van het Pro-abonnement. Als een van beide opties een 'Pro'-label toont en niet interactief is, upgrade dan je werkruimte onder Instellingen → Facturering. Eenmaal op het Pro-abonnement worden beide velden bewerkbaar in het Widget Branding-gedeelte.

Kanaallinks verschijnen niet in de widget

Controleer drie dingen: de hoofdschakelaar 'Andere kanalen tonen' staat AAN, elke individuele kanaalschakelaar is ingeschakeld en geldige contactgegevens zijn ingevoerd voor elk zichtbaar kanaal (correct telefoonnummerformaat voor WhatsApp, geldige gebruikersnaam voor Instagram, pagina-ID alleen cijfers voor Facebook). Sla op na correcties en voer een harde verversing uit op de websitepagina.

Veelgestelde vragen

Kan ik elke hexkleur gebruiken voor de widget-achtergrond?

Ja. De kleurkieser accepteert elke geldige hex-code, dus je bent niet beperkt tot de 5 vooraf ingestelde kleuren. Voer de exacte hexwaarde van je merk in voor een pixel-perfecte match met je websiteontwerp. De tekstkleurinstelling is onafhankelijk en moet apart worden aangepast om de leesbaarheid te behouden.

Zullen wijzigingen in widgetinstellingen alle websites beïnvloeden waar ik de widget heb geïnstalleerd?

Ja. Widget-aanpassingsinstellingen zijn wereldwijd van toepassing op alle installaties van je LenoChat-widget op elke website op je werkruimte. Wijzigingen gaan in voor nieuwe bezoekers zodra ze zijn opgeslagen. Als je verschillende widgetconfiguraties voor verschillende websites nodig hebt, heeft elke website een aparte LenoChat werkruimte nodig.

Kan ik het 'Powered by LenoChat'-badge verwijderen?

Ja, maar alleen op het Pro-abonnement. Ga naar Widget Branding → LenoChat Branding en zet het uit op UIT. Deze optie is niet beschikbaar in het Free- of Plus-abonnement. Upgrade naar Pro onder Instellingen → Billing om het verwijderen van merken te ontgrendelen.

Hoeveel gespreksstarters kan ik toevoegen?

Je kunt tot 10 gespreksstarters per werkruimte toevoegen. Elke starter kan individueel worden ingeschakeld of uitgeschakeld zonder hem te verwijderen, en je kunt ze herschikken door te slepen. Alleen ingeschakelde starters zijn zichtbaar voor bezoekers in de widget.

Kan ik widgetwijzigingen bekijken voordat ze live gaan?

Ja. Het Widget-aanpassingspaneel bevat een live preview aan de rechterkant van het scherm die in realtime wordt bijgewerkt terwijl je instellingen aanpast. Kleur, tekst, bubbelpositie en lay-outwijzigingen zijn allemaal zichtbaar in de preview voordat je op Opslaan klikt.

Wat beïnvloedt het veranderen van de widgettaal?

Het wijzigen van de widgettaal brengt alle statische UI-tekstelementen — inclusief knoplabels, invoerplaatsholdertekst, systeemberichten en tijdstempels — bij in de geselecteerde taal. Het verandert de taal van AI-antwoorden of agentenreacties niet, die apart zijn geconfigureerd in Leno AI Instellingen.

Kunnen bezoekers op mobiel links WhatsApp, Instagram en Facebook in de widget tikken?

Ja. LenoChat genereert platformspecifieke diepe links voor mobiele bezoekers. Door op de WhatsApp link op een mobiel apparaat te tikken, opent je direct de WhatsApp-app. Op desktop opent dezelfde link WhatsApp web. Hetzelfde deep-link-gedrag geldt voor Instagram en Facebook Messenger.