Lottier – Lottie Animated Images for WordPress Editor

Descripción

Lottier incorpora animaciones Lottie en cualquier página WordPress mediante un widget propio que acepta archivos .json y URLs de LottieFiles, con controles de bucle, reproducción automática, velocidad y gatillos por hover o desplazamiento. Compatible con Elementor, WPBakery, Gutenberg y el editor clásico, está orientado a quienes quieren sustituir GIFs pesados e ilustraciones estáticas por vectores animados ligeros en landing pages, headers y secciones destacadas.

Características principales de Lottier

• Soporte nativo a archivos Lottie
  Carga animaciones .json exportadas de After Effects vía plugin Bodymovin o descargadas de LottieFiles.
• Widget para constructores visuales
  Agrega un elemento dedicado en Elementor, WPBakery, Gutenberg y shortcode para el editor clásico.
• Controles de reproducción granular
  Configura reproducción automática, bucle, velocidad, dirección inversa y punto inicial/final en cada instancia.
• Gatillos interactivos
  Dispara la animación al pasar el ratón, hacer clic en el elemento o cuando entra en el viewport durante el desplazamiento.
• Renderizado vectorial responsivo
  Mantiene la calidad de la animación en cualquier resolución con archivos significativamente más ligeros que GIFs o videos.

Beneficios de Lottier

• Páginas más ligeras
  Sustituye GIFs pesados y videos cortos por archivos vectoriales de pocos kilobytes.
• Identidad visual diferenciada
  Agrega un movimiento sutil a íconos, ilustraciones y CTAs para destacar secciones importantes.
• Sin código manual
  Configura cada animación mediante el panel visual del constructor, sin editar JavaScript o CSS.
• Encaje en cualquier diseño
  Permite reutilizar el mismo archivo Lottie en encabezados, secciones hero, popups y bloques de contenido.

Para quién se indica Lottier

• Diseñadores y agencias digitales que entregan sitios con microinteracciones e ilustraciones animadas.
• Quien necesita enriquecer landing pages y páginas de ventas sin aumentar el peso de carga.
• Estudios creativos, portafolios y marcas que ya usan LottieFiles y quieren llevar esas animaciones a WordPress.

Cómo descargar Lottier

Lottier está disponible para descarga aquí en Ultrapack. Después obtener el archivo .zip, accede a Plugins > Añadir Nuevo > Subir plugin en el panel de WordPress, selecciona el archivo y activa. El widget aparece en Elementor, WPBakery y Gutenberg justo después de la activación, listo para recibir archivos .json.

Pensado para quien trabaja con diseño de interfaces y producción de páginas en WordPress, Lottier ocupa un espacio específico en el ecosistema: traducir el flujo de animaciones vectoriales de After Effects y LottieFiles directamente a los constructores visuales. El resultado es control sobre cada detalle de la reproducción sin salir del editor donde la página ya está siendo montada.

Preguntas frecuentes