Rozpoczynanie czatu

Wykonaj następujące kroki, aby rozpocząć czat:

1. Posłuchaj zdarzenia lcw:ready wywołanego przez czat na żywo, aby rozpocząć korzystanie z metod SDK czatu na żywo. Metody czatu na żywo powinny być wywoływane po wywołaniu zdarzenia lcw:ready . To zdarzenie można wykrywać, dodając własny detektor zdarzeń do obiektu window.

2. Po wywołaniu zdarzenia lcw:ready wywołaj metodę startChat , aby rozpocząć czat.

   Aby uwierzytelnić klienta podczas rozpoczynania czatu, zobacz Wysyłanie tokenu uwierzytelniającego.

   Aby aktywnie rozpocząć czat w zależności od różnych scenariuszy klientów w organizacji, zobacz Proaktywne rozpoczynanie czatu.

Przykładowy kod

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);
});

Rozważmy scenariusz, w którym klient znajduje się na stronie portalu i chcesz rozpocząć czat po tym, jak klient spędzi trochę czasu na stronie. Możesz programowo otworzyć widżet czatu po upływie określonego czasu.

Poniższy przykładowy kod pokazuje, jak można rozpocząć czat po tym, jak klient czeka przez 5 minut:

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);
});

Użyj niestandardowego przycisku czatu

Aby użyć niestandardowego przycisku czatu zamiast gotowego przycisku czatu, dodaj atrybut data-hide-chat-button we fragmencie kodu widżetu i ustaw jego wartość na true. Wywołaj metodę startChat po kliknięciu niestandardowego komponentu interfejsu użytkownika, aby rozpocząć czat.

Przykładowy fragment kodu ukrywający standardowy przycisk czatu

<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>

Informacje pokrewne

startCzat
Dokumentacja interfejsu API JavaScript dla pakietu SDK czatu na żywo
Dostosuj widżet czatu
Rozpocznij czat proaktywnie