Title: Lottie Player – Add Interactive Lottie Animations with Block Support
Author: bPlugins
Published: <strong>2 ڊسمبر 2021</strong>
Last modified: 30 مارچ 2026

---

پلگ انس ڳولھيو

![](https://ps.w.org/embed-lottie-player/assets/banner-772x250.png?rev=3401582)

![](https://ps.w.org/embed-lottie-player/assets/icon-128x128.png?rev=3183036)

# Lottie Player – Add Interactive Lottie Animations with Block Support

 کان: [bPlugins](https://profiles.wordpress.org/bplugins/)

[ڊائون لوڊ ڪريو](https://downloads.wordpress.org/plugin/embed-lottie-player.1.2.4.zip)

 * [تفصيل](https://snd.wordpress.org/plugins/embed-lottie-player/#description)
 * [جائزو](https://snd.wordpress.org/plugins/embed-lottie-player/#reviews)
 *  [تنصيب](https://snd.wordpress.org/plugins/embed-lottie-player/#installation)
 * [ترقي](https://snd.wordpress.org/plugins/embed-lottie-player/#developers)

 [سھائتا](https://wordpress.org/support/plugin/embed-lottie-player/)

## وضاحت

You can embed any LottieFiles animations, .json or .dotlottie files to your WordPress
Posts, Pages, Widgets, and more. This plugin is 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.

This WordPress plugin empowers you to easily integrate Lottie animations into your
website with customizable features to enhance user interaction and design.

You can easily configure controls, autoplay, looping, links, and player alignment
to seamlessly integrate animations into your website pages.

With the pro version, unlock advanced functionalities including the ability to upload
both .json and .lottie file formats directly to the Lottie Player. Enable hover 
interactions, choose playback modes, set animation direction and counts, and adjust
playback speed and interval for precise control over animation behavior.

Increase user experience by opening links in new tabs, and adding interactivity 
options like scroll synchronization, cursor movement effects, and click-triggered
animations.

Additionally, you can display captions below the player and customize their appearance
with various styling options including text alignment, typography, colors, padding,
and margins.

With its features, this plugin offers a comprehensive solution for integrating and
customizing Lottie animations to elevate the visual appeal and interactivity of 
your WordPress website.

[Plugin Demo](https://bplugins.com/products/lottie-player) | [Documentation](https://bplugins.com/docs/lottie-player)
| [Get Pro Version](https://bplugins.com/products/lottie-player/pricing)

### Lottie Player Features

 * **File:** Enter both the .json and .lottie file url.
 * **Controls:** You can show controls to allow users to interact with the player.
 * **Autoplay:** You have the option to enable autoplay, allowing the animation 
   to start automatically.
 * **Loop:** You can enable looping, making the animation repeat seamlessly.
 * **Link:** You can add a link to the player, allowing users to navigate to a specific
   URL.
 * **Width and Align the player:** You can set the width for the player to match
   your desired design. Also, can align the player to the left, center, or right
   within its container.
 * **Customize the player controls:** Adjust the Height, Background Color, Icons
   Color, Icons Hover Color, Icon Active Color, Tracker Color, and Thumb Color to
   fit your website’s style.

### Lottie Player Pro Features

 * **Upload File:** Upload both the .json and .lottie file formats to use with Lottie
   Player.
 * **Hover:** The hover feature lets you enable interaction when the mouse hovers
   over the player.
 * **Mode:** You can choose from different playback modes to control how the animation
   behaves.
 * **Direction:** You can set the animation’s direction, such as forward or backward.
 * **Count:** This feature allows you to specify the number of times the animation
   should play.
 * **Speed:** You can adjust the playback speed of the animation.
 * **Interval:** This option enables you to set an interval between animation loops.
 * **Open link in a new tab:** Enable to open the link in the new tab.
 * **Interactivity:** Set different Interactions such as **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, Play
   animation when visible**.
 * **Caption:** Show caption below the player.
 * **Caption Styles:** Customize the caption’s appearance, including Text alignment,
   Typography, Colors(text and background), Padding, and Margin.

### How to use Lottie Player

 * First, install the Lottie Player block plugin.
 * Add the Lottie Player block from the block category called “Widgets” in the Gutenberg
   editor.
 * You can change block settings from the right-side settings sidebar.
 * Enjoy!
 * For installation help click on Installation Tab

### User Feedback

#### ⭐⭐⭐⭐⭐ 󠀁[Perfecto](https://wordpress.org/support/topic/perfecto-403/)󠁿

❛❛**_Genial para meter animaciones lottie_**❜❜

**_–[juandemingo](https://wordpress.org/support/users/juandemingo/)_**

#### ⭐⭐⭐⭐⭐ 󠀁[Amazing Plugin!](https://wordpress.org/support/topic/amazing-plugin-2188/)󠁿

❛❛**_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](https://wordpress.org/support/users/bueroblanko/)_**

#### ⭐⭐⭐⭐⭐ 󠀁[Recommended](https://wordpress.org/support/topic/recommended-371/)󠁿

❛❛**_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](https://wordpress.org/support/users/martinsauter/)_**

#### – Did you like this plugin? Dislike it? Have a feature request? 󠀁[Please share your feedback with us](https://snd.wordpress.org/plugins/embed-lottie-player/support@bplugins.com?output_format=md)󠁿

### Check out the Parent Plugin of this plugin-

[**B Blocks**](https://bblockswp.com) – A blocks collection and page building tool
for Gutenberg.

### Check out our other WordPress Plugins-

[**Html5 Video Player**](https://bplugins.com/products/html5-video-player/) – Display
videos as single and playlist in multiple skins.

[**PDF Poster**](https://bplugins.com/products/pdf-poster/) – Display/Embed PDF 
files with different styles.

[**Html5 Audio Player**](https://bplugins.com/products/html5-audio-player/) – Listen
audios with awesome visuals.

[**StreamCast**](https://bplugins.com/products/streamcast-radio-player/) – Customizable
radio player with different skins.

[**3D Viewer**](https://bplugins.com/products/3d-viewer/) – Embed 3D models and 
3D products with interaction.

[**Advanced Post Block**](https://bplugins.com/products/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.

## تصوير

 * [[
 * Default
 * [[
 * Without Controls
 * [[
 * Customize Player and Controls
 * [[
 * Settings

## بلاڪس

واحد: هي پلگ ان 1 بلاڪ مهيا ڪري ٿو.

 *   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!

### Manually:

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

## FAQ

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

### Can I set the width and align the player?

Absolutely! you can set the width for the player to match your desired design. Also,
can align the player to the 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 Link to the player for free. Also
has premium features such as enable Hover, set Mode, Direction, Count, Speed, Interval,
and toggle 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. You can use interactivity such as ‘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, Play animation when visible’.

### Can I display the caption below the player?

Absolutely! Lottie Player allows you to show the caption below the player. You can
customize the caption’s appearance, including Text Align, Typography, Colors(text
and background), Padding, and Margin. Please note that the caption is a premium 
feature.

### Can I customize the player controls?

Yes, Lottie Player provides options to customize the design of the controls. 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.

### Where can I get support?

You can post your questions on the [support forum here](https://wordpress.org/support/plugin/embed-lottie-player/)

## جائزا

![](https://secure.gravatar.com/avatar/7bb43ef97afa09c572640810c9074667f2fdac0ca5a015f1c2ba046fdc35b5b8?
s=60&d=retro&r=g)

### 󠀁[Perfecto](https://wordpress.org/support/topic/perfecto-403/)󠁿

 [juandemingo](https://profiles.wordpress.org/juandemingo/) 4 آگسٽ 2023

Genial para meter animaciones lottie

![](https://secure.gravatar.com/avatar/14bc2d82c297242c2e2f6c5edd88af69cfff42d7e50e51947bcbc23d9145599f?
s=60&d=retro&r=g)

### 󠀁[Amazing Plugin!](https://wordpress.org/support/topic/amazing-plugin-2188/)󠁿

 [bueroblanko](https://profiles.wordpress.org/bueroblanko/) 30 مَي 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

![](https://secure.gravatar.com/avatar/f2949e1420c186ba7fe9eafb8f5c406b6b29ddebb639e7c7da6f93d39b784643?
s=60&d=retro&r=g)

### 󠀁[Recommended](https://wordpress.org/support/topic/recommended-371/)󠁿

 [Martin Sauter](https://profiles.wordpress.org/martinsauter/) 10 مَي 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.)

![](https://secure.gravatar.com/avatar/82d78ad7cb0f29ca976ae943b98539152ce2e8805880720df7555352b606dae1?
s=60&d=retro&r=g)

### 󠀁[Jajakallah Khairan](https://wordpress.org/support/topic/jajakallah-khairan/)󠁿

 [hasina63](https://profiles.wordpress.org/hasina63/) 10 ڊسمبر 2021

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

 [ جمع: سڀ 4 تبصرا پڙهو ](https://wordpress.org/support/plugin/embed-lottie-player/reviews/)

## تعاون ڪندڙ & ڊولپرز

“Lottie Player – Add Interactive Lottie Animations with Block Support” اوپن سورس
سافٽ ويئر آهي. ھيٺين ماڻھن ھن پلگ ان ۾ حصو ورتو آھي.

تعاون ڪندڙ

 *   [ bPlugins ](https://profiles.wordpress.org/bplugins/)
 *   [ Abu Hayat ](https://profiles.wordpress.org/abuhayat/)
 *   [ Charles Cormier ](https://profiles.wordpress.org/charlescormier/)
 *   [ Freemius ](https://profiles.wordpress.org/freemius/)

واحد: “Lottie Player – Add Interactive Lottie Animations with Block Support” 1 لوڪل
۾ ترجمو ڪيو ويو آهي. [ترجمي ڪندڙن](https://translate.wordpress.org/projects/wp-plugins/embed-lottie-player/contributors)
جي مهرباني سندن تعاون لاءِ.

[ترجمو ڪريو “Lottie Player – Add Interactive Lottie Animations with Block Support” توهان جي ٻولي ۾.](https://translate.wordpress.org/projects/wp-plugins/embed-lottie-player)

### ڊولپمينٽ ۾ دلچسپي؟

[ڪوڊ براؤز ڪريو](https://plugins.trac.wordpress.org/browser/embed-lottie-player/)،
چيڪ ڪريو [SVN مخزن](https://plugins.svn.wordpress.org/embed-lottie-player/)، يا 
رڪنيت حاصل ڪريو [ڊولپمينٽ لاگ](https://plugins.trac.wordpress.org/log/embed-lottie-player/)
پاران [RSS](https://plugins.trac.wordpress.org/log/embed-lottie-player/?limit=100&mode=stop_on_copy&format=rss).

## لاگ تبدیل ڪريو

#### 1.2.4 – 05 Mar 2026

 * **Fix:** SDK version mismatch.
 * **Update:** Improved internationalization (i18n) by adding proper text domains.
 * **Fix:** Caption position issues

#### 1.2.3 – 23 Feb 2026

 * **Update:** Admin Dashboard – Improved UI with better navigation and clearer 
   feature organization.

#### 1.2.1 – 24 Nov 2025

 * **Update:** SDK
 * **New:** Admin UI

#### 1.2.0 – 23 Apr 2025

 * Remove mime types.

#### 1.1.8 – 27 Jan 2025

 * Update SDK.

#### 1.1.7 – 4 Nov 2024

 * Fix Height Issue.
 * Fix ShortCode Issue.
 * Update SDK

#### 1.1.6 – 21 May 2024

 * Fix issues.

#### 1.1.5 – 6 Feb 2024

 * Performance Improvement

#### 1.1.4 – 23 Sep 2023

 * Update SDK.

#### 1.1.3

 * Update SDK

#### 1.1.2

 * Fix license issue.

#### 1.1.1

 * Fix align issue.

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

## ميٽا

 *  Version **1.2.4**
 *  Last updated **3 هفتا اڳ**
 *  Active installations **5,000+**
 *  WordPress version ** 6.5 يا وڌيڪ **
 *  Tested up to **6.9.4**
 *  PHP version ** 7.1 يا وڌيڪ **
 *  Languages
 * [English (US)](https://wordpress.org/plugins/embed-lottie-player/) ۽ .[Japanese](https://ja.wordpress.org/plugins/embed-lottie-player/).
 *  [پنھنجي ٻولي ۾ ترجمو ڪريو](https://translate.wordpress.org/projects/wp-plugins/embed-lottie-player)
 * Tags
 * [animations](https://snd.wordpress.org/plugins/tags/animations/)[block](https://snd.wordpress.org/plugins/tags/block/)
   [Gutenberg block](https://snd.wordpress.org/plugins/tags/gutenberg-block/)[lottie](https://snd.wordpress.org/plugins/tags/lottie/)
   [motion](https://snd.wordpress.org/plugins/tags/motion/)
 *  [ترقي يافته ڏيک](https://snd.wordpress.org/plugins/embed-lottie-player/advanced/)

## درجه بندي

 5 out of 5 stars.

 *  [  4 5-star reviews     ](https://wordpress.org/support/plugin/embed-lottie-player/reviews/?filter=5)
 *  [  0 4-star reviews     ](https://wordpress.org/support/plugin/embed-lottie-player/reviews/?filter=4)
 *  [  0 3-star reviews     ](https://wordpress.org/support/plugin/embed-lottie-player/reviews/?filter=3)
 *  [  0 2-star reviews     ](https://wordpress.org/support/plugin/embed-lottie-player/reviews/?filter=2)
 *  [  0 1-star reviews     ](https://wordpress.org/support/plugin/embed-lottie-player/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/embed-lottie-player/reviews/#new-post)

[See all reviews](https://wordpress.org/support/plugin/embed-lottie-player/reviews/)

## تعاون ڪندڙ

 *   [ bPlugins ](https://profiles.wordpress.org/bplugins/)
 *   [ Abu Hayat ](https://profiles.wordpress.org/abuhayat/)
 *   [ Charles Cormier ](https://profiles.wordpress.org/charlescormier/)
 *   [ Freemius ](https://profiles.wordpress.org/freemius/)

## سھائتا

چوڻ لاءِ ڪجهه آهي؟ مدد گهرجي؟

 [ڏسو سپورٽ فورم](https://wordpress.org/support/plugin/embed-lottie-player/)

## عطيو

ڇا توھان ھن پلگ ان جي ترقي ۾ مدد ڪرڻ چاھيو ٿا؟

 [ هن پلگ ان ڏانھن مدد ڪريو ](https://www.buymeacoffee.com/abuhayat)