Embed Lottie Player Pro for WordPress Animation

Embed Lottie Player Pro extends the Lottie Player Gutenberg block for animations in WordPress posts, pages, and widgets. You can also use its shortcode in shortcode-compatible areas. The standard player loads .json or .dotlottie (.lottie) documents from a URL; Pro adds direct uploads for both formats.

Playback and layout

The player supports autoplay, looping, visible or hidden controls, and an attached link. Set its width and align it left, center, or right within its container. Pro includes hover playback, playback modes, forward or backward direction, a play count, speed adjustment, and an interval between loops. Links can open in a new tab.

Connect animation to page activity

Pro can synchronize playback with scrolling, including movement relative to the player container or with a scroll offset. Cursor settings follow cursor position or horizontal movement. You can also start playback on click or when the player becomes visible.

Style controls and captions

Control options include height, background color, icon colors for normal, hover, and active states, tracker color, and thumb color. Pro adds a caption below the player, with settings for text alignment, typography, text and background colors, padding, and margin.

Add a Lottie Player block

1. Install and activate the Lottie Player block plugin.
2. In the Gutenberg editor, add the Lottie Player block from the Widgets category.
3. Enter a .json or .lottie file URL, or upload a supported file with Pro.
4. Use the settings sidebar to configure playback, interactivity, layout, controls, and captions.
5. Publish the post or page.