Description

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

Features

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

Feedback

Liked that plugin? Hate it? Want a new feature? Send me some feedback

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

Screenshots

Default
Without Controls
Customize Player and Controls
Settings

Blocks

This plugin provides 1 block.

Lottie Player Lottie player for display lottie files.

Installation

From Gutenberg Editor:

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

Download & Upload:

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

Manually:

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

FAQ-e

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

Reviews

bueroblanko 30 May 2022

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

Martin Sauter 10 May 2022

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

hasina63 10 December 2021

Jajakallah Khairan! I praying for you, for developing such a wonderful plugin.

Read all 3 reviews

Contributors & Developers

“Lottie Player block – Implement Lottie animations.” is open source software. The following people have contributed to this plugin.

“Lottie Player block – Implement Lottie animations.” has been translated into 1 locale. Thank you to the translators for their contributions.

Translate “Lottie Player block – Implement Lottie animations.” into your language.

Interested in development?

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

Changelog

1.1.0

Support .lottie file.

1.0.9

License activation problem fix.

1.0.8

Fix Play animation when visible.

1.0.7

Fix Control showing for a moment.

1.0.6

Added license activation system.

1.0.5

Fix free-pro activation conflict.

1.0.4

Add shortcode feature

1.0.3

Add translate feature

1.0.2

Not load scripts if block not used

1.0.1

Add Scroll relative to container interactivity

1.0.0

Initial Release