In dit artikel lees je hoe je jouw Chat Widget kunt instellen en deze kunt aanpassen op basis van jouw voorkeuren.
Bekijk onze video:
Als je dit nog niet hebt gedaan, begin dan met het aanmaken van een nieuwe Chat Widget. Instructies hiervoor vind je in dit artikel.
Heb je al een Chat Widget aangemaakt? Ga dan via Apps naar deze widget.
Naam geven en verbergen van de Chat Widget
De naam van je Chat Widget wordt automatisch ingesteld als je bedrijfsnaam. Je kunt deze aanpassen naar wens. De naam is niet zichtbaar voor klanten.
Met Chat Widget weergeven of verbergen kun je ervoor kiezen om de hele chatwidget te verbergen op je website, zonder de code van je website te verwijderen.
Opties voor het insluiten van de Chat Widget
Binnen de insluitopties kun je kiezen hoe je de Chat Widget wilt weergeven: als widget of op volledig scherm.
Je Chat Widget aanpassen
Je kunt de Chat Widget stap voor stap vormgeven. Dit is verdeeld over 4 tabbladen: Lokaliseren, Design, Aantrekken en Plaatsing. Hieronder vind je een uitleg per tabblad.
Elke keer dat je iets aanpast, zie je aan de rechterkant een voorbeeld van hoe de Chatwidget er voor je klanten uit zal zien. Er zijn verschillende tabbladen om de weergave van de Chatwidget te bekijken:
-
Welkom: het startscherm van de chat.
-
Chat: wanneer iemand in gesprek is.
-
Minimized: hoe de AI Agent eruitziet wanneer de chat nog niet is geopend of is geminimaliseerd.
-
Privacy: de privacyverklaring.
-
Closed: buiten openingstijden. Dan is het alleen mogelijk berichten te sturen als de AI Agent actief is.
Om de wijzigingen op je website te zien, moet je deze altijd opslaan.
Tabblad 1: Lokaliseren
Onder Lokaliseren kun je de datum en standaardtaal instellen, zoals Nederlands of Engels. Kies je voor Aangepast, dan kun je je eigen vertalingen maken. Dit is handig als je een taal wilt gebruiken die niet standaard beschikbaar is, of als je standaardteksten wilt aanpassen.
Bij Aangepast kun je de volgende teksten aanpassen:
-
Knoppen om het privacybeleid te accepteren of te weigeren.
-
Tekst op het welkomstscherm.
-
Tekst in het chatscherm.
-
Berichten over de status in de chat.
Bij elke tekst die je aanpast, zie je een beschrijving van wat je wijzigt en rechts een voorbeeld van waar het zichtbaar is in de Chat Widget.
Klik op Opslaan aan de rechterkant.
Wil je een specifiek tekstveld niet tonen? Kies dan Aangepast en plaats een spatie waar de placeholder staat.
Tab 2: Design
Onder Design kun je een door ons gemaakte template kiezen en gebruiken. Vanaf daar kun je deze verder aanpassen naar wens. Je kunt onder andere wijzigen of toevoegen:
-
Titel of logo: standaard is de titel je bedrijfsnaam. Als je geen logo toevoegt, wordt de titel zichtbaar in de Chat Widget.
-
Je avatar: je merk-avatar wordt getoond als er geen AI Agent actief is en het gesprek nog niet is toegewezen aan een medewerker.
-
Kleuren voor widget en achtergrond: voeg kleurcodes toe of kies kleuren via het pop-upvenster. Let op dat je kleuren kiest die passen bij je organisatie én goed leesbaar zijn.
-
Gebruikers in het welkomstscherm: bepaal welke gebruikers zichtbaar zijn wanneer er geen AI Agent actief is.
-
Berichtballonnen: kies Standaard (beperktere kleuraanpassing) of Aangepast (stijl elke ballon apart). Hier kun je kleuren, hoekradius, lettertype en -grootte aanpassen.
-
Lettertype: pas het lettertype van de hele Chat Widget aan.
-
Launcher: de knop waarmee gebruikers de chat starten. Pas alleen het icoon of de hele knop aan, inclusief kleuren.
Klik op Opslaan aan de rechterkant.
Tab 3: Aantrekken
Onder Aantrekken bepaal je hoe je bezoekers wilt aantrekken naar je AI Agent. Je kunt onder andere aanpassen:
-
Welkomstscherm: standaard ingeschakeld, zodat bezoekers weten dat ze kunnen chatten. Je kunt dit uitschakelen zodat men direct in de chat komt.
-
Hoofdtitel: de begroeting op het welkomstscherm.
-
Verstuurbericht-element: de tekst die zichtbaar is voordat iemand de chat start, apart in te stellen voor de AI Agent en voor medewerkers.
-
Chat gesloten: stel in of de chat buiten openingstijden gesloten moet zijn en pas de melding aan.
-
Selecteer links: voeg knoppen toe met iconen, tekst en URL’s, bijvoorbeeld naar e-mail, telefoon of een FAQ-pagina.
- Chat Closed: Here you set whether you want to close the chat outside opening hours. Website visitors will then not be able to chat with the AI Agent or with an agent. Then you can set what text will appear in the widget outside opening hours. For example:
Title: Sorry! We are closed
Subtext: Our staff is available Monday through Friday from 9:00 a.m. to 5:00 p.m.
Start chat button: Start chatting - Select links: Here, you can indicate through which channels you are reachable. These are not only the channels linked to Watermelon but also, for example, an email address, phone number, or the frequently asked questions page on your website. You can choose an icon and text and add the URL to which this button should lead.
Opmerking WhatsApp: vervang <number>
door je telefoonnummer, bijv. https://wa.me/0612345678
. Gebruik bij landcodes het +-teken, bijv. +31
in plaats van 0031
.
- Eyecatcher: een korte boodschap boven het icoon wanneer de chat geminimaliseerd is.
- Welkomstbericht: bericht zichtbaar vóór de chat start, met opmaakopties en emoticons/links.
- Privacy-scherm: vraag toestemming voor het privacybeleid voordat de chat start.
- Bijlagen: toestaan of blokkeren dat gebruikers bijlagen versturen.
- Wachtrijsysteem: handig als Handoff is ingeschakeld, om de wachttijd te tonen.
- URLs uitvouwen: links automatisch weergeven of niet.
- Watermelon-branding: inschakelen of uitschakelen van de branding.
Tab 4: Plaatsing
Onder Plaatsing bepaal je waar de widget op je website komt en of deze automatisch opent.
-
Automatisch één keer openen: kies of de Chat Widget één keer automatisch opent of dat de gebruiker dit handmatig moet doen (instelbaar per mobiel/desktop).
-
Plaatsing van de launcher: links of rechts op de pagina, en de afstand tot de pagina- en onderkant instellen.
-
Code: met de code op dit tabblad plaats je de widget op de juiste plek op je website.
-
Websitebezoekers volgen: zie op welke pagina iemand was toen de chat startte.
-
Automatisch browserdata vastleggen: kies of de Chat Widget automatisch info uit de browser moet opslaan, zoals type browser, apparaat, besturingssysteem en taalinstellingen. Dit helpt bij personalisatie en technische ondersteuning.