In dit artikel lees je hoe je jouw Chat Widget kunt instellen en deze kunt aanpassen op basis van jouw voorkeuren.
Bekijk ook deze video:
Maak wanneer je dit nog niet gedaan hebt eerst een nieuwe Chat Widget aan. In dit artikel lees je hoe je dit kunt doen.
Als je al een Chat Widget aangemaakt hebt, navigeer je naar die Chat Widget via Integraties.
Naam en Verberg chat widget
Automatisch wordt de naam van jouw Chat Widget ingesteld als je bedrijfsnaam. Je kunt deze naar eigen inzicht aanpassen. De naam is niet zichtbaar voor klanten.
Met Verberg website widget kun je ervoor kiezen de gehele chat widget op je website (tijdelijk) te verbergen, zonder dat je hiervoor de code van je website dient te verwijderen.
Weergaveopties voor de Chat Widget
Binnen de weergave opties kun je kiezen hoe je de Chat Widget wilt weergeven; als een widget of op volledig scherm.
Personaliseer je Chat Widget
Nu kun je de Chat Widget stap voor stap vormgeven. Dit is onderverdeeld in 4 tabbladen: Lokaliseren, Ontwerp, Aantrekken en Plaatsing. Hieronder volgt een uitleg per tabblad.
Iedere keer dat je een aanpassing maakt, zul je die aanpassing aan de rechterkant direct doorgevoerd zien in de vorm van een voorbeeld van de chat widget, hoe de klant deze ook zal zien. Daar zijn ook verschillende tabbladen, waarbij je kunt kijken hoe de verschillende vormen van de website widget er uit komen te zien:
- Welkom is de start van de chat
- Chat is als iemand een gesprek aan het voeren is
- Minimaliseer hoe je chatbot eruit zien wanneer iemand de chat nog niet geopend heeft of geminimaliseerd heeft via het minnetje
- Privacy voor het privacybeleid
- Gesloten is buiten openingstijden, het is dan alleen mogelijk om berichten te sturen als de chatbot actief is.
Om de wijzigingen ook op jouw website te zien, dien je de aanpassingen op te slaan.
Tab 1: Lokaliseren
Onder Lokaliseren kun je de standaard taal instellen, bijvoorbeeld Nederlands of Engels. Wanneer je kiest voor 'Aangepast' kun je zelf vertalingen maken, bijvoorbeeld als je de widget in een taal wenst die wij niet standaard aanbieden.- De buttons om het privacybeleid te accepteren of niet.
- De tekst in het welkomstscherm.
- De tekst in het chatscherm.
- Berichten over de status in de chat.
Per tekst die je aanpast staat een omschrijving van wat je aanpast en aan de rechterkant kun je zien waar dit precies zichtbaar is in de Chat Widget.
Wil je een specifiek tekstveld niet tonen? Kies dan voor 'aangepast' en plaats een spatie op de plek waar de placeholder getoond wordt.
Tab 2: Ontwerp
Onder Ontwerp kun je een door ons gemaakte template selecteren en deze gebruiken. Ook kun je er vanuit daar voor kiezen wijzigingen door te voeren en daarmee de widget volledig naar jouw wensen vorm te geven. Je kunt dan onderstaande wijzigen en/of toevoegen:- Een titel of logo. De titel is standaard jouw bedrijfsnaam. Als je geen logo toevoegt, wordt de titel zichtbaar in de chat widget.
- De kleuren voor de widget en de achtergrond. Hier kun je kleurcodes toevoegen of in de pop-up de gewenste kleur kiezen. Denk hierbij niet alleen aan de kleuren die bij jouw organisatie passen, maar ook aan de leesbaarheid van de widget!
- Gebruikers in het welkomstscherm. Hier kun je aangeven welke gebruikers je wilt dat er zichtbaar zijn in het welkomstscherm wanneer er geen chatbot actief is.
- Berichtenbubbels. Hier kun je kiezen voor 'standaard' of 'aangepast'. Bij 'standaard' kun je enkel de kleuren aanpassen van de chatbot + gebruiker in Watermelon en van de eindgebruiker (dus 2 aanpasmogelijkheden). Bij 'aangepast' kun je elke berichtenbubbel apart stylen.
Je kunt hier de kleuren, hoekradius, soort en grootte van het lettertype instellen. - Launcher. Dit is de button waar eindgebruikers op kunnen klikken om de chat te starten. Je kunt ervoor kiezen enkel het icoon aan te passen, of de gehele button. Ook kun je hier de kleuren van de launcher aanpassen.
Klik onderaan op 'Wijzigingen Opslaan'.
Tab 3: Aantrekken
- Titel. Dit is de tekst die zichtbaar is op het welkomstscherm.
- Element voor het verzenden van berichten. Dit is de tekst die zichtbaar is in het eerste scherm van de widget, voordat iemand daadwerkelijk de chat start. Deze kun je instellen voor gesprekken met de chatbot en gesprekken met een medewerker.
Daar kun je de tekst voor een titel, subtekst en start chat button instellen. Een voorbeeld voor de chatbot:
Titel: Wij staan voor je klaar!
Subtekst: Onze chatbot is 24/7 beschikbaar voor al je vragen
Start chat button: Start met chatten
- Chat Gesloten. Hier stel je in of je de chat wilt sluiten buiten openingstijd. Website bezoekers kunnen dan dus niet chatten met de chatbot of met een agent. Vervolgens kun je instellen welke teksten er in de widget komt te staan buiten openingstijden. Bijvoorbeeld:
Titel: Sorry! We zijn gesloten
Subtekst: Onze medewerkers zijn aanwezig op maandag t/m vrijdag van 9:00 tot 17:00 uur
Start chat-knop: Start met chatten - Selecteer links. Hier kun je aangeven via welke kanalen je nog meer bereikbaar bent. Dit zijn dus niet enkel de kanalen die je gekoppeld hebt aan Watermelon, maar bijvoorbeeld ook een e-mailadres, telefoonnummer of de veelgestelde vragen pagina op jouw website. Je kunt hier een icoon en tekst kiezen en de URL toevoegen waarnaar deze knop moet leiden.
Let op: Bij het toevoegen van je Whatsapp nummer, vervang <number> voor je eigen telefoonnummer. Voorbeeld: https://wa.me/0612345678
- Eye-catcher. Dit is het bericht dat boven het icoon verschijnt wanneer de chat geminimaliseerd is. Je kunt aan de rechterkant kijken hoe dit eruit ziet via 'Geminimaliseerd'. Je kunt ervoor kiezen de eye-catcher in- of uit te schakelen en kunt een tekst instellen. Ook kun je ervoor kiezen de eye-catcher niet te tonen op mobiel. Dit is aan te raden als de eye-catcher over een deel van jouw website heen valt.
- Welkomstbericht. Dit is het bericht dat zichtbaar is voordat de chat gestart wordt. Je kunt aan de rechterkant kijken hoe dit eruit ziet via 'Chat'. Je kunt het welkomstbericht in- of uitschakelen en kunt een tekst instellen. Deze tekst kun je vervolgens dikgedrukt en/of cursief maken en je kunt er emoticons en links aan toevoegen.
- Privacy-scherm. Je kunt ervoor kiezen een privacy-scherm toe te voegen, waarin je eindgebruikers vraagt akkoord te gaan met het privacybeleid voordat ze de chat starten. Deze kun je in- of uitschakelen, je kunt de tekst van de titel en subtekst toevoegen en een URL toevoegen via welke het privacybeleid te vinden is.
- URL's uitklappen. Hier kun je het uitklappen van URL's in- of uitschakelen.
- Watermelon-branding. Hier kun je aangeven of je de Watermelon-branding wilt in- of uitschakelen.
Klik onderaan op 'Wijzigingen Opslaan'.
Tab 4: Plaatsing
Onder Plaatsing bepaal je waar je de widget op je website wilt plaatsen en of je de widget automatisch wilt openen, of niet.
Bij Widget automatisch openen, kun je selecteren of de Chat Widget automatisch moet openen op je website, of dat de gebruiker dit handmatig moet doen.
Bij Plaats van launcher kun je selecteren of je de widget links of rechts wilt uitlijnen, wat betekent dat de widget links of rechts op jouw website komt te staan. Ook kun je aangeven hoeveel ruimte je wilt tussen de zijkant van de pagina en de widget, en tussen de onderkant van de pagina en de widget.
Tot slot kun je de aangemaakte code kopiëren, waarmee je de widget op de gewenste plek op de website kunt plaatsen.
Hoe je de Chat Widget op jouw website plaatst kun je lezen in dit artikel.