El widget de chat de tu sitio web suele ser el primer contacto de un visitante con tu negocio, así que los pequeños detalles de su aspecto y su comportamiento se acumulan. Desde el 4 de noviembre de 2026, el widget de chat web de HellouOne tiene una renovación: un nuevo estilo soft brutal, temas nuevos para el lanzador y el panel de chat, y varios arreglos en el funcionamiento del chat dentro de la página.
Importa a todo negocio que incorpora el widget en su sitio y a los visitantes que lo usan. Si un agente IA responde tus chats, esos visitantes ahora tienen un widget más fácil de ver, más fácil de seguir con el teclado y más fácil de leer a medida que crece la conversación.
Qué hay de nuevo
Un nuevo estilo soft brutal para el widget.
Temas nuevos para el lanzador y el panel de chat.
El lanzador se mantiene cerrado mientras se muestra una tarjeta de vista previa.
Los contornos de foco se ven mejor, una mejora de accesibilidad.
Una imagen que envía un agente IA en el chat web ahora se muestra como un solo mensaje.
El chat se mantiene desplazado hasta el final.
El estilo soft brutal y los temas nuevos
La renovación trae al widget un estilo soft brutal: contornos oscuros marcados, una sombra sólida desplazada y esquinas redondeadas. Viene con temas nuevos para el lanzador, el botón o la tarjeta que abre el chat, y para el propio panel de chat, de modo que el widget encaje bien en el tipo de sitio donde vive.
El aspecto del widget es un ajuste de la bandeja en HellouOne, no código personalizado. El Constructor de Widget ya permite definir el color de marca, el estilo del encabezado, la pantalla con la que se abre el widget y el lado, el ícono y el texto del lanzador, como se describe en el artículo del centro de ayuda sobre personalizar el widget de tu sitio web.
Míralo en vivo en hellou.ai
hellou.ai ya usa este widget en todas sus páginas, con el tema soft brutal. El lanzador es una tarjeta que invita a conversar con nuestro agente IA; en la versión en inglés del sitio dice "Questions about HellouOne? Our AI agent answers in seconds." y trae un botón Start chat. Abre cualquier página de hellou.ai y verás el resultado, y puedes iniciar una conversación con nuestro agente IA para probarlo.
Detalles que hacen el chat más fácil de usar
Tarjeta de vista previa. Una tarjeta de vista previa es un mensaje corto que se muestra junto al lanzador. Mientras se muestra una tarjeta de vista previa, el lanzador ahora se mantiene cerrado. Es un cambio pequeño que hace más predecible el lanzador para los visitantes.
Contornos de foco. Quienes recorren una página con la tecla Tab necesitan ver dónde están. Los contornos de foco del widget ahora se ven mejor, un pequeño arreglo de accesibilidad que ayuda a todo visitante que navega con teclado.
Imágenes de tu agente IA. Cuando un agente IA envía una imagen en el chat web, ahora se muestra como un solo mensaje. El visitante ve la imagen como una sola pieza de la conversación, tal como esperaría.
Siempre al final. El chat se mantiene desplazado hasta el final, de modo que el mensaje más reciente sigue a la vista a medida que crece la conversación.
Cómo funciona con HellouOne
Cada bandeja de sitio web en HellouOne tiene su propio widget. Los administradores van a Ajustes → Bandejas de entrada, hacen clic en el ícono de ajustes de la bandeja del sitio web y abren la pestaña Constructor de Widget, con las opciones a la izquierda y una vista previa a la derecha que se puede ver como computadora o como teléfono. Después de pulsar Actualizar ajustes de Widget, el centro de ayuda explica que los widgets que ya están en tu sitio toman el cambio en su siguiente carga de página, sin pegar código nuevo.
El widget también puede llevar tu centro de ayuda: cuando hay un centro de ayuda conectado a la bandeja y se muestra en el widget, los visitantes tienen una pestaña de Ayuda donde buscan, exploran temas y leen artículos publicados sin salir de la página. Con la opción de marcar las respuestas escritas por un agente IA activada, esos mensajes muestran una etiqueta de agente IA. Para ver cómo ha crecido el widget, lee sobre el nuevo widget web con pantalla de inicio, artículos de ayuda y un constructor y cómo personalizar tu widget sin código nuevo.
