WebChat

Con esta guía aprenderás a configurar el canal de WebChat en tus campañas. Este canal te permite integrar un chat en vivo directamente en tu sitio web para comunicarte con tus visitantes en tiempo real. ¡Comencemos!

Requisitos previos

Antes de configurar el canal de WebChat, asegúrate de tener:

• Campaña creada: debes tener al menos una campaña creada donde configurar el canal. En caso de que aún no la tengas, puedes crearla a través de la siguiente guía de creación de campañas.
• Acceso a tu sitio web: necesitarás poder agregar un código de JavaScript a tu sitio web para integrar el widget del WebChat.

General

Desde este apartado se configuran parámetros relacionados con el funcionamiento del canal.

Configuraciones disponibles

• Estado: permite habilitar o deshabilitar el canal. Si está deshabilitado, no se podrán gestionar interacciones a través del canal.
• Estrategia: define cómo se distribuirán las interacciones entrantes entre los usuarios disponibles. Ver estrategias. Asegúrate de seleccionar la estrategia que mejor se adapte a tu modelo de negocio.
• Nivel de servicio: establece el tiempo máximo deseable en segundos para que una interacción sea atendida. En el dashboard de la campaña se mostrará el porcentaje de cumplimiento. Si se supera el tiempo, la interacción igualmente será atendida, pero afectará únicamente la métrica del Nivel de Servicio.
• Enviar mensajes offline a esta dirección: dirección de correo electrónico donde se enviarán los datos de las interacciones recibidas fuera de horario. El correo incluirá la información solicitada en el formulario de inicio de interacción del WebChat.
• Tiempo máximo de transferencia: tiempo máximo en segundos que tiene el usuario que recibió una transferencia para atender la interacción. Superado este tiempo, la interacción volverá al usuario original que la transfirió. Si se deja en 0, las transferencias no tendrán límite de tiempo.
• Máx. interacciones por agente: cantidad máxima de interacciones simultáneas de WebChat que puede gestionar cada agente de este canal. Si se deja en 0, no tendrá un máximo de interacciones.
• Máxima cantidad de chats: número máximo de interacciones de WebChat que pueden permanecer en cola esperando a ser atendidas. Una vez alcanzado el límite, los nuevos visitantes verán un mensaje indicando que el servicio no está disponible temporalmente. Si se deja en 0, no tendrá un máximo de interacciones.
• Finalizar automáticamente: tiempo máximo en segundos de inactividad del cliente antes de finalizar automáticamente la interacción. Si el cliente se desconecta o deja de responder, la interacción se finalizará después de este tiempo.
• Dominios permitidos: lista de URLs de los sitios web desde los cuales se puede utilizar el WebChat. Esto previene que el widget sea usado en sitios no autorizados. Puedes agregar múltiples dominios separados por comas.
• Tiempo máximo en cola: tiempo máximo en minutos que una interacción puede permanecer en cola esperando ser atendida. Superado este tiempo, la conversación se cerrará automáticamente y se le indicará al cliente que no pudo ser atendido. Si se deja en 0, no tendrá un máximo.
• Permitir adjuntos: si se habilita, permite que los visitantes puedan enviar archivos adjuntos durante la interacción.
• Mensaje offline: si se habilita, cuando la campaña esté fuera de horario, los visitantes podrán dejar un mensaje que se enviará por correo a la dirección configurada. Luego, desde la pantalla de Interacciones, será posible visualizar estas interacciones.

Automatizaciones

Desde este apartado puedes configurar diferentes tipos de Bots para automatizar respuestas y procesos en el canal de WebChat.

Configuraciones disponibles

• Bot al iniciar: selecciona un Bot previamente creado que interactuará con el visitante automáticamente cuando inicie una interacción. Por ejemplo, puedes configurar un Bot que envíe una respuesta inicial confirmando la recepción o solicitando información adicional.
• Bot al finalizar: selecciona un Bot que se ejecutará automáticamente cuando el usuario finalice la interacción. Es ideal para enviar encuestas de satisfacción, solicitar feedback o proporcionar información adicional.
• Bot después de tiempo de espera: selecciona un Bot que se ejecutará automáticamente si la interacción supera el tiempo máximo en cola sin ser atendida. Puede enviar un mensaje disculpándose por la demora y estimando un tiempo de respuesta.

Formulario

Desde este apartado puedes configurar qué información se le solicitará al cliente antes de iniciar la interacción. Cada campo cuenta con un campo para habilitarlo o deshabilitarlo y para seleccionar si es requerido o no.

Campos predeterminados

• Nombre: si se habilita, se le solicitará al cliente que ingrese su nombre.
• Correo: si se habilita, se le solicitará al cliente que ingrese su dirección de correo electrónico.
• Número de teléfono: si se habilita, se le solicitará al cliente que ingrese su número telefónico.
• Mensaje: el campo de mensaje estará siempre disponible para que los clientes escriban un mensaje inicial.

Campos personalizados

Puedes crear campos personalizados adicionales según las necesidades de tu negocio:

1. Haz clic en Campo personalizado para agregar un nuevo campo personalizado.
2. Asigna un nombre que aparecerá en el formulario para este campo (ej: "Número de orden", "DNI", "Número de reclamo", etc.). Luego, haz clic en el ícono de +.
3. Ahora que ya tienes el campo creado, puedes habilitar si es requerido o no, es decir, si deseas que sea obligatorio para los clientes completar este campo al momento de iniciar la interacción.

¿Requeridos o no?

Para cada campo (predeterminado o personalizado) puedes activar la opción 'Campo requerido' para que sea obligatorio que el cliente lo complete antes de iniciar la conversación.

Textos

Desde este apartado se configuran los mensajes personalizados que aparecerán en el widget del WebChat.

Configuraciones disponibles

• Bienvenida: mensaje inicial que verá el visitante al abrir el widget del WebChat, antes de iniciar la conversación.
• Agente no disponible: mensaje que se mostrará cuando no hayan miembros de la campaña disponibles para atender interacciones.
• Fuera de horario: mensaje que se mostrará cuando la campaña esté fuera del horario de atención.
• Calificación: mensaje que se mostrará al finalizar la interacción, para que los clientes puedan dejar un mensaje sobre la atención recibida por el usuario.
• Tiempo de espera: mensaje que se mostrará al visitante mientras espera en cola para ser atendido.
• Añadir lenguaje: permite agregar traducciones de todos estos mensajes en diferentes idiomas para soportar visitantes internacionales.

Código

Desde este apartado obtienes el código JavaScript necesario para integrar el WebChat en tu sitio.

Configuraciones disponibles

• Código: código JavaScript que debes copiar e insertar en el HTML de tu sitio web. Este código cargará el widget del WebChat. En caso de tener algún inconveniente al momento de realizar esto, puedes ponerte en contacto con nuestro equipo de soporte.
• Descargar plugin de WordPress: si tu sitio web está construido con WordPress, puedes descargar un plugin que facilita la integración del WebChat sin necesidad de editar código.

Apariencia

Desde este apartado puedes personalizar el aspecto visual del widget del WebChat para que coincida con la identidad de tu marca.

Configuraciones disponibles

• Color: color principal del widget (encabezado, botones, etc.). Selecciona el color primario de tu marca.
• Mostrar nombre del agente: si se habilita, el nombre del agente que está atendiendo la interacción aparecerá visible para el visitante en el chat.
• Mostrar imagen en mensaje: si se habilita, se mostrará un avatar o imagen junto a cada mensaje del agente.
• Mostrar imagen de agente: si se habilita, se mostrará la foto de perfil del agente en el encabezado del chat.
• Imagen de campaña: imagen o logo que se mostrará en el encabezado del widget de chat antes de que un agente atienda la conversación.

Probar

Desde este apartado puedes probar el funcionamiento del WebChat con la configuración actual sin necesidad de integrarlo en tu sitio web.

¿Cómo probar?

• Abrir ejemplo: haz clic en este botón para abrir una ventana de prueba donde verás exactamente cómo se verá el widget de WebChat para tus visitantes. Podrás iniciar una conversación de prueba que llegará a la Inbox como cualquier interacción.

Consideraciones importantes

• Sin conector requerido: A diferencia de otros canales, el WebChat no requiere configurar conectores externos. Es nativo de uContact y solo necesitas integrar el código en tu sitio web.
• Integración sencilla: Solo necesitas copiar y pegar el código JavaScript proporcionado en el HTML de tu sitio web para que el widget funcione.
• Personalización completa: Puedes personalizar colores, mensajes, imágenes y textos para que el chat refleje la identidad de tu marca.
• Múltiples idiomas: Configura mensajes en diferentes idiomas para soportar visitantes internacionales.
• Dominios seguros: Usa la configuración de "Dominios permitidos" para prevenir que tu widget sea usado en sitios no autorizados.
• Pruebas antes de producción: Utiliza la función "Probar" antes de integrar el código en tu sitio web para asegurarte de que todo funcione correctamente.
• WordPress simplificado: Si usas WordPress, el plugin descargable facilita la integración sin necesidad de editar código. :::

Preguntas frecuentes

¿Necesito conocimientos técnicos para integrar el WebChat?

No necesariamente. Si tienes acceso al código HTML de tu sitio web, solo necesitas copiar y pegar el código JavaScript proporcionado. Para WordPress, existe un plugin que no requiere editar código.

¿El WebChat funciona en dispositivos móviles?

Sí, el widget de WebChat es responsivo y se adapta automáticamente a diferentes tamaños de pantalla, incluyendo smartphones y tablets.

¿Puedo personalizar completamente el diseño del widget?

Puedes personalizar colores, imágenes, mensajes y mostrar u ocultar elementos como el nombre y foto del agente. Para personalizaciones más avanzadas, consulta con el equipo de soporte.

¿Los visitantes pueden enviar archivos a través del WebChat?

Sí, si habilitas la opción "Permitir adjuntos", los visitantes podrán enviar imágenes, documentos y otros archivos durante la conversación.

¿Puedo tener el mismo WebChat en múltiples sitios web?

Sí, puedes usar el mismo código en múltiples sitios. Sin embargo, para mayor seguridad, configura todos los dominios en la opción "Dominios permitidos".