Websitechat: voeg een chatwidget toe aan je website
Wat de websitechat doet
Een chat is een chatknop die je op je website plaatst. Je stelt hem in bij Gesprekken (Conversations) op het tabblad Website chat. Stuurt een bezoeker een bericht, dan opent Enydea een gesprek dat je team beantwoordt op het tabblad Postvak IN (Inbox) van Gesprekken. Dezelfde chat kan ook WhatsApp-berichten ontvangen. Een AI-agent kan automatisch antwoorden, maar dat is optioneel en staat standaard uit.
Voordat je begint
- Selecteer een relatie in Huidig account (Current Account) in de zijbalk. Een chat wordt onder die relatie opgeslagen, en zonder relatie toont Enydea "Geen relatie geselecteerd".
- Om de widget op je website te tonen, moet je de HTML van de pagina aanpassen, of je webontwikkelaar vragen dat te doen.
Een chat maken en de code ophalen
Het tabblad Website chat. Kies links een chat. Rechts staan de instellingen en de knop Insluitcode ophalen.
- Klik in de zijbalk op Gesprekken (Conversations) en dan op het tabblad Website chat.
- Open het menu met de drie puntjes bovenaan de chat en klik op Nieuwe chat (of klik op Maak je eerste chat als de lijst leeg is). De nieuwe chat heet "new".
- Typ je eigen Chatnaam onder Basisinstellingen. Bezoekers zien die als titel van het chatvenster.
- Klik op Insluitcode ophalen. Er opent een venster met de titel Chatwidget insluiten.
- Klik op Code kopiëren.
- Plak de code in de HTML van je pagina, vlak voor de afsluitende tag
</body>, op elke pagina waar de chat moet verschijnen.
De code ziet er zo uit, met je eigen chat-ID:
<!-- Enydea Chat Widget -->
<script src="https://app.enydea.com/widget/enydea-chat.js"
data-chat-id="YOUR_CHAT_ID"
data-name="Your chat name"
data-color="#1976d2"></script>data-name en data-color staan erin als de chat ze heeft. Voeg data-position="left" toe om de knop linksonder te zetten. De tekst in het venster volgt de lang-instelling van je pagina (Engels, Nederlands, Duits of Frans).
Onder Weergave-instellingen is Achtergrondkleur de hoofdkleur van de widget. Tekstkleur, Breedte, Hoogte, Chatavatar en Startpictogram bepalen de opmaak van het chatvenster dat je in Enydea ziet. De widget op de website houdt zijn eigen formaat en pictogrammen. Voorbeeld insluitcode werkt bij terwijl je instellingen wijzigt.
Test de chat op je live site voordat je hem aankondigt. Stuur een bericht vanaf je pagina. Er hoort een nieuw gesprek met het label Website chat te verschijnen op het tabblad Postvak IN van Gesprekken (laad de pagina opnieuw als het er nog niet staat). Opent het venster wel, maar verschijnt er nooit een gesprek, dan ziet de bezoeker geen foutmelding; neem in dat geval contact op met support.
Wat bezoekers zien
Het chatvenster op een website.
- Een ronde knop rechtsonder. Die opent een venster met je Chatnaam, een online- of offlinestatus, een welkomstbericht ("Welcome! How can we help you today?") en een berichtvak. Het welkomstbericht kun je op dit scherm niet wijzigen.
- Vier knoppen voor snelle antwoorden met vaste tekst: "What do you offer?", "Pricing", "Contact sales" en "AI features". Een klik erop verstuurt die tekst als bericht van de bezoeker.
- Een link "Powered by Enydea" onderaan het venster.
Antwoorden in Postvak IN
Het tabblad Website chat toont de gesprekken van bezoekers niet. Die komen binnen op het tabblad Postvak IN van Gesprekken, naast je WhatsApp-berichten, met het label Website chat (Tutorial: Klanten beantwoorden in Gesprekken).
Een websitechat, geopend in Postvak IN. Typ je antwoord in het vak onderaan.
- Een websitegesprek heeft het label Website chat, en Needs reply als de bezoeker het laatst schreef. Het filter Website boven de lijst toont alleen deze gesprekken, en het zoekvak zoekt op naam, nummer en bericht.
- Klik op een gesprek om het te openen, typ je antwoord en druk op Enter. Je antwoord gaat naar de bezoeker in het chatvenster op je website.
- Wie de chat heeft gemaakt, krijgt een melding in de bel (Meldingen) voor elk nieuw gesprek en elk bericht van een bezoeker. Erop klikken opent dat gesprek. Met Chatmeldingen (Chat notifications) aangevinkt onder Instellingen -> Account -> Voorkeuren voor meldingen (Notification Preferences) komt daar een pushmelding of e-mail bij, zoals je het daar instelt.
AI Agent Settings (optioneel)
Vink Automatisch AI-antwoord inschakelen aan om de AI elk bericht van een bezoeker te laten beantwoorden. Je team ziet nog steeds elk bericht en kan in het gesprek schrijven.
| Veld | Wat het doet |
|---|---|
| Systeemprompt | Instructies over de persoonlijkheid en het domein van de AI |
| Ondersteunde talen | Engels, Nederlands, Duits, Frans, Spaans, Portugees, Italiaans. Leeg betekent elke taal. |
| CRM-context meenemen | Laat de AI bedrijfsgegevens, overeenkomende CRM-records en kansen gebruiken. Staat aan bij nieuwe chats. |
| Productcatalogus meenemen | Laat de AI producten en diensten uit je catalogus gebruiken. Staat aan bij nieuwe chats. |
| Max. geschiedenis | Eerdere berichten die de AI leest (20 bij nieuwe chats) |
| Max. lengte antwoord | Tekens. Langere antwoorden worden afgekapt en eindigen op "..." (500 bij nieuwe chats). |
| Antwoordvertraging | Milliseconden voordat het antwoord verschijnt (1500 bij nieuwe chats) |
Waarschuwing: AI-antwoorden zijn openbaar. Met CRM-context meenemen aan kan de AI bij het antwoorden putten uit je CRM. Zet het uit als je CRM gegevens bevat die bezoekers niet mogen zien.
Krijgt de AI-dienst een time-out of is hij niet beschikbaar, dan krijgt de bezoeker een bericht dat een teamlid zo dadelijk antwoordt.
Inhoudsfilter
Contentfilter inschakelen verschijnt als het automatisch antwoorden door AI aanstaat. Het staat aan bij nieuwe chats. Vul Verboden woorden (gescheiden door komma's, jokertekens met *), Verboden onderwerpen of Toegestane onderwerpen (whitelist) in. Vul je de whitelist in, dan worden alleen die onderwerpen beantwoord.
Het filter werkt alleen op AI-antwoorden. Blokkeert het een bericht van een bezoeker, dan antwoordt de AI met een beleefde weigering. Blokkeert het het eigen concept van de AI, dan wordt er een algemene verontschuldiging geplaatst. Het bericht van de bezoeker bereikt je team nog steeds.
Kantooruren
Vink Kantooruren inschakelen aan. Stel Openingstijd, Sluitingstijd, Tijdzone en Werkdagen in en schrijf een Offlinebericht. Buiten die uren toont het venster je bericht en is het berichtvak uitgeschakeld, dus bezoekers kunnen geen bericht achterlaten. Verwijs ze in de tekst naar je e-mailadres of telefoonnummer. Lege velden betekenen 09:00, 17:00, Europe/Amsterdam en maandag tot en met vrijdag. Het venster controleert de uren bij het laden van de pagina.
WhatsApp Integration
Vink WhatsApp inschakelen aan en vul de Telefoonnummer-ID en Business-account-ID in om WhatsApp-berichten voor dat nummer via deze chat te laten lopen. Ze verschijnen in Postvak IN als WhatsApp-gesprekken. Wat je in zo'n gesprek typt, gaat via WhatsApp terug naar de afzender, en het automatisch antwoorden door AI geldt ook voor WhatsApp.
Heb je WhatsApp gekoppeld via de aanmeldprocedure van Meta onder Gesprekken (Conversations) -> WhatsApp setup (of Sociale media (Social Media) -> WhatsApp Business), dan abonneert Enydea zich zelf op de berichten van je account en vult het deze velden in bij de eerste chat van die relatie, als die bestaat (Sociale media en WhatsApp). Het scherm toont ook een webhookadres en instructies van Meta, die je bij die route niet nodig hebt.
Website-chats beantwoorden vanuit je WhatsApp
Op het tabblad Website chat van Gesprekken laat de kaart Website-chats beantwoorden vanuit je WhatsApp (Answer website chats from your WhatsApp) je website-chats op je eigen telefoon ontvangen en daar beantwoorden. Het is een persoonlijke instelling: je zet hem aan voor je eigen nummer en een collega kan hem niet voor je instellen.
- Vul je WhatsApp-nummer in met landcode en klik op Stuur me een code. Enydea toont een code van 6 tekens. Heeft het bedrijf nog geen WhatsApp-nummer gekoppeld, dan zegt de kaart dat je dat eerst moet doen.
- Stuur die code vanaf je eigen telefoon naar het WhatsApp-nummer van het bedrijf (WhatsApp openen met de code opent het voor je). De code is 30 minuten geldig. De instelling gaat vanzelf aan zodra WhatsApp de code ontvangt.
- Schrijft een bezoeker daarna in de website-chat, dan krijg je het bericht op je telefoon. Reageer in WhatsApp op het doorgestuurde bericht. Je antwoord gaat naar de chat van die bezoeker en wordt als het jouwe getoond, en WhatsApp bevestigt het met "Sent to" en de naam van de bezoeker. Citeer je geen bericht, dan gaat het antwoord naar de laatste chat.
Berichten kunnen alleen worden doorgestuurd zolang je eigen 24-uursvenster met het bedrijfsnummer open is. Het venster gaat open wanneer je naar dat nummer schrijft. Is het verstreken, dan wordt er niets naar je telefoon doorgestuurd, gaat de bel in Enydea nog wel, en zegt de kaart dat met een knop Schrijf er nu naartoe.
Stuur STOP naar het bedrijfsnummer, of klik op de kaart op Uitzetten, om het uit te zetten.
Let op: Alleen tekst wordt doorgestuurd en beantwoord.
Beperkingen
- Je antwoorden bereiken de bezoeker live via een WebSocket-verbinding. Blokkeert het netwerk van een bezoeker WebSockets, dan ziet hij je antwoord pas als hij de pagina opnieuw laadt.
- De schakelaar Chatwidget in Instellingen -> Websitetracking (Website Tracking) is een aparte, eenvoudigere chatbubbel. Die maakt geen gesprekken aan in Gesprekken. Laat hem uit als je deze widget gebruikt (Websitetracking en toestemmingsinstellingen).