LottieFiles – Lottie block for Gutenberg


LottieFiles for WordPress gives you access to over 50k free and ready to use Lottie animations that you can easily embed on your website. Adding animations is quick and simple: simply drag and drop the animation of your choice anywhere in your page and post and make your site stand out, no coding or design skills needed. Bring your content to life and explain your product and service in a more exciting way to your users!


  • Transform your website into animated web experiences using the Gutenberg Editor
  • Search and access over 50,000 free and ready to use Lottie animations
  • Access to your Private files from LottieFiles
  • Drag & drop a Lottie JSON file
  • Insert a Lottie animation from URL
  • Save and re-use animation data JSON files through the WordPress Media Library
  • Customize your Lottie, everything is configurable directly within the the Gutenberg Editor, through the block’s controls
  • Includes customization options, allowing you to customize:
    • Background color of the animation
    • 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


Minor Changes

  • Fix for Lottie block throwing block validation error


Minor Changes

  • fix for LottieFiles WP plugin’s CSS affects other input elements in the WP Block Editor


Minor Changes

  • fix for plugin affecting UI of other wordpress pages


Minor Changes

  • dotLottie support refactor
  • interactivity bugs fixed
  • CDN enable for new users error solved


Minor Changes

  • New feature to give an option for the user to use the CDN or use local player
  • Fix for animation play on hover, click and scroll
  • Search feature gate removed on workspaces


Minor Changes

  • Fixes for lottie player size on safari browser


Minor Changes

  • Fixes for pagination, search and interactivity


Minor Changes

  • Fixes for Gutenberg plugin compatibility and sidebar UI enhancements


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


این افزونه 1 بلوک ارائه می‌دهد.

  • 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.

نقد و بررسی‌ها

9 جولای 2024
Added the block to my site and after I saved the page, it resulting in a critical error on the page. I removed the plugin and deleted the block from the page manually and it still would not load the page. Had to go find the revisions of the home page manually inside the database, delete those, and then my home page was accessible again. Sad because this has all the features I need, but doesn’t work reliably. This is not the first time I’ve run into critical errors with this plugin
30 ژانویه 2024 1 پاسخ
Плагин ломает админку блоки сливаются разделы и заголовки становятся как одно!
20 جولای 2023
Lottie is neat! Plugin works as advertised! Didn’t face the issues other reported.
خواندن تمامی 13 نقد و بررسی‌

توسعه دهندگان و همکاران

“LottieFiles – Lottie block for Gutenberg” نرم افزار متن باز است. افراد زیر در این افزونه مشارکت کرده‌اند.

مشارکت کنندگان

“LottieFiles – Lottie block for Gutenberg” به 4 زبان ترجمه شده است. با تشکر از مترجمین برای همکاری و کمک‌هایشان.

ترجمه “LottieFiles – Lottie block for Gutenberg” به زبان شما.

علاقه‌ مند به توسعه هستید؟

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.