Preguntas frecuentes

Transferencia a otro sistema #

Puedes usar Clerk.io Chat como asistente de primera línea y transferir la conversación a tu propio chat de soporte cuando un visitante solicite hablar con un humano.

Clerk.io llama al hook onSupport cuando se activa la acción de soporte en Chat. El callback recibe un objeto de evento que contiene un resumen de la conversación. En el siguiente ejemplo, el objeto de evento se llama e.

Usa el resumen para abrir tu propio proveedor de chat con el contexto de la conversación. Reemplaza las funciones de marcador de posición con la API o la integración de JavaScript proporcionada por tu proveedor de chat.

Clerk('config', {
  key: 'YOUR_PUBLIC_API_KEY',
  chat: {
    onSupport: function (e) {
      Clerk('chat', 'disable');
      Clerk('chat', 'close');

      open_support_chat({
        message: e
      });
    }
  }
});

Si tu proveedor necesita un campo específico del objeto de evento, inspecciona e en la consola del navegador y pasa ese campo en lugar del objeto completo.

function open_support_chat(context) {
  // Reemplaza esto con la integración de tu proveedor de chat.
  window.SendDeskWidget.open({
    context: context.message
  });
}

El método exacto para abrir el chat externo depende del proveedor. Las partes importantes son preservar el resumen, deshabilitar Clerk.io Chat y abrir el otro chat después de que los datos de transferencia estén listos.

Características de accesibilidad #

Clerk.io Chat está diseñado para funcionar con la navegación por teclado y lectores de pantalla. Sus controles utilizan nombres y estados claros, por lo que los visitantes pueden comprender y operar Chat sin depender de un ratón o referencias visuales.

Abrir Chat #

• Chat es anunciado a los lectores de pantalla como un cuadro de diálogo con un nombre claro.
• El lanzador indica a los visitantes si Chat está abierto o cerrado.
• Cuando Chat se abre, el foco del teclado se traslada al panel. Cuando se cierra, el foco regresa al control utilizado por el visitante antes de abrirlo.
• Pulsar Escape cierra Chat solo mientras el visitante está usando Chat. No cambia cómo funciona Escape en otras partes de la tienda online.

Navegación por teclado #

• Los visitantes pueden usar Tab y Shift+Tab para moverse por los controles de Chat en un orden lógico, incluyendo controles anidados como limpiar, cambiar tamaño y cerrar Chat.
• El foco permanece dentro del panel de Chat mientras está abierto, por lo que no salta inesperadamente a la página detrás.
• Los botones y enlaces muestran un contorno de foco claro y de alto contraste.
• Los controles tienen nombres descriptivos, incluyendo abrir o cerrar Chat, limpiar conversación, agrandar o reducir Chat, descartar notificación y productos anterior o siguiente.

Mensajes #

• Los lectores de pantalla anuncian una nueva respuesta del asistente cuando la respuesta está completa.
• Los visitantes pueden mover el foco del teclado a mensajes de texto individuales para revisarlos.
• El campo de mensaje se expone como un cuadro de texto etiquetado.
• Los controles de enviar y micrófono son botones reales con nombres claros. Su estado deshabilitado también se comunica cuando una acción no está disponible.
• Los avatares decorativos son ignorados por los lectores de pantalla, reduciendo anuncios innecesarios.

Notificaciones y productos #

• Las notificaciones tipo toast anuncian el mensaje de la notificación en sí, en lugar de anunciar solo el control de descartar.
• Las flechas del carrusel de productos se eliminan de la navegación por teclado en móviles cuando están ocultas.
• Cuando se muestra el texto de consentimiento junto al campo de mensaje, está vinculado al campo como información adicional para los usuarios de lectores de pantalla.

Estas características hacen que Chat sea más fácil de usar para los visitantes que navegan por teclado, usan un lector de pantalla o necesitan indicadores de foco visual claros. El tema y contenido que rodea tu tienda online también debe seguir prácticas de diseño accesible.