Cerrar video

Cómo agregar animaciones de lottie files en sitio web creado con divi

por | Jul 25, 2020 | Tutorial gratuito | 5 Comentarios

En este tutorial aprenderás a insertar animaciones o ilustraciones animadas en tu sitio web creado con divi de manera fácil con Lottie Files una librería para insertar animaciones en tu sitio web creado con divi.

Este tipo de animaciones últimamente están muy de moda que yo mismo me he subido al barco y la he implementado en la página de inicio de este sitio web.

Implementar este tipo de animación es muy fácil, bueno, lo difícil es animar la ilustración en after effects pero implementarla no es nada complicado.

Hay dos o tres maneras de implementar este tipo de animación, se puede a través de un plugin, a través de una librería solamente enlazando un código o bien se puede implementar de forma un poco mas manual. En mi sitio web yo lo he hecho de manera manual, porque a mi me gusta el código, amo el código, pero en este tutorial te mostraré la forma más fácil de implementarla y será a través de un sitio web llamado Lottie Files.

👉 Aquí tienes el enlace a Lottie Files. Es gratis pero debes crearte una cuenta.

👉 Este tutorial es gratis pero si quieres descargar la ilustración animada que he implementado en este sitio, la podrás descargar si te unes a los tutoriales exclusivos. No solo tendrás acceso a este recurso sino a muchos más tutoriales únicos de divi.

¡Así qué te espero dentro!

5 Comentarios

  1. Raul Meza

    excelente, yo soy de las personas que trata de buscar tutoriales por toda la red, y sin duda estos han sido los mejores, estoy recien aprendiendo y llevo 5 proyectos de paginas web, debo felicitarlos, jamas escribo en ningun sitio ademas, pero sin duda esta pagina me ha ayudado mucho a realizar todas las paginas que llevo haciendo. muchas gracias.
    (sabes lo que mas me gusta, es que primero muestra los resultados luego enseña como hacerlo, es simple pero muy pocos tutoriales lo hacen)

    Responder
    • Oscar Viedma

      Hola Raúl, muchas gracias por las palabras, me alegra saber que los tutoriales te han resultado útiles, ojalá nunca dejes de seguirnos porque vendrán más y más.. 😊

      Responder
  2. Leandro

    Hola Amigo. Te saludo desde Argentina.
    Te conocí hace muy poco y veo que tienes una calidad muy buena en tus tutoriales, no he visto muchos como tu, felicitaciones.
    Ahora te pregunto que puede estar pasando ya que sigo tus instrucciones y no puedo lograr incrustar ninguna animación, desde la pagina de lottiefiles quiero cambiar algunos parámetros y no los cambia en el código, al pegar el código en el modulo me muestra el código en el modulo, no la animación, que puede estar pasando? Gracias por los tutoriales, son muy buenos

    Responder
    • Leandro

      Encontré el problema, el traductor me tradujo algunas palabras al castellano y también me generaba espacios en el código, corregí todo esto y funciona perfectamente…
      Nuevamente muchas gracias…

      Responder
      • Oscar Viedma

        Genial Leandro, si muchas veces ocurre eso de las traducciones y nos coloca espacios y cambios de caracteres, por eso siempre es recomendable copiar el código en inglés para no tener problemas.
        Qué bueno que lograste solucionarlo amigo. Te mando un abrazo hasta Argentina.

        Responder

Enviar un comentario

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

Tutoriales Exclusivos

Tutoriales exclusivos OV Divi

Lleva tus sitios web creados con divi al siguiente nivel.

Accede a tutoriales exclusivos y únicos de divi y saca el máximo provecho del mejor tema y constructor visual para WordPress.

$6 USD / mes

Pin It on Pinterest