Het startscherm van de chat: begroeting, logo, tegels en tabbladen

Het startscherm is het eerste wat een bezoeker ziet bij het openen van de chat: een begroeting, uw logo, een gekleurde kopbalk en maximaal tien tegels. Daaronder wisselt de bezoeker tussen de tabbladen Start, Berichten en Hulp. Zonder startscherm opent de chat direct in het gesprek.

U vindt de instellingen onder /app/projects/{id}, tabblad Uiterlijk, sectie Startscherm van de widget.

Het livevoorbeeld

Naast het formulier draait de echte widget, gevoed door uw invoer. Wat u typt, verschijnt direct in het voorbeeld. Hierdoor wordt niets opgeslagen — alleen de knop Opslaan past de wijziging toe. Na het opslaan duurt het maximaal een minuut voordat uw bezoekers die zien.

Het Hulp-tabblad ontbreekt in het voorbeeld: dit hangt af van de gepubliceerde artikelen in uw helpcentrum, die de widget vanaf uw eigen domein ophaalt. Op uw website is het er wel.

De schakelaars

• Het startscherm tonen – Uit (standaard): de chat opent direct in het gesprek en er is geen rij tabbladen. Aan: de chat start op het startscherm.
• Het Hulp-tabblad tonen – toont de gepubliceerde artikelen uit uw helpcentrum, met zoekfunctie. Het tabblad verschijnt pas als het helpcentrum een adres en minstens één gepubliceerd artikel heeft. Hoe u het helpcentrum instelt, staat in het producthandboek.
• Het laatste bericht op het startscherm tonen – Aan (standaard): terugkerende bezoekers zien waar ze gebleven waren en kunnen met één klik naar het gesprek.
• De knop ‘Met het team praten’ onder het berichtveld tonen – Aan (standaard). De knop verschijnt terwijl de AI-assistent antwoordt. Als niemand van uw team online is, heet deze ‘Een bericht voor het team achterlaten’.

Logo, kleuren en begroeting

• Logo op het startscherm – een adres dat begint met https://, of een afbeelding als data:image/…. Maximaal 255 tekens. Leeg betekent: geen logo, dan wordt alleen de begroeting getoond.
• Kleurverloop kopbalk, van en tot – twee kleuren voor de gekleurde kopbalk van het startscherm. Zonder waarde gebruikt de widget uw merkkleur (zie Kleuren, lettertype en thema).
• Begroeting – de grote regel bovenaan. Leeg betekent: onze vertaalde tekst (‘Hallo 👋’).
• Regel eronder – de kleinere regel. Leeg betekent: ‘Hoe kunnen we helpen?’ in de taal van de bezoeker.

U schrijft de begroeting, de regel eronder en de teksten van de tegels in de standaardtaal van het project (Installatie → Basisgegevens). Maximaal 400 tekens per tekst. Hiervoor is geen aparte vertaling per taal: wat u invult, zien ook bezoekers van wie de widget in een andere taal werkt. Schrijf het startscherm daarom in de taal die de meeste bezoekers lezen. Als u de begroeting of de regel eronder leeg laat, verschijnt onze tekst in de taal van de bezoeker.

Hoe de kopbalk wordt vormgegeven (kleurverloop, plat of glas) en hoe compact het startscherm eruitziet, stelt u in onder Uiterlijk → Merk → Stijl, zie Chatvenster: stijl, grootte en zijpaneel.

Tegels

Tegels zijn grote knoppen op het startscherm. U kunt er maximaal tien maken. Een tegel zonder kop wordt niet getoond — zo verwijdert u er ook een: maak de kop leeg en sla op.

Elke tegel heeft:

• Gedrag – wat een klik doet:
• naar het gesprek gaan – opent het gesprek. Als Doel een zin bevat, wordt die in het invoerveld van de bezoeker geplaatst. De zin wordt niet verstuurd.
• een link openen – opent het adres in Doel. Het moet beginnen met https://, anders wordt het niet opgeslagen.
• Hulp openen – schakelt naar het Hulp-tabblad.
• een bericht achterlaten – opent het formulier voor een bericht per e-mail.
• Kop – verplicht, anders verschijnt de tegel niet.
• Regel eronder – optioneel.
• Doel – afhankelijk van het gedrag het adres of de vooraf ingevulde zin, maximaal 200 tekens.

Het hele startscherm (tegels, teksten en promotiekaart samen) mag bij het opslaan maximaal 16 KB groot zijn. Tien tegels met kop en tweede regel blijven daar ruim onder. Als het te veel wordt, noemt uw account de reden in plaats van stilzwijgend iets weg te laten.

Promotiekaart

Op het startscherm en/of bovenaan het gesprek kunt u een kaart met uw eigen aanbod tonen, bijvoorbeeld uw betaalde abonnement. Deze staat onder Uiterlijk → Promotiekaart en heeft een eigen handleiding: De promotiekaart in de chat. Voor de plaatsing ‘startpagina’ moet het startscherm zijn ingeschakeld.

Een tabblad kiezen bij het openen

Welk tabblad bij het openen van de chat vooraan staat, kunt u per link of aanroep instellen, met data-rc-tab of de optie tab:

<a href="#rc-open" data-rc-tab="help">Browse help articles</a>

ReactiveChat('open', { tab: 'home' });

Toegestaan zijn home (startscherm), msg (gesprek) en help (help). Als het tabblad niet bestaat, opent de chat gewoon zoals gebruikelijk. Meer hierover in De chat openen via uw eigen link of knop.

Als er iets niet verschijnt

• Geen rij tabbladen: is Het startscherm tonen aangevinkt en opgeslagen?
• Geen Hulp-tabblad: heeft uw helpcentrum een adres en minstens één gepubliceerd artikel?
• Een tegel ontbreekt: heeft die een kop?
• Het logo ontbreekt: begint het adres met https:// of data:image/?

U kunt de teksten van de tabbladen (‘Start’, ‘Berichten’, ‘Hulp’) en de ingebouwde tegels wijzigen onder Teksten en talen.