Start een chat

Volg deze stappen om een chat te starten:

1. Luister naar de lcw:ready-gebeurtenis die door een livechat wordt gegenereerd om de SDK-methoden voor livechat te gaan gebruiken. De live chatmethoden moeten worden aangeroepen nadat de lcw:ready-gebeurtenis is aangemaakt. U kunt naar deze gebeurtenis luisteren door uw eigen gebeurtenislistener toe te voegen aan het vensterobject.

2. Nadat de lcw:ready-gebeurtenis is opgehaald, roept u de startChat-methode aan om een chat te starten.

   Zie Verificatietoken verzenden om een klant te verifiëren wanneer u een chat start.

   Zie Proactief een chat starten om proactief een chat te starten, afhankelijk van verschillende klantscenario's in uw organisatie.

Voorbeeldcode

window.addEventListener("lcw:ready", function handleLivechatReadyEvent(){
	// Handle LiveChat SDK ready event
	// SDK methods are ready for use now
	// Initiate a chat using startChat SDK
	Microsoft.Omnichannel.LiveChatWidget.SDK.startChat();
});

window.addEventListener("lcw:error", function handleLivechatErrorEvent(errorEvent){
	// Handle LiveChat error event
	console.log(errorEvent);
});

Overweeg een scenario waarin de klant zich op uw portaalpagina bevindt en u een chat wilt starten nadat de klant enige tijd op de pagina heeft doorgebracht. U kunt de chatwidget programmatisch openen nadat de opgegeven tijd is verstreken.

De volgende voorbeeldcode laat zien hoe je een chat kunt starten nadat de klant 5 minuten heeft gewacht:

window.addEventListener("lcw:ready", function handleLivechatReadyEvent(){
    // Open chat widget proactively after customer has been waiting for 5 minutes
    setTimeout(function startProactiveChat() {
        Microsoft.Omnichannel.LiveChatWidget.SDK.startChat();
    }, 300000);
});

Aangepaste chatknop gebruiken

Als u een aangepaste chatknop wilt gebruiken in plaats van de kant-en-klare chatknop, voegt u het kenmerk data-hide-chat-button toe in het widgetfragment en stelt u de waarde in op true. Roep de startChat-methode aan door op het aangepaste UI-onderdeel te klikken om de chat te starten.

Voorbeeld van een codefragment om de standaard chatknop te verbergen

<script id="Microsoft_Omnichannel_LCWidget" src="<valid-src>" data-app-id="<valid-app-id>" data-org-id="<valid-org-id>" data-org-url="<valid-org-url>" data-hide-chat-button="true"></script>

Verwante informatie

startChat
JavaScript-API-referentie voor Live Chat SDK
Chatwidget aanpassen
Start proactief een chat