Embed Lottie Player – bring your pages to life with animation
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 graphi
About this tool.
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
- JSON & dotLottie URLs: Enter both .json and .lottie file URLs to embed animations.
- Player Controls: Show controls so users can interact with the player.
- Autoplay: Start the animation automatically on load.
- Loop: Make the animation repeat seamlessly.
- Link: Add a link to the player so users can navigate to any URL.
- Width & Alignment: Set the player width and align it left, center, or right.
- Control Styling: Customize height, background color, icon colors (normal, hover, active), tracker color, and thumb color.
Pro Version
- Upload Files: Upload both .json and .lottie files directly to the Lottie Player.
- Hover: Play the animation when the mouse hovers over the player.
- Mode, Direction & Count: Choose playback modes, set forward/backward direction, and specify how many times the animation plays.
- Speed & Interval: Adjust playback speed and set an interval between loops.
