LottieFiles – Lottie block for Gutenberg


LottieFiles para WordPress te da acceso a más de 50.000 animaciones de Lottie gratuitas y listas para usar que puedes incrustar fácilmente en tu web. Añadir animaciones es rápido y simple: simplemente arrastra y suelta la animación de tu elección en cualquier lugar de tu página, publica y haz que tu sitio se destaque, sin necesidad de conocimientos de codificación o diseño. ¡Haz que tu contenido cobre vida, explique tu producto y servicio de una manera más emocionante a tus usuarios!


  • Transforma tu web en experiencias web animadas con el editor Gutenberg
  • Busca y accede a más de 50.000 animaciones gratuitas y listas para usar de Lottie
  • Access to your Private files from LottieFiles
  • Arrastra y suelta un archivo JSON de Lottie
  • Inserta una animación de Lottie desde la URL
  • Guarda y reutiliza archivos JSON de datos de animación a través de la Biblioteca de medios
  • Personaliza tu Lottie, todo es configurable directamente dentro del editor de Gutenberg, a través de los controles del bloque
  • Incluye opciones de personalización, lo que le permite personalizar:
    • Color de fondo de la animación
    • The speed of the animation
    • Play on page load, click, scroll or mouse over
    • Loop the animation or play once
    • Play the animation in reverse
    • The dimensions (width and max width) with responsive controls
  • Share your LottieFiles account with other users


Major Changes

  • Major workflow update


Minor Changes

  • Fixed Block Movement/ Drag & Drop issue
  • fixed Import from media library


Patch Changes

  • UI fixes, copy fixes


Patch Changes

  • Hit counter fix
  • Interactivity scroll fix
  • CSS Namespace population fix
  • Only load CSS where relevant


Patch Changes

  • Upload JSON fixes


Patch Changes

  • Update common php function names to be unique to avoid namespace clashes


Patch Changes

  • Documentation updates for readme and dev readme
  • Updates for WordPress SVN listing


Major Changes

  • First stable release


  • Lottie block
  • Block settings
  • LottieFiles plugin


Este plugin proporciona 1 bloque.

  • LottieFiles - Lottie block for Gutenberg


Automatic installation

Automatic installation is the easiest option — WordPress will handle the file transfer, and you won’t need to leave your web browser.

  1. Log in to your WordPress dashboard
  2. Navigate to the “Plugins” menu
  3. Search for “LottieFiles”
  4. Click “Install Now” and WordPress will take it from there
  5. Activate the plugin through the “Plugins” menu in WordPress

Manual installation

  1. Upload the entire lottiefiles folder to the wp-content/plugins/ directory
  2. Activate the plugin through the “Plugins” menu in WordPress

After activation

  1. Go to the WordPress Block/Gutenberg Editor
  2. Search For **Lottie **
  3. Click on the Lottie to add the block


What is Lottie?

Lottie is a JSON-based animation file format that enables designers to ship animations on any platform as easily as shipping static assets. They are small files that work on any device and can scale up or down without pixelation.

Can I use this Plugin with Elementor?

The plugin currently does not support Elementor

Where can I report any bugs and/or request additional features?

If you have spotted any bugs, or would like to request additional features from the plugin, please file an issue.


30 de noviembre de 2022
This plugin adds its tab instead of adding it to settings. It also requests all JS and CSS files from 3rd party sources. Doesn't work after downloading on local development and turning the network off. Using the Spectra Lottie block instead.
1 de junio de 2022
Finally, easy support for Lottie files in Gutenberg! This will be a game changer for a lot of people. Thank you! 🙏
24 de mayo de 2022 2 respuestas
Wordpress Version 5.9.3 LottieFiles Version 1.0.3 A few issues after installing the plugin: 1) The backend display has changed slightly - bolds are bolder and some images have a think border around them 2) Front end animations no longer work when controls are hidden 3) My site now loads the lottie plugin css on every page front and backend - it is 250KB, which makes it twice the size of any other file on any page. This is too large to be useable for me. Ill update my rating after improvements
Leer todas las 5 reseñas

Colaboradores y desarrolladores

«LottieFiles – Lottie block for Gutenberg» es un software de código abierto. Las siguientes personas han colaborado con este plugin.


«LottieFiles – Lottie block for Gutenberg» ha sido traducido a 4 idiomas locales. Gracias a los traductores por sus contribuciones.

Traduce «LottieFiles – Lottie block for Gutenberg» a tu idioma.

¿Interesado en el desarrollo?

Revisa el código , echa un vistazo al repositorio SVN o suscríbete al registro de desarrollo por RSS.