Aprende todo sobre Lottie

Elementor Madrid

Charlotte Reiniger

'Lotte' Reiniger
pionera en animación

Precedió en 10 años con el estreno de
The Prince Ahmed a Walt Disney (1926).

Todo sobre

Alternativas a Lottie

Animaciones a mano

Gifs animados

Secuencia PNG

h5p

Disparadores

Viewport

Disparadores

Al hacer clic

Disparadores

Al pasar por encima

Disparadores

Al hacer scroll vertical

Aplicar a Elementor

Lottie con

Plugin sencillo que añade la funcionalidad de Lottie a Elementor free. La forma más sencilla

  • Gratis
  • Solo un widget
  • Permite descargar y usar .json cargados en nuestro servidor con el  gestor de medios
  • Opciones limitadas
  • No aporta nada nuevo

EN RESUMEN

Lottie con

Tiene varias características adicionales a Elementor Pro.

  • Animación diferente de entrada y salida
  • Soporta animación en scroll (otros no)
  • Hover sobre Sección, columna o widget!
  • Filtros CSS
  • No accede al gestor multimedia de WordPress, solo acepta enlace o código
  • Muchas opciones y un poco confuso
  • Carga librerías de js adicionales
  • Funciona raro con Pro instalado
  • no visualiza en backend las animaciones

EN RESUMEN

Lottie con

Tiene funcionalidades Lottie tanto en su versión gratuita, como funcionalidades mejoradas en la versión de pago.

  • Versión gratuita y de pago
  • En el Pro puedes añadir Lottie a la sección
  • Filtros CSS
  • No accede al gestor multimedia de WordPress, solo acepta enlace
  • no tiene animación en scroll

EN RESUMEN

Lottie con

Es una colección de widgets para Elementor freemium. Su característica principal es su especialización en LMS y WooCommerce.

  • Gratis
  • Similar a Elementor Pro
  • Permite descargar y usar .json cargados en nuestro servidor con el  gestor de medios
  • Opciones limitadas
  • No soporta filtros CSS
  • No soporta animación en scroll
  • Si solo quieres Lottie, inslalaría Animentor

EN RESUMEN

Lottie con

Versión muy esperada desde su anuncio en febrero, hace una implementación a nivel muy correcta y completa. Espero más funciones y que se generalice en todo el editor en un futuro no muy lejano.

  • No requiere plugin adicional
  • Soporta scroll vertical
  • ajustes claros y variados
  • soporte de filtros CSS
  • Solo implementado como widget

EN RESUMEN

Lottie con

Lordicon es una libreria de iconos en formato .json compatible con Lottie, muy interesante concepto con ‘aspiración‘ a reemplazar a font awesome en un futuro, ¿lo conseguirá?

  • 50 iconos gratis
  • Soporte nativo y directo con bloque Gutenberg
  • Mucha personalización
  • soporte de filtros CSS
  • No aporta widget a Elementor
  • No es 100% compatible con Lottie (comportamiento extraño)

EN RESUMEN

Créditos

Presentación creada
por Angel Zinsel

con Elementor
y fullpage.js for elementor
de
Álvaro Trigo

En Elemendas hablamos

del universo Elementor,
sus novedades,
sus plugins y
su comunidad,
en español.