Lottie Player block – Implement Lottie animations.


Lottie Player is a helpful block Plugin for WordPress’s Gutenberg block editor. It contains many features that help you embed LottieFiles animation into your WordPress websites. LottieFiles provides animation, and motion graphics assets for modern websites.

You can embed any LottieFiles animations, json files to your WordPress Posts, Pages, Widgets and more. This plugin packed with many useful features. You can show your Lottie files exactly the way you want. This plugin has a huge number of options that you can use to achieve your desired goal.

Live Demo
Buy The PRO Version


  • Fully Customizable: All the options you need to arrange the showcase to your liking are available here.

  • Custom styles: Apply styles in Player such as width, alignment, background color. Also, apply control height, background color, icons color, icons hover color, icons active colors, track color, thumb color.

  • Lightweight: A single JavaScript library is used that makes the player very Lightweight.

Pro Features

  • Upload File: Upload lottie json file from media library.

  • Direction: Direction settings in lottie player.

  • Link tab: Option for open link in new tab.

  • Interactivity: Interactivity option in lottie player.

  • Caption: Display the caption for lottie player.

  • Caption Style: Style the caption, such as text align, typography, colors(text and background), padding and margin.

How to use

  • First install the Lottie Player block plugin.
  • Add the Lottie Player block from the block category called “Widgets” in Gutenberg editor.
  • You can change block settings from the right side settings sidebar.
  • Enjoy!

  • For installation help click on Installation Tab


⭐ Check out the Parent Plugin of this plugin-

🔥 b Blocks – Best gutenberg blocks collections for WordPress.

⭐ Check out our other WordPress Plugins-

🔥 Html5 Audio Player – Best audio player plugin for WordPress.

🔥 Html5 Video Player – Best video player plugin for WordPress.

🔥 PDF Poster – A fully-featured PDF Viewer Plugin for WordPress.

🔥 StreamCast – A fully-featured Radio Player Plugin for WordPress.

🔥 3D Viewer – Display interactive 3D models on the webs.


  • Default
  • Without Controls
  • Customize Player and Controls
  • Settings


這個外掛提供 1 個可供 Gutenberg/區塊編輯器使用的區塊。

  • Lottie Player Lottie player for display lottie files.


From Gutenberg Editor:

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

Download & Upload:

  1. Download the Lottie Player block plugin (.zip file)
  2. In your admin area, go to the Plugins menu and click on Add New
  3. Click on Upload Plugin and choose the lottie-player.zip file and click on Install Now
  4. Activate the plugin and Enjoy!


  1. Download and upload the Lottie Player plugin to the /wp-content/plugins/ directory
  2. Activate the plugin through the Plugins menu in WordPress


Is Lottie Player Block free?

Yes, Lottie Player Block is a free Gutenberg block plugin.

Does it work with any WordPress theme?

Yes, it will work with any standard WordPress theme.

Can I change block settings?

Yes, you can change block settings from the Gutenberg block editor’s right sidebar.

How many times can I reuse a block?

You can use unlimited times as you want.

Where can I get support?

You can post your questions on the support forum here


2022 年 5 月 30 日
This is a fantastic plugin to configure Lottie Animations. Simple and easy to use but still very customizable. The support team helped me a lot while i built my site. Thank you very much guys
2022 年 5 月 10 日
Currently, we have little choice when we need to embed a Lottie animation into a WordPress website built with the block editor. Luckily, this plugin is far above average and offers many options to finetune your animation. (Tip: You can even use it to embed a Lottie animation with the Divi builder – simply create a sidebar, insert the animation there, and then bring it into your page using Divi's sidebar module.)
2021 年 12 月 10 日
Jajakallah Khairan! I praying for you, for developing such a wonderful plugin.
閱讀全部 3 則使用者評論


以下人員參與了開源軟體〈Lottie Player block – Implement Lottie animations.〉的開發相關工作。


〈Lottie Player block – Implement Lottie animations.〉外掛目前已有 1 個本地化語言版本。 感謝全部譯者為這個外掛做出的貢獻。

將〈Lottie Player block – Implement Lottie animations.〉外掛本地化為台灣繁體中文版


任何人均可瀏覽程式碼、查看 SVN 存放庫,或透過 RSS 訂閱開發記錄



  • Support .lottie file.


  • License activation problem fix.


  • Fix Play animation when visible.


  • Fix Control showing for a moment.


  • Added license activation system.


  • Fix free-pro activation conflict.


  • Add shortcode feature


  • Add translate feature


  • Not load scripts if block not used


  • Add Scroll relative to container interactivity


  • Initial Release