Dashboard-overzicht

Het ChatReact-dashboard is uw centraal punt voor het beheren van chatbots, het monitoren van gesprekken en het configureren van uw platform.

Dashboard Home

Wanneer u uw dashboard opent, ziet u een uitgebreid overzicht van uw chatbot-activiteit.

De paginakop toont de naam van de geselecteerde chatbot samen met de Chatbot ID en een één-klik kopieerknop — handig wanneer u de ID nodig heeft voor de embed-code of een integratie.

KPI-statistiekenraster

Het dashboard toont maximaal 6 belangrijke prestatie-indicatoren:

Activiteitspanelen

Het dashboard toont vier hoofdpanelen:

1. Recent Chats - Laatste klantgesprekken met statusbadges
2. New Leads - Recente leads met contactinformatie (als Lead Management ingeschakeld is)
3. Pending FAQ Suggestions - AI-gegenereerde FAQ's klaar voor goedkeuring
4. Activity Feed - Gecombineerde tijdlijn van alle recente activiteit

Navigatiestructuur

De dashboard-sidebar biedt toegang tot alle belangrijke functies. Bovenaan de sidebar vindt u de company switcher en chatbot switcher om tussen bedrijven en chatbots te wisselen, en de sidebar kan worden samengeklapt met de chevron-knop onderaan.

Hoofdsecties

Onderaan de sidebar vindt u ook Company (bedrijfsinstellingen) en Account (uw persoonlijke accountinstellingen).

Chatbot-beheer

Elke chatbot heeft een eigen instellingenpagina met tabbladen:

• General: Naam, beschrijving en status
• Persona: Persoonlijkheid, communicatiestijl en tonaliteit (formeel/informeel, humorniveau, enz.)
• Languages: Primaire en ondersteunde talen
• Widget: Aanpassing van uiterlijk en ontwerp
• Behavior: Welkomstberichten, proactieve begroetingen en instellingen voor live chat-overdracht
• Confidence: Confidence-score, leercyclus en confidence-categorieën (afhankelijk van plan)
• Restrictions: Nalevingsregels en beperkingen
• Embed: Installatiecode voor de widget

Voor een gedetailleerde uitleg van de tabbladen Widget en Behavior, zie Widget Customization.

Dashboard-header

De header bevat:

• Global Dashboard: Opent een activiteitenoverzicht van al uw bedrijven en chatbots (zie hieronder)
• Limit warning: Wanneer een planlimiet is bereikt, verschijnt er een banner met een Upgrade now-link naar billing
• Theme Toggle: Wissel tussen lichte en donkere modus
• Language Selector: Wissel tussen interface-talen
• Notifications: Meldingen voor crawl-voltooiingen, nieuwe feedback, nieuwe leads, enz. — zie Notifications
• User Menu: Accountinstellingen en uitloggen

Global Dashboard

De Global-knop in de header opent het Global Dashboard — een overzicht van elk bedrijf en elke chatbot in uw account. Elke chatbot toont activiteitsbadges die rechtstreeks naar de relevante pagina linken:

• Unread chats — gesprekken die u nog niet heeft bekeken; het openen van de Chats-lijst van die chatbot markeert ze als gelezen
• New leads
• FAQ suggestions
• Form submissions
• Live chat requests

Chatbots die nog in hun leerfase zitten tonen ook een leerfase-indicator met de huidige confidence-score.

Chatreview

Gesprekken beoordelen

De sectie Chats stelt u in staat gesprekken te beoordelen en feedback te geven om uw chatbot te verbeteren:

Het overzicht toont vier stat cards (Total, Pending, Good, Needs Work) met volledige totalen voor de geselecteerde chatbot (niet alleen de rijen die momenteel geladen zijn). Het Needs Work-totaal telt gesprekken die nog follow-up nodig hebben — chats met een completed verbeteringssessie worden in plaats daarvan onder improved geteld, niet onder needs work. Hieronder de kaarten gebruikt u het Status-filter aan de rechterkant om de lijst te verfijnen (All, no feedback, pending, good, needs work, reviewed, en — wanneer uw plan de Improvement Agent bevat — improved). Wanneer uw plan de Improvement Agent omvat en u confidence-categorieën heeft ingesteld, verschijnt er naast het Status-filter een extra Category-filter. Filteren gebeurt op de server, dus paginering en Load more blijven accuraat.

1. Open een chat uit de lijst
2. Beoordeel het gesprek met de knoppen:
   • Good (Thumbs up) — Markeert de chat als een positief voorbeeld
   • Needs Work (Thumbs down) — Markeert de chat als verbeteringswaardig. Daarna verschijnt een Improve with AI-knop die u naar de Improvement Agent brengt (afhankelijk van plan)
   • Reviewed (Check) — Markeert de chat als beoordeeld zonder deze positief of negatief te waarderen. Heeft geen invloed op de confidence-score en triggert geen e-mails of verbeteringssessies.

Als u later besluit dat een chat toch verbetering nodig heeft nadat u deze op Good of Reviewed had gezet, opent u de chatdetailpagina en gebruikt u Needs Work. Het gesprek wordt opnieuw als verbeteringswaardig beoordeeld, de confidence-score wordt opnieuw berekend en u kunt de Improvement Agent gebruiken.

Chatdetailweergave

Elke chat toont:

• De volledige gespreksgeschiedenis
• De page URL waar de chat is gestart (klikbare link met wereldbolpictogram)
• Bezoekersinformatie (indien beschikbaar via pre-chatformulieren)

Wanneer uw plan de Improvement Agent bevat, kunt u in de detailweergave ook een confidence category aan elke chat toewijzen (of een bestaande toewijzing wijzigen). De per-categorie confidence-scores worden automatisch opnieuw berekend.

Voor beoordeelde negatieve chats toont de detailweergave ook een confidence severity-blok:

• Automatische severity-bucket (MINOR, MODERATE, MAJOR, CRITICAL)
• De toegepaste confidence-aanpassing voor die beoordeling
• Een korte reden die de classificatie verklaart
• Een handmatige override zodat u de severity kunt corrigeren wanneer de impact op het bedrijf hoger of lager is dan het automatische resultaat

Voorbeeld met URL-simulatie

De Preview-pagina stelt u in staat uw chatbot te testen met een gesimuleerde pagin URL:

1. Ga naar Preview in de sidebar
2. Voer een URL in het URL-veld in (bijv. https://yoursite.com/products)
3. De widget gedraagt zich alsof hij op die pagina staat, zodat u pagina-specifieke antwoorden kunt testen

Dit is nuttig om te verifiëren dat uw chatbot contextueel reageert op verschillende pagina's van uw website.

Onboarding-wizard

Wanneer u voor het eerst een bedrijf aanmaakt of nog geen chatbots heeft, toont het dashboard een onboarding-wizard die u door de volgende stappen leidt:

1. Create Chatbot - Stel uw eerste AI-assistent in
2. Add Knowledge - Upload documenten of crawl uw website
3. Customize - Pas uw merk- kleuren en -stijl aan
4. Embed - Voeg de chatbot toe aan uw website

Dashboard Assistant

De Dashboard Assistant is een AI-gestuurde helper die beschikbaar is via de zweemknop rechtsonder in het dashboard. Hij kan u helpen bij het beheren van uw chatbots, FAQ's, instellingen en meer via natuurlijke taalcommando's.

Bugrapportage

Wanneer u een bug tegenkomt tijdens het gebruik van het dashboard, kunt u deze rechtstreeks via de Dashboard Assistant melden:

1. Klik op de sparkle-knop om de Assistant te openen
2. Omschrijf het probleem dat u bent tegengekomen
3. De Assistant zal verduidelijkende vragen stellen om te bepalen of het een echte bug of een gebruiksvraag betreft
4. Als het een bevestigde bug is, kan de Assistant u vragen een screenshot te uploaden (via de afbeeldingsknop of plakken vanuit het klembord), waarna uw rapport naar ons team wordt doorgestuurd, dat het zal onderzoeken

Screenshot-upload

U kunt schermafbeeldingen op twee manieren aan uw berichten toevoegen:

• File picker: Klik op de afbeeldingsknop (links van het tekstveld) om een afbeeldingsbestand te selecteren
• Clipboard paste: Maak een screenshot en plak deze (Ctrl/Cmd+V) in het tekstveld

Ondersteunde formaten: PNG, JPEG, WebP (maximaal 5 MB).

Mobiele ondersteuning

Het dashboard is volledig responsief en werkt op alle apparaten:

• Desktop: Volledige sidebar-navigatie met alle zichtbare functies
• Tablet: Samenvouwbare sidebar met geoptimaliseerde lay-outs
• Mobile: Slide-in drawer-navigatie, verticaal gestapelde lay-outs voor optimale aanrakinginteractie

Alle tekst-knop-combinaties passen zich automatisch aan kleinere schermen aan door verticaal te stapelen.

Volgende stappen

• Chatbot Wizard →
• Knowledge Base →
• Lead Management →
• Team Management →