La ventana de chat de tu sitio web suele ser la primera conversación que un visitante tiene con tu negocio. Si se ve genérica, abre en la pantalla equivocada o esconde las respuestas que la persona vino a buscar, esa primera conversación empieza con fricción. En HellouOne, el widget del sitio web no es un fragmento fijo que instalas y olvidas. Lo configuran los administradores, bandeja por bandeja: cada bandeja de sitio web tiene su propio widget, cada cambio se ve en vivo mientras lo haces y llega a tu sitio sin tocar el código. Este artículo recorre lo que puedes cambiar y por qué importa cada parte. Está basado en nuestra guía de ayuda: Personaliza el widget de tu sitio web (https://help.hellou.ai/hc/hellou/articles/1791206258-personaliza-el-widget-de-tu-sitio-web).
Dónde se configura
Ve a Ajustes, Bandejas de entrada, haz clic en el ícono de ajustes de tu bandeja del sitio web y abre la pestaña Constructor de Widget. A la izquierda están las opciones y a la derecha una vista previa que puedes ver como computadora o como teléfono. Cuando termines, pulsa Actualizar ajustes de Widget. Los widgets que ya están en tu sitio toman el cambio en la siguiente carga de la página, así que no hace falta pegar código nuevo para un cambio de diseño.
Ese flujo cambia la forma en que los equipos tratan el widget. En lugar de abrir un ticket para que un desarrollador cambie un color o un saludo, un administrador prueba el cambio en la vista previa, lo publica y lo ve en vivo en la siguiente carga. El diseño deja de ser una liberación de código y se vuelve un ajuste.
Marca: color, tema y la primera pantalla
La sección Marca define el color de marca del encabezado y los botones. Si prefieres que los botones tengan otro color, desmarca la opción que hace que los botones usen el color de marca. También eliges el tema, claro, oscuro o que siga el dispositivo del visitante, y el estilo del encabezado, color sólido o degradado.
La marca también decide en qué pantalla se abre el widget: Inicio, Chat o Centro de ayuda. Es una decisión pequeña con un efecto real. Un sitio de ventas puede preferir Chat, para que un comprador decidido llegue a una persona en un clic. Un sitio con mucho soporte puede preferir el Centro de ayuda, para que el visitante encuentre un artículo antes de escribir. Inicio funciona cuando quieres saludar y ofrecer los dos caminos.
Pantalla de inicio: un saludo por idioma
La pantalla de inicio saluda al visitante y le ofrece escribirte o buscar una respuesta. Defines un saludo y un subtítulo, uno por idioma: eliges el idioma en la lista y escribes el texto. Un visitante cuyo idioma no tenga saludo ve el título de bienvenida de la bandeja.
Dos interruptores ayudan a fijar expectativas. Mostrar los avatares del equipo le dice al visitante quién le responde, y mostrar el tiempo de respuesta esperado le dice cuándo. Un widget que muestra rostros reales y una espera realista se siente como una conversación con un equipo, no como un formulario al vacío, y los visitantes escriben mejores primeros mensajes cuando saben qué sigue.
Tu centro de ayuda, dentro del widget
Si la bandeja tiene un centro de ayuda conectado y activas Mostrar el centro de ayuda en el widget, el widget suma una pestaña Ayuda. Los visitantes buscan, recorren los temas y leen tus artículos publicados sin salir de la página. Al final de cada artículo se les pregunta si les fue útil, y si siguen con dudas pueden pulsar la opción para hablar contigo y empezar una conversación.
Para conectar un centro de ayuda, abre la pestaña Ajustes de la bandeja y elige uno en el campo Centro de ayuda. Sin centro de ayuda, el widget no muestra la pestaña.
También decides cuándo aparece el botón para escribir, en Antes de un mensaje. Mensaje en cualquier momento mantiene el botón siempre visible. Primero la ayuda muestra el botón cuando el visitante ya buscó o leyó un artículo. Preguntar y sugerir permite que el visitante describa su pregunta, vea artículos relacionados y aun así pueda enviarla.
De vuelta en HellouOne, ves los resultados. En Centro de ayuda, Artículos, debajo de las vistas de cada artículo aparece el porcentaje de visitantes a los que les fue útil, y al pasar el cursor ves cuántos votaron. Y cuando alguien te escribe desde un artículo, la conversación muestra en el panel lateral Llegó desde el artículo, con un enlace al artículo que estaba leyendo, así que tu agente empieza con contexto en lugar de pedirle al visitante que se repita.
El botón: lado, ícono, texto y distancia
Es el botón redondo que abre el widget y por defecto muestra el logo de Hellou. Controlas cómo se ubica en tu página. Eliges su lado, izquierda o derecha, y su ícono, Hellou, chat o pregunta. El texto del botón se define por idioma y puedes dejarlo vacío para un botón solo con ícono. En teléfonos el texto se oculta, salvo que actives mostrar el texto del botón también en teléfonos.
La distancia desde el costado y desde abajo se define por separado para computadora y teléfono, algo importante porque un botón que libra un aviso de cookies en escritorio puede tapar contenido en una pantalla pequeña. También puedes mostrar un punto en el botón cuando hay respuestas sin leer, hacer latir el botón una vez al abrir la página, u ocultar el botón si abres el widget desde un botón propio de tu sitio.
Forma y extras
Las esquinas del panel y del botón van de rectas a totalmente redondeadas, así que el widget puede combinar con un sitio corporativo sobrio o con una marca de consumo suave. Puedes marcar las respuestas escritas por un agente de IA, lo que muestra una etiqueta Agente de IA en esos mensajes, permitir ampliar el widget en computadoras y controlar la línea Con la tecnología de HellouOne, cuya eliminación está incluida en el plan Enterprise.
Esa transparencia de la etiqueta de IA vale la pena. Los visitantes siguen la conversación con más comodidad cuando saben qué respuestas escribió una persona de tu equipo y cuáles escribió la IA, y tu equipo hereda esa confianza cuando una persona toma el relevo.
El código de inserción y una nota sobre opciones escritas a mano
Pulsa Mostrar el código de inserción debajo de la vista previa para copiarlo. Solo lo necesitas una vez, para un sitio que todavía no tiene el widget. Si tu equipo escribió opciones a mano dentro del código, por ejemplo el lado o el texto del botón, esas opciones siguen teniendo prioridad sobre lo que configures en el constructor. Los valores que el constructor anterior pegaba por defecto no cuentan como escritos a mano, así que los widgets instalados con él siguen tus cambios. Si este navegador guardó ajustes del constructor anterior, verás un aviso con el botón Importarlos para traerlos al nuevo editor.
La rutina práctica es simple. Abre el constructor, define marca y pantalla de apertura, escribe los saludos en los idiomas de tus visitantes, conecta tu centro de ayuda y elige cuándo aparece el botón para escribir, ubica el botón para que no tape tu página en computadora ni en teléfono, y actualiza. El chat de tu sitio empieza a verse como tu negocio, y cada ajuste posterior es un cambio de configuración, no de código.
Fuente: Centro de ayuda de Hellou, Personaliza el widget de tu sitio web: https://help.hellou.ai/hc/hellou/articles/1791206258-personaliza-el-widget-de-tu-sitio-web
