Handleiding

Widget aanpassen

Laat de chatwidget passen bij je merk. Pas kleuren, logo's, berichten en gedrag aan vanuit je dashboard — zonder codewijzigingen.

Zo pas je de widget aan

  1. 01

    Open Kanalen

    Kies "Kanalen" in de zijbalk. Je moet eigenaar of beheerder zijn om kanaalinstellingen te wijzigen.

  2. 02

    Kies het kanaal van je website

    Kies het kanaal van je website en open daarna het tabblad "Livechat". Alle aanpassingsopties voor de widget vind je hier.

  3. 03

    Werk de instellingen bij

    Wijzig de instellingen voor huisstijl, berichten of gedrag, bekijk het Voorbeeld en kies daarna Wijzigingen opslaan.

  4. 04

    Wijzigingen gelden meteen

    De widget haalt bij elke paginalading zijn configuratie op, dus je wijzigingen zijn zichtbaar zodra een bezoeker je website opnieuw laadt.

Huisstijl

Visuele instellingen die bepalen hoe de widget er op je site uitziet. De launcher kan een van twee stijlen gebruiken:

  • Logo
  • Pictogram
InstellingBeschrijvingStandaard
Stijl van launcherKies Logo om een eigen afbeelding te gebruiken, of Pictogram om een van de ingebouwde launcherpictogrammen van Sonny te kiezen.Pictogram
WidgetlogoVerschijnt als Stijl van launcher op Logo staat. Upload een JPEG-, PNG-, GIF- of WebP-afbeelding van minder dan 2 MB en minstens 64x64 px.Geen eigen logo
Pictogram kiezenVerschijnt als Stijl van launcher op Pictogram staat. Kies het ingebouwde pictogram voor de launcher.Chatballon
Kleur van pictogramStel de kleur van het gekozen launcherpictogram in met de kleurkiezer of een hexwaarde van 6 tekens.#ffffff
MerkkleurWordt gebruikt voor de launcherknop, de kop van de chat, de verzendknop en de ballonnen van uitgaande berichten.#2563eb
Positie van widgetKies of de widget Rechtsonder of Linksonder op de pagina verschijnt.Rechtsonder

Berichten

Pas de teksten aan die bezoekers zien als ze de widget gebruiken.

Begroetingsbericht
De tekst bovenaan het chatvenster als een bezoeker de widget opent. Hiermee zet je de toon voor het gesprek.
Standaard: "Hoi! Waarmee kunnen we je helpen?" · Max. 500 tekens
Bericht bij online
De statustekst in de kop van de chat als er minstens één medewerker online is. Verschijnt naast een groen bolletje.
Standaard: "We antwoorden meestal binnen een paar minuten" · Max. 500 tekens
Bericht bij offline
De statustekst in de kop van de chat als er geen medewerkers online zijn. Verschijnt naast een grijs bolletje.
Standaard: "We zijn afwezig — laat een bericht achter, dan nemen we contact met je op" · Max. 500 tekens

Gedrag

Instellingen die bepalen hoe de widget zich gedraagt voor bezoekers.

Moment van e-mailvraag
Bepaal wanneer bezoekers om hun naam en e-mailadres wordt gevraagd. Kies "Vóór het eerste bericht" om contactgegevens vooraf te vragen, of "Na het eerste bericht" (standaard) zodat bezoekers meteen kunnen chatten en je hun gegevens daarna vastlegt.
Vragenlijst vooraf
Vraag bezoekers om hun gegevens voordat de chat begint. Zet de vragenlijst aan en kies met Verplichte velden voor Naam, E-mail of allebei. Er moet minstens één veld geselecteerd blijven.
Openingstijden
Stel je openingstijden in voor elke dag van de week. De widget toont zich alleen als online wanneer er binnen die tijden een medewerker beschikbaar is — daarbuiten zien bezoekers je offline bericht, en kan de AI-autoresponder het overnemen als je die gebruikt.
Waar de widget verschijnt
Toon de widget alleen op gekozen pagina's, verberg hem op andere, of toon hem alleen als aan voorwaarden wordt voldaan, zoals een bezoekersgroep, een URL-parameter, een periode of de tijd op de pagina. Weergaveregels instellen.
Toegestane ontwikkeldomeinen
Standaard laadt de widget alleen op je geregistreerde productiedomein. Voeg extra domeinen toe (zoals localhost:3000 of staging.example.com) om de widget tijdens het ontwikkelen te testen. localhost is altijd automatisch toegestaan.
“Mogelijk gemaakt door Sonny” verbergen
Haal de Sonny-branding weg uit de widget. Dit zit bij elk AI-abonnement of de BYOK-ontgrendeling inbegrepen.
Afleververvinkjes tonen aan bezoekers
Toon een vinkje onder het bericht van een bezoeker zodra Sonny het heeft ontvangen. Het vinkje betekent niet dat een medewerker het bericht heeft gelezen.

Verplichte gegevens en verificatie

Gegevens vooraf en bezoekersverificatie lossen verschillende problemen op. Als E-mail verplicht is, moet elk nieuw gesprek een e-mailidentiteit hebben. Een geldige ondertekende identiteit voldoet daaraan; als identificatie via e-mail in de browser is toegestaan, voldoet ook het e-mailadres dat de bezoeker invult. Een opgeslagen naam of ingevulde vragenlijst is geen e-mailidentiteit, dus Sonny vraagt het opnieuw in plaats van een niet-geïdentificeerd gesprek te openen.

Staat verificatie op Uit of Optioneel, dan maakt een door de bezoeker ingevuld e-mailadres een niet-geverifieerd contact aan en ontgrendelt het geen geschiedenis op andere apparaten. Met Bewijs vereisen om te identificeren wordt een in de browser ingevuld e-mailadres niet als identiteit geaccepteerd, dus is een ondertekende JWT vereist als E-mail een verplicht veld vooraf is.

De widget installeren en beheren

Gebruik Installatiecode om de code voor je website te kopiëren. Het live Voorbeeld laat zien hoe opgeslagen visuele instellingen eruitzien. Heb je het kanaal niet meer nodig, kies dan Website ontkoppelen en bevestig.

Installatiehandleiding widget

Gerelateerde handleidingen

Zie hoe Sonny helpt