Hoe kan ik een nieuwe website widget aanmaken?

Je kunt de opmaak van de website widget geheel naar huisstijl van jouw organisatie aanpassen. In dit artikel leggen we je uit hoe je dit doet.

  1. Log in op het Watermelon platform.
  2. Ga naar "Kanalen verbinden/wijzigen".
  3. Selecteer "Website widget".
  4. Klik op "Nieuwe website weidget aanmaken".
  5. Vul hier de URL van de website in waarop je de website widget gaat plaatsen. Geen zorgen, je plaatst de website widget hier niet mee, maar je zorgt ervoor dat je deze later makkelijk herkent. Klik hierna op "Doorgaan".
  6. Je krijgt nu een code te zien. In dit artikel leggen we je uit hoe je je code op de website plaatst. Dit zorgt ervoor dat je website widget actief wordt. Voor nu klikken we op "Ik doe dit later". Klik hierna op "Account instellen".

We kunnen nu jouw website widget gaan personaliseren!

Website widget voorbeeld

Zoals je ziet is deze website widget in stijl van Watermelon. De chatbot van Watermelon heet Chatbot Melony. Let op: een chatbot is alleen mogelijk bij een Automate of Accelerate pakket. Heb je geen chatbot, dan zie je hier afbeeldingen van jouw agenten.

De bedrijfsnaam

In het eerste veld vul je jouw bedrijfsnaam in. In ons geval is dit "Watermelon".

Het statusbericht

Een statusbericht is bovenin het chatscherm zichtbaar, en zegt iets over jouw organisatie. Denk hier bijvoorbeeld aan een boodschap die iets zegt over wat de bezoeker in deze kan doen vinden, of de openingstijden van jouw chat agents. In ons geval hebben wij gekozen voor:
"Onze chatbot is 24/7 bereikbaar! Onze collega's zijn te bereiken op maandag t/m donderdag van 08:00 tot 18:00 uur en op vrijdag van 08:00 tot 17:00 uur. 💬"

Het welkomstbericht

Een welkomstbericht kun je instellen om de bezoeker welkom te heten en uit te nodigen om een vraag te stellen. In het geval van een chatbot, en dus het gebruik van een startknop, zou je kunnen kiezen voor: "Klik op de button hier onder om een vraag te stellen".
Let op: een chatbot is alleen mogelijk bij een Automate of Accelerate pakket. Heb je geen chatbot, dan zou je kunnen kiezen voor: "Welkom bij de live chat van Watermelon! Stel vast je vraag, terwijl ik zoek naar een van onze medewerkers!"

De eyecatcher

Wanneer je het welkomstbericht ook boven de website widget icoon zichtbaar wilt maken, kun je er voor kiezen om de eyecatcher aan te zetten. Deze eyecatcher trekt de aandacht van jouw websitebezoeker, waardoor de kans groter is dat jouw website widget geopend wordt.
voorbeeld eyecatcher

Het icoon wijzigen

Onder icoon wijzigen kun je kiezen hoe je wilt dat de website widget eruit ziet op jouw website. In ons geval hebben we gekozen voor een afbeelding van Chatbot Melony. Je kunt ook kiezen voor een van onze standaard iconen (vierkant of rond).
Het icoon dat je upload mag maximaal 500 bij 500 pixels zijn. Je kan jpg, png en gif bestanden uploaden. De maximale grote is 1mb.

Let op: met een Free, Communicate en Automate account is het niet mogelijk om een eigen widget-avatar te uploaden. Kies een van de standaard iconen, of bekijk onze pakketten voor een eventuele upgrade.

De kleuren

Maak het chatvenster in de kleur van jouw branding. De hoofdkleur zie je terug in de bedrijfsnaam, het chatvenster, de tekstbalonnen en de knoppen. We raden je aan om de achtergrondkleur licht te houden, zodat de chat goed leesbaar blijft. Je kunt de hexcode van jouw bedrijfskleuren invoeren onder "Personaliseren" en "Kleuren". In ons geval hebben als hoofdkleur Geel gekozen, en als achtergrondkleur Wit.

Watermelon Branding

Onder Watermelon Branding kun je ervoor kiezen of je wilt dat het "Powered by Watermelon" watermark zichtbaar is op jouw website widget. Let op: bij een Free account kun je het Watermelon logo niet verwijderen.

Typebalk placeholder

De Typebalk placeholder is het korte stukje tekst dat in de lege typebalk staat. Ook deze is te personaliseren en dus naar eigen wens in te vullen. Op deze manier kun je de bezoeker helpen om het juiste bericht te typen. Schrijf hier bijvoorbeeld: "Typ hier je vraag".

Taal

Onder Taal kies je de taal voor de website widget informatie, zoals timestamps en kalender. Deze taal is zichtbaar voor klanten.

Code inzien

Eerder hadden we het al over het plaatsen van jouw code op jouw website. Onder "Code inzien" kun je op elk moment de code van jouw website widget terugvinden. In dit artikel lees je hoe je de code plaatst.

Ontkoppel account

Wil je de website widget verwijderen? Klik dan op "Ontkoppel account". De website widget zal niet langer actief zijn en jouw gegevens gaan verloren.