Construya su experiencia de chat
Las herramientas de Zoom facilitan personalizar y lanzar su experiencia de chat con poco o ningún código.
Ventana de participación de chat
La ventana de participación de chat es la forma en que sus usuarios se comunican con su agente virtual o agente humano. Con las herramientas de Zoom, puede crear una ventana de chat que sea fácil de ver e interactuar y que coincida con la marca de su empresa.
Para crear o editar su Ventana de Participación de Chat, vaya al administrador web de Zoom.
Desde allí haga clic +Agregar campaña o abra el borrador de una campaña existente. Desplácese hasta la sección Ventana de participación de chat para crear o editar su ventana.
Tamaño de la ventana y experiencia móvil
La ventana de participación de chat de Zoom es adaptable (responsive), lo que significa que ajusta automáticamente su diseño si su usuario accede a su sitio desde su escritorio o teléfono inteligente.
En dispositivos móviles, la ventana de chat se abre en pantalla completa para maximizar el espacio limitado de la pantalla y garantizar una experiencia limpia y legible.
Para los usuarios que acceden a su chat desde dispositivos de escritorio, puede elegir entre tres opciones de tamaño para la altura de la ventana:
S: 540 píxeles
M: 650 píxeles, Predeterminado
L: 780 píxeles
Nota
El ancho siempre está fijo en 420 píxeles para garantizar la legibilidad.
Barra de encabezado
El barra de encabezado del chat es un elemento clave de su diseño de chat. Cuando se diseña con cuidado, brinda a los usuarios contexto sobre qué esperar de su experiencia de soporte y confianza en la conversación. Puede usar el encabezado para compartir información sobre su equipo de soporte y/o agregar el logotipo o los colores de su marca.
Zoom CX ofrece varias opciones de diseño de encabezado entre las que puede elegir.
Imagen de encabezado completa
Agregue una imagen de 426 por 95 píxeles que llene todo el espacio del encabezado, ideal para diseños personalizados.
Tamaño de la imagen del avatar
Agregue una imagen de 40 por 40 píxeles para que aparezca en la barra de encabezado, sola o junto con el texto del encabezado.
Solo texto del encabezado
Comparta una nota breve sobre cualquier cosa, como el nombre de su equipo, disponibilidad u horario de soporte. Controle el tamaño del texto del encabezado usando H1, H2, H3 o el tamaño de párrafo del cuerpo.
Para un diseño simplificado y minimalista puede optar por dejarlo vacío, centrando a sus usuarios en el chat.
Puede usar seleccione cualquier color para el fondo del encabezado y los iconos, útil para vincular el diseño del chat con su sitio web.
Aviso
Si cambia el color de fondo, asegúrese de que todavía pueda ver los iconos de minimizar y del menú. Es posible que necesite cambiar también el color del icono.
Colores para su burbuja de chat, texto, iconos y más
El creador de ventanas de participación le permite elegir los colores exactos que desee para su chat. Introducirá códigos hexadecimales para cada parte de la ventana y revisará la vista previa para ver cómo se ve.
Zoom proporciona una plantilla para comenzar. Para que todo luzca bien (y sea fácil de leer), manténgase con los colores de su marca y asegúrese de que haya suficiente contraste entre el texto y los colores de fondo.
Pantalla de bienvenida
El Pantalla de bienvenida en Zoom Contact Center y Zoom Virtual Agent es una pantalla de introducción opcional que aparece antes de que comience el chat, dándole la oportunidad de saludar a sus clientes, recopilar información de ellos y adaptar la experiencia a su marca.
Esto está disponible para la experiencia de chat web. Para configurar, haga clic en la Ventana de participación de chat luego en la Pantalla de bienvenida .
Diseño de invitación
La Invitación es lo que iniciará la experiencia de soporte en su sitio web. Lo más común es usar el Tipo Sticky de invitación, que es un icono flotante que aparece en su sitio web. Cuando sus usuarios hacen clic en él, la ventana de chat se abrirá y comenzará su experiencia.
Para crear o editar una Invitación, vaya al administrador web de Zoom.
Desde allí, haga clic +Agregar campaña o abra el borrador de una campaña existente. Desplácese hasta la sección sección de Invitación para crear una nueva invitación.
Puede configurar los siguientes ajustes para su Invitación Sticky icono:
Tamaño del botón: El tamaño del icono de invitación de chat debe ser lo suficientemente grande como para ser fácilmente notado y clicado o pulsado, pero no tan grande que interrumpa la experiencia del usuario o cubra contenido importante. Zoom ofrece tres tamaños de invitación:
S: 40 píxeles
M: 56 píxeles, Predeterminado
L: 72 píxeles
Color del botón: Elija un color de botón que tenga alto contraste con el fondo de su sitio web. Recomendamos seguir las directrices WCAG 2.1, que es una relación de contraste mínima de 3:1 para componentes de la interfaz de usuario (UI), como iconos y botones, respecto a su fondo.
Icono: Un icono puede ayudar a sus usuarios a tener una idea de lo que pueden esperar al pulsar el botón. Zoom ofrece algunos diseños predeterminados para elegir que indican el inicio de un chat. También puede agregar su propio icono personalizado usando un archivo SVG. Los archivos SVG deben ser menores de 10 MB.
Radio de la esquina: ¿Qué tan redondeado o cuadrado desea que sea el icono de la invitación? Mire su sitio web para ver si tiene un patrón sobre cómo se ven los botones, o pregunte a su equipo de marca si tienen una preferencia. Usar un radio de esquina bajo, como 8 píxeles, hará que su Invitación sea más cuadrada. Un radio de esquina más alto, como 28 píxeles, hará que su invitación sea más redondeada.
Agregar texto a su Invitación: Agregar una etiqueta de texto a un botón de invitación lo hace más claro y atractivo. Los usuarios saben instantáneamente el propósito del botón, por lo que no hay que adivinar qué significa el icono. Sin embargo, también ocupa más espacio y puede saturar la pantalla, especialmente en móviles. Asegúrese de considerar su audiencia y los dispositivos que usan con mayor frecuencia. Si agrega una fuente, puede elegir entre las opciones preestablecidas Arial, Georgia, Tahoma o Verdana; o cargar su propia fuente personalizada usando un archivo TTF.
Ubicación de la invitación en la página
La ubicación más popular para un icono de invitación de soporte es la esquina inferior derecha, con un desplazamiento desde la parte inferior y el lateral de 20 píxeles. Esto suele ser fácil de detectar sin bloquear contenido clave.
Recomendamos ver su propio sitio web tanto en escritorio como en móvil. Si su sitio ya tiene un banner o botón en esta ubicación, esto podría perjudicar la usabilidad de sus clientes o posiblemente interrumpir los flujos de usuario.
Si ya tiene un elemento (como un banner de cookies, una barra de navegación u otro widget) en el mismo lugar que el icono de invitación de chat, considere cambiar la alineación a la izquierda o derecha, o ajustar el desplazamiento desde la parte inferior o los laterales.
Ejemplo
Si descubre que el botón de invitación de chat está cubriendo un enlace crítico en la parte inferior de su página en dispositivos móviles, aumente el desplazamiento hasta que el icono de invitación ya no cubra ese elemento.
También puede "Permitir que los consumidores arrastren y muevan la invitación" para dar a sus usuarios aún más flexibilidad para mover el icono por la página.
Pregunta común
El icono de invitación de chat está bloqueando o distrayendo a los usuarios en una página determinada en dispositivos móviles. ¿Cuáles son mis opciones?
Respuesta:
Hay varias formas de lograr esto.
Opción 1: Cambie la posición del icono de invitación en la página. Puede mover la ubicación de la invitación en la página usando las opciones de desplazamiento y posición. Esto se configura editando la invitación.
Opción 2: Mostrar u ocultar el icono de chat según la ubicación de la página. Si desea eliminar la invitación de chat por completo en todas las páginas de pago, edite la Ubicación para excluir las páginas de pago. Por ejemplo, puede excluir todas las páginas que contengan "checkout" en la URL.
Opción 3: Configurar la segmentación por dispositivo. Si no desea que el icono de invitación aparezca en sitios móviles, desmarque la opción "teléfono móvil" en Segmentación de campañas. Para configurar, haga clic Campaña, Segmentación.
Zoom Campaigns ofrece una invitación incrustada opción si no desea usar el icono sticky predeterminado para iniciar el chat. Esto le permite convertir cualquier elemento en su sitio web, como un botón en su menú o un enlace en una página, en un desencadenante para abrir la ventana de chat.
Para hacer esto, cree el elemento en el HTML de su sitio y use el SDK de Campaign de Zoom para conectarlo al chat. Cuando un usuario haga clic en ese elemento, se lanzará la ventana de chat y comenzará la experiencia de la campaña. También puede usar el HTML existente en su sitio web para activar la ventana de chat si lo prefiere.
Aviso
¿Quiere tanto un icono de invitación Sticky como desencadenar la apertura del chat mediante un clic en un botón de su sitio web?
Cree una campaña usando la opción de invitación Sticky, luego use el SDK de Campaign de Zoom para desencadenar la apertura del chat.
Mensajería proactiva
¿Y si desea una forma más activa de captar la atención de sus usuarios para que chateen con su equipo o agente virtual? La función de Mensajería Proactiva de Zoom permite a las empresas iniciar conversaciones con los visitantes, en lugar de esperar a que el cliente inicie el chat haciendo clic en la invitación.
Cómo ayuda
Mejor compromiso: Puede captar la atención de las personas y ofrecer ayuda en el momento adecuado.
Más contactos potenciales: Los mensajes personalizados y los botones pueden animar a las personas a obtener más información chateando con un agente, o a compartir su información para una llamada de seguimiento.
Soporte más rápido: Conecte rápidamente a los visitantes con un bot o un agente en vivo, para que obtengan respuestas sin demora.
Cuando un usuario llega a una página donde la mensajería proactiva está habilitada, recibirá un mensaje y podrá hacer clic en botones para iniciar un flujo específico.
Dónde configurarlo
Esta función se configura en Campañas, y está disponible para campañas de chat en páginas web que utilizan el Tipo Sticky tipo de invitación.
Dirija a sus usuarios
Puede configurar su mensaje proactivo con un retraso, para que solo aparezca para los usuarios que hayan estado en esa página durante una cantidad específica de tiempo. También puede elegir si desea que el usuario vea el mensaje solo una vez en un período de 24 horas, o si desea que el mensaje proactivo vuelva a aparecer si el usuario actualiza la página o visita otra página coincidente.
Pregunta común
Quiero tener un icono de invitación para que mis usuarios puedan iniciar un chat en cualquier momento, pero también quiero enviar a mis clientes un mensaje proactivo en una página específica (por ejemplo, la página de precios de mi empresa). ¿Cómo configuro esto?
Respuesta
Deberá crear dos campañas: una para su invitación estándar en todo su sitio web ("Campaña A"), y otra campaña ("Campaña B") para la página donde desea tener un mensaje proactivo.
Para cada campaña, deberá definir las ubicaciones de la campaña para que no se solapen.
Ejemplo
La Ubicación de la Campaña A debe excluir "zoom.us/pricing" y la Ubicación de la Campaña B debe contener "zoom.us/pricing." De ese modo, los usuarios que visiten cualquier URL que incluya "zoom.us" verán la invitación habitual, pero los usuarios que lleguen a la página específica "zoom.us/pricing" tendrán el mensaje proactivo emergente.
Avatares
Un avatar es la imagen que aparece junto a los mensajes en el chat web. Ayuda a aportar personalidad y marca a la conversación.
Para los mensajes enviados antes de que un usuario se conecte con un agente (por ejemplo, un mensaje de bienvenida o agente virtual), puede establecer un avatar predeterminado único en todas sus experiencias, o puede establecer un avatar único para cada flujo de chat individual. Esto le brinda la flexibilidad de mantener la coherencia o adaptar la experiencia para diferentes marcas o casos de uso.
Si está utilizando Zoom Contact Centerhaga clic en lo siguiente:
Preferencias
Experiencia del consumidor
Avatar y nombre predeterminados del mensaje de flujo.
Si está utilizando Solo Zoom Virtual Agenthaga clic en lo siguiente:
AI Studio
Agentes virtuales
Chatbots
pestaña de Configuración
Cuando su cliente pase del bot a un agente en vivo en Zoom Contact Center, también puede controlar cómo aparece el avatar del agente. Puede optar por mostrar la foto de perfil del agente desde Contact Center, sus iniciales o una imagen de avatar establecida.
Para configurar, haga clic en lo siguiente:
Preferencias
Experiencia del consumidor
Imagen para mostrar
Configuraciones adicionales de configuración de chat
Controle la ventana de chat web con el SDK de Campaign de Zoom
El SDK de Campaign de Zoom Contact Center (ZCC) y Zoom Virtual Agent (ZVA) brinda a los desarrolladores más control sobre cómo se comporta el chat web e interactúa con su sitio web. Le permite abrir, cerrar y controlar el comportamiento del chat de forma programada en función de acciones del usuario, contexto de la página o lógica personalizada.
Por ejemplo, puede hacer que su ventana de chat se abra automáticamente cuando sus usuarios hayan estado en la página durante un número específico de segundos o al hacer clic en un botón en particular.
Vea Referencia del SDK en la documentación para desarrolladores de Zoom para más detalles.
Persistencia del chat en todo el sitio
La persistencia del chat controla si la sesión de chat de un usuario continúa a medida que se desplaza entre diferentes páginas de su sitio web.
Cuando la persistencia está habilitada (predeterminado): El mismo chat permanece abierto en las páginas, para que el usuario pueda continuar su conversación sin interrupciones.
Cuando la persistencia está desactivada: El chat no continúa cuando el usuario navega a una nueva página, a menos que esa página forme parte explícita de la ubicación definida de la primera campaña.
Este cambio facilita a las empresas con múltiples marcas o departamentos en el mismo dominio mantener las campañas de chat separadas. Evita que los usuarios lleven un chat entre páginas no relacionadas y reduce la necesidad de configuración manual.
Encuentre esta configuración en Zoom Contact Center como Preferencias de Zoom Virtual Agent.
Notificaciones de sonido
De forma predeterminada, cuando su agente o agente virtual envía un mensaje en el chat web, los consumidores escuchan un sonido de notificación. Si los sonidos predeterminados resultan molestos para la experiencia de su marca, puede desactivarlos en Zoom Contact Center o Preferencias de Zoom Virtual Agent.
Los consumidores aún tendrán la opción de volver a activarlos en el menú del chat, si lo prefieren.
Última actualización
¿Te fue útil?