Presentamos el nuevo widget de Lia: completamente rediseñado desde cero para ser más rápido, más atractivo y más personalizable que nunca.
¿Qué hay de nuevo?
Rendimiento mejorado
El nuevo widget carga un 40% más rápido que la versión anterior:
| Métrica | Widget anterior | Nuevo widget | Mejora |
|---|---|---|---|
| Tamaño del script | 145 KB | 82 KB | -43% |
| Tiempo de carga | 1.2 seg | 0.7 seg | -42% |
| Tiempo primera respuesta | 1.8 seg | 1.1 seg | -39% |
| Uso de memoria | 12 MB | 7 MB | -42% |
Esto significa:
- Menos impacto en la velocidad de tu web
- Mejor experiencia en móviles con conexión lenta
- Mejor puntuación en Core Web Vitals
Diseño renovado
El widget tiene un aspecto más moderno y limpio:
- Esquinas más redondeadas para un look más friendly
- Animaciones más suaves en apertura/cierre
- Tipografía mejorada para mejor legibilidad
- Iconos actualizados más nítidos
- Sombras sutiles que dan profundidad
Nuevas opciones de personalización
Más colores y degradados
Ahora puedes usar:
- Color sólido (como antes)
- Degradados lineales
- Degradados radiales
Posición flexible
- Esquinas: Inferior derecha, inferior izquierda
- Márgenes personalizados: Píxel a píxel
- Offset vertical: Para evitar conflictos con otros elementos
Tamaños de ventana
- Compacto: 320px de ancho, ideal para móvil
- Normal: 380px (por defecto)
- Grande: 420px para más espacio
- Adaptativo: Se ajusta al tamaño de pantalla
Modos de apertura
- Popup: Se abre sobre la página (por defecto)
- Deslizante: Se desliza desde el lateral
- Pantalla completa: Para móvil, ocupa toda la pantalla
Temas prediseñados
Si no quieres personalizar cada detalle, elige un tema:
- Clásico: Limpio y profesional
- Moderno: Esquinas muy redondeadas, sombras suaves
- Minimalista: Sin bordes, integrado
- Flotante: Efecto de tarjeta elevada
Mejor experiencia móvil
El widget ahora está optimizado para móvil:
- Pantalla completa automática cuando se abre en móvil
- Teclado que no tapa el área de escritura
- Scroll suave en conversaciones largas
- Botón de cerrar más accesible
- Touch optimizado para dedos, no ratones
Nuevas funcionalidades
Typing indicator mejorado
Cuando Lia está "pensando", ahora ves una animación más clara y menos intrusiva.
Previsualización de enlaces
Los enlaces compartidos muestran previsualización (título, imagen) cuando es posible.
Soporte para emojis mejorado
Emojis se renderizan correctamente en todos los dispositivos y sistemas operativos.
Notificación de nuevos mensajes
Si el widget está cerrado y hay nuevos mensajes, aparece un indicador discreto.
Sonidos opcionales
Puedes activar sonidos suaves para nuevos mensajes (desactivado por defecto).
Cómo actualizar
Actualización automática (recomendado)
Si usas el código de instalación estándar, el widget se actualiza automáticamente. No tienes que hacer nada.
Verificar la versión
Para confirmar que tienes el nuevo widget:
- Abre tu web
- Abre el chat
- En la parte inferior verás "Powered by Lia v2.0"
¿Y si tengo personalización avanzada?
Si usaste CSS personalizado o atributos de datos avanzados, revisa que sigan funcionando:
- Abre tu web y prueba el chat
- Verifica que los estilos se aplican correctamente
- Si algo no funciona, consulta la documentación actualizada
La mayoría de personalizaciones siguen siendo compatibles, pero algunas clases CSS han cambiado.
Opciones de configuración
En el dashboard
Ve a Configuración > Widget para ajustar:
- Colores: Principal, secundario, fondo, texto
- Posición: Esquina y márgenes
- Tamaño: Ancho de ventana
- Comportamiento: Auto-apertura, sonidos, etc.
- Tema: Elegir un tema prediseñado
Vía código (avanzado)
Si necesitas control total:
window.liaConfig = {
theme: 'modern',
position: 'bottom-left',
margin: { bottom: 30, side: 20 },
width: 400,
colors: {
primary: '#FF6B35',
secondary: '#ffffff',
background: '#f5f5f5'
},
autoOpen: false,
sounds: false,
fullscreenOnMobile: true
};
FAQ del nuevo widget
¿Tengo que cambiar mi código de instalación? No, el mismo código funciona. El widget se actualiza automáticamente.
¿Mis personalizaciones siguen funcionando? La mayoría sí. Si usaste CSS muy específico, puede que necesites ajustes menores.
¿Puedo volver al widget anterior?
Durante 30 días puedes forzar la versión anterior añadiendo ?widget_version=1 al código. Después, solo el nuevo widget estará disponible.
¿El nuevo widget es compatible con todos los navegadores? Sí, soporta todos los navegadores modernos y IE11.
¿Funciona con todos los CMS (Shopify, WordPress, etc.)? Sí, funciona igual en todas las plataformas.
¿Ha cambiado el peso para SEO? El widget se carga de forma asíncrona y no afecta al SEO. De hecho, al ser más ligero, es mejor para Core Web Vitals.
Feedback
Queremos que el widget sea perfecto para tu marca. Si echas en falta alguna opción de personalización o encuentras algún problema, escríbenos:
- Chat de soporte
- producto@hellolia.es
- Twitter @hellolia_es
Próximas mejoras
En los próximos meses añadiremos:
- Más temas prediseñados
- Avatares personalizados para el chatbot
- Badges y notificaciones personalizables
- Modo oscuro automático
- Más animaciones opcionales
Conclusión
El nuevo widget de Lia es más rápido, más bonito y más personalizable. Y lo mejor: no tienes que hacer nada para disfrutarlo.
Si quieres ajustar el diseño a tu marca, explora las nuevas opciones en Configuración > Widget.
Explora las nuevas opciones: app.hellolia.es > Configuración > Widget