Linux 软件免费装

在这里免费安装WordPress以及其他软件

Banner图

Embed Lottie Player – bring your pages to life with animation

开发者 abuhayat
charlescormier
bplugins
freemius
更新时间 2026年7月26日 19:10
捐献地址: 去捐款
PHP版本: 6.5 及以上
WordPress版本: 7.0
版权: GPLv3 or later
版权网址: 版权信息

标签

block gutenberg block animations lottie motion

下载

1.1.5 1.2.0 1.2.2 1.2.4 1.0.4 1.0.3 1.0.2 1.1.3 1.0.5 1.0.1 1.1.1 1.1.6 1.0.7 1.0.8 1.0.0 1.1.2 1.1.8 1.1.0 1.1.4 1.1.7 1.2.1 1.2.3 1.3.0

详情介绍:

Add eye-catching Lottie motion graphics to any post, page, or widget – configure autoplay, looping, and interactivity in a few clicks, no code required. Plugin Demo | Documentation | Get Pro Version Why Embed Lottie Player? Lottie animations are the modern way to add lightweight, crisp motion graphics to the web – and Embed Lottie Player makes using them in WordPress effortless. Embed any LottieFiles animation, .json, or .dotlottie file into posts, pages, and widgets with a dedicated Gutenberg block, then show your animation exactly the way you want. The block is packed with options: show or hide player controls, enable autoplay and looping, attach a link, set the width, and align the player left, center, or right. You can even style the controls themselves – height, background color, icon colors, tracker, and thumb – to match your site. The Pro version goes further with direct file uploads, hover interactions, playback modes, direction, play count, speed, and interval controls, plus advanced interactivity like scroll synchronization, cursor-driven playback, and click-triggered animations – and a fully styleable caption below the player. Free Features Pro Version How to Use – Quick Start
  1. Install and activate the Lottie Player block plugin.
  2. In the Gutenberg editor, add the Lottie Player block from the "Widgets" block category.
  3. Paste your .json or .lottie file URL.
  4. Configure controls, autoplay, loop, link, width, and alignment from the right-side settings sidebar.
  5. Publish – your animation is live.
Use Cases User Feedback ⭐⭐⭐⭐⭐ Perfecto ❛❛Genial para meter animaciones lottie❜❜ -juandemingo ⭐⭐⭐⭐⭐ Amazing Plugin! ❛❛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❜❜ -bueroblanko ⭐⭐⭐⭐⭐ Recommended ❛❛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.)❜❜ -Martin Sauter Did you like this plugin? Have a feature request? Please share your feedback with us. Check out the Parent Plugin of this plugin- B Blocks – A blocks collection and page building tool for Gutenberg. Check out our other WordPress Plugins- Html5 Video Player – Display videos as single and playlist in multiple skins. PDF Poster – Display/Embed PDF files with different styles. Html5 Audio Player – Listen audios with awesome visuals. StreamCast – Customizable radio player with different skins. 3D Viewer – Embed 3D models and 3D products with interaction. Advanced Post Block – Show posts and custom posts in different layouts. Blocks This plugin provides 1 block.      Lottie Player - Lottie player for display lottie files.

安装:

From your WordPress dashboard (recommended):
  1. Go to Plugins → Add New.
  2. Search for "Lottie Player".
  3. Click Install Now, then Activate.
  4. In the Gutenberg editor, search for the Lottie Player block and add it to any post or page.
Manual installation:
  1. Download the Lottie Player block plugin (.zip file).
  2. Go to Plugins → Add New and click Upload Plugin.
  3. Choose the lottie-player.zip file, click Install Now, then Activate.
  4. Alternatively, upload the plugin folder to the /wp-content/plugins/ directory and activate it from the Plugins menu.

屏幕截图:

  • Without Controls
  • Customize Player and Controls
  • Settings

常见问题:

Can I upload the Lottie file?

Yes, you can upload both the .json and .lottie file formats to use with Lottie Player. Please note that uploading files is a premium feature; the free version embeds files via URL.

Which Lottie file formats are supported?

Both .json and .dotlottie (.lottie) files are supported – paste the file URL in the free version, or upload files directly with the Pro version.

Can I set the width and align the player?

Absolutely. You can set the player width to match your design and align it left, center, or right within its container.

Can I control the player?

Yes, you can show the controls and interact with them to control the Lottie Player.

How many features does the Lottie Player have?

You can show Controls, enable Autoplay, Loop, and add a Link for free. Premium features include Hover, Mode, Direction, Count, Speed, Interval, and opening the link in a new tab.

Can I use interactivity with the Lottie Player?

Yes, Lottie Player supports various interactive features as part of its premium features: sync with scroll, scroll relative to the container, scroll with offset, sync animation with cursor position, sync animation with cursor horizontal movement, play animation on click, and play animation when visible.

Can I display a caption below the player?

Absolutely. Lottie Player lets you show a caption below the player and customize its text alignment, typography, colors (text and background), padding, and margin. Please note that the caption is a premium feature.

Can I customize the player controls?

Yes. You can adjust the height, background color, icons color, icons hover color, icon active color, tracker color, and thumb color to fit your website's style.

Will the plugin slow down my website?

No. The player scripts are only loaded on pages where the block is actually used, keeping the rest of your site fast.

Can I use the animation outside the block editor?

Yes. The plugin includes a shortcode feature, so you can place your Lottie animation in shortcode-compatible areas as well.

Where can I get support?

You can post your questions on the support forum here.

更新日志:

1.3.0 - 17 May 2026 1.2.4 - 05 Mar 2026 1.2.3 - 23 Feb 2026 1.2.1 - 24 Nov 2025 1.2.0 - 23 Apr 2025 1.1.8 - 27 Jan 2025 1.1.7 - 4 Nov 2024 1.1.6 - 21 May 2024 1.1.5 - 6 Feb 2024 1.1.4 - 23 Sep 2023 1.1.3 1.1.2 1.1.1 1.1.0 1.0.9 1.0.8 1.0.7 1.0.6 1.0.5 1.0.4 1.0.3 1.0.2 1.0.1 1.0.0