Cómo insertar animaciones LottieFiles en Divi fácil y rápido.

Inicio / Tutoriales Premium / Plugins addons / Cómo insertar animaciones LottieFiles en Divi fácil y rápido.

Contenido Restringido🖐

Accede a este y otros contenidos siendo premium. ¿Aún no eres premium? Adquiere una membresía aquí ⭐

Profesor: Jefferson M

  2 de diciembre de 2020

En este videotutorial prémium te enseñaremos a insertar animaciones ligeras LottieFiles en Divi de una manera sencilla y rápida, con un plugin prémium que por supuesto podrás descargar desde los recursos de este tutorial.

Objetivo de tutorial:

Muchas personas de la comunidad me han preguntado como es que he insertado la animación principal que tiene UXDIVI en su página de inicio, pues bien, lo he hecho justamente es insertar una Animación SVG con LottieFiles, que es un repositorio de animaciones SVG (vectores superligeros) que se ejecutan directamente en el navegador.

Lo increíble de este sistema es que las animaciones de LottieFiles son muy ligeras, al ser presentadas como vectores SVG, el peso es muy muy bajo comparado con un Gif animado o in video MP4.

Hablamos más sobre imágenes SVG en nuestro tutorial prémium donde te enseñamos a insertar imágenes SVG en WordPress.

Resultado:

Al final tendremos un resultado como este:

Si te ha gustado este contenido no olvides compartirlo con tus amigos y conocidos, además recuerda que puedes compartirnos el enlace de tu creación en los comentarios de este contenido, así todos veamos los resultados maravillosos que conseguiste con este contenido prémium.

Descarga los recursos mencionados en este tutorial acá abajo 👇 siendo premium ⭐

6 Comentarios

  1. Francisco José C

    Hola, puede ser que no funcione muy bien padding y margen de los lottie? ignora los valores que le pongo y no se desplaza.

    Responder
    • Jefferson M

      Puede ser que si Francisco. Recuerda que al final un lottie es un recurso incrustado, con lo que seguramente si el lottie original tiene alguna restricción de tamaño, tengas ciertas limitaciones para darle margen o espacio. Ahora si lo que quieres es cambiarlo de posición, recuerda que puedas usar las opciones de la pestaña de avanzado “Puesto” y allí con posición “Relativa” dale su ajuste.

      Responder
  2. Miriam J O

    Hola Jefferson: entonces al usar esta herramienta de animaciones el sitio web no se hace más lento?

    Responder
    • Jefferson M

      No, porque son vectores. Si tienen un peso, pero pesan menos que un gif, eso es seguro.

      Responder
  3. Miriam J O

    Como funciona el Lottie Files para mobiles, es lo mismo. (Get LottieFiles for mobile and desktop) Esta muy interesante el tutorial. Ya tengo mi cuenta con Lottie FIles, ahora solo falta familiarizarme con su sitio.
    Gracias.

    Responder
    • Jefferson M

      En teoria si, solo insertas el lottie y te lo despliega en todos los dispositivos.

      Responder

Enviar un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Solicitud de cancelación de suscripción

Aviso importe

🚩 Debes solicitar la cancelación de tu suscripción al menos 24 horas antes de tu renovación, de otro modo, no podremos procesar a tiempo la cancelación antes de tu renovación.

Al cancelar tu suscripción, perderás el acceso a todo esto:

🚩 A más de mil contenidos especializados en el aprendizaje del diseño web
🚩 El soporte personalizado en Divi
🚩 Acceso al grupo de Discord
🚩 Acceso a la descarga de las actualizaciones de los plugins, el contenido y las descargas de nuestro sitio.
🚩 Puntos y rangos obtenidos en la plataforma

✅ Te ofrecemos la opción de pausar tu suscripción 2 o 3 meses y así no perderás el progreso obtenido en la plataforma.

Lamentamos mucho 😩 que tu experiencia en nuestra plataforma no haya sido la mejor. Para poder procesar tu solicitud y hacerla efectiva, necesitaremos que por favor nos envíes lleno este formato. Esto nos ayudará a poder seguir mejorando nuestra propuesta de valor y siendo útil para todos los usuarios.

Solicitud de cancelación

¿Por cuál o cuáles razones deseas cancelar tu suscripción?

¿Qué características mejorarías en nuestra web?

¿Cuál es tu nivel de satisfacción en relación con la calidad del soporte que ofrecemos por diferentes medios? donde 1 es insatisfecho y 5 es satisfecho

¿En esta escala que tanto recomendarías a UXDIVI a un amigo o colega? donde 1 es "no lo recomendaría" y 5 es "Lo recomendaría totalmente"

3 + 10 =


Iniciar Sesión

¿No tienes cuenta? Registrarse

Otros planes

¡Accede a más de 1330 contenidos especializados en Diseño Web con Divi por un solo precio!

Trimestral

Ahorra 6 USD 🔥

$US 18/ Mes

*Pagando US$ 54 cada 3 meses

¿A qué accedes con este plan?

Lifetime

Un solo pago 🔥

$US 499/ Lifetime

*UN SOLO PAGO DE POR VIDA

¿A qué accedes con este plan?

Con este plan accedes a:

  1. ✅ Todos los cursos
  2. ✅ Todos los tutoriales prémium
  3. ✅ Todos los plugins y layouts
  4. ✅ Soporte prémium vía email
  5. ✅ Acceso a la comunidad en Discord

Con este plan accedes a:

  1. ✅ Todos los cursos
  2. ✅ Todos los tutoriales prémium
  3. ✅ Todos los plugins y layouts
  4. ✅ Soporte prémium vía email
  5. ✅ Acceso a la comunidad en Discord
  6. ✅ Descuentos en Templates para Divi