Iniciar un chat

Sigue estos pasos para iniciar un chat:

1. Escuche el evento lcw:ready generado por un chat en vivo para comenzar a usar los métodos del SDK de chat en vivo. Los métodos de chat en vivo deben invocarse después de que se genere el evento lcw:ready . Puede escuchar este evento agregando su propio detector de eventos en el objeto window.

2. Después de que se genere el evento lcw:ready , llame al método startChat para iniciar un chat.

   Para autenticar a un cliente al iniciar un chat, consulte Enviar token de autenticación.

   Para iniciar un chat de forma proactiva en función de varios escenarios de clientes de su organización, consulte Iniciar un chat de forma proactiva.

Código de ejemplo

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

Considere un escenario en el que el cliente está en la página del portal y desea iniciar un chat después de que el cliente haya pasado algún tiempo en la página. Puede abrir el widget de chat mediante programación después de que haya transcurrido el tiempo especificado.

El siguiente código de ejemplo muestra cómo puede iniciar un chat después de que el cliente haya estado esperando durante 5 minutos:

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

Usar el botón de chat personalizado

Para usar un botón de chat personalizado en lugar del botón de chat listo para usar, agregue el atributo data-hide-chat-button en el fragmento de widget y establezca su valor en true. Invoque el método startChat al hacer clic en el componente de interfaz de usuario personalizado para iniciar el chat.

Fragmento de código de ejemplo para ocultar el botón de chat estándar

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

Información relacionada

startChat
Referencia de la API de JavaScript para el SDK de Live Chat
Personalizar widget de chat
Iniciar un chat de forma proactiva