Lottie Player- Best WordPress Lottie Player Plugin

Lottie Player- Best WordPress Lottie Player Plugin

Wordpress plugin

Install on Wordpress

App Details

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 | Documentation | Get Pro Version

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

❛❛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? Dislike it? Have a feature request? Please share your feedback with us

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

🔥 Document Embedder – Best WordPress Document Embeder Plugin.

🔥 3D Viewer – Display interactive 3D models on the webs.

🔥 Advanced Post Block – Best Post Display Plugin for WordPress.

Blocks

This plugin provides 1 block.

     Lottie Player – Lottie player for display lottie files.

Pricing

Starting from $0 per month.

Check Out the Image Slider Widget

By Common Ninja

Image SliderTry For Free!

App Info

Rating

Reviewers

4 reviews

Tags

animations
block
Gutenberg block
lottie
motion

Developed By

bPlugins

Quick & Easy

Find the Best Wordpress plugins for you

Common Ninja has a large selection of powerful Wordpress plugins that are easy to use, fully customizable, mobile-friendly and rich with features — so be sure to check them out!

Testimonial

Testimonial plugins for Wordpress

Contact Form

Contact Form plugins for Wordpress

Maps

Maps plugins for Wordpress

Translation

Translation plugins for Wordpress

Chat

Chat plugins for Wordpress

Slider

Slider plugins for Wordpress

Reviews

Reviews plugins for Wordpress

Contact

Contact plugins for Wordpress

Galleries

Galleries plugins for Wordpress

SEO

SEO plugins for Wordpress

Forms

Forms plugins for Wordpress

Comments

Comments plugins for Wordpress

Backup

Backup plugins for Wordpress

Privacy

Privacy plugins for Wordpress

Optimize

Optimize plugins for Wordpress

Tabs

Tabs plugins for Wordpress

Social Sharing

Social Sharing plugins for Wordpress

Events Calendar

Events Calendar plugins for Wordpress

Comments

Comments plugins for Wordpress

Social Feeds

Social Feeds plugins for Wordpress

Social Sharing

Social Sharing plugins for Wordpress

Portfolio

Portfolio plugins for Wordpress

Video Player

Video Player plugins for Wordpress

popup

popup plugins for Wordpress

SiteMap

SiteMap plugins for Wordpress

Payment

Payment plugins for Wordpress

Coming Soon

Coming Soon plugins for Wordpress

Inventory

Inventory plugins for Wordpress

Testimonials

Testimonials plugins for Wordpress

Portfolio

Portfolio plugins for Wordpress

Membership

Membership plugins for Wordpress

Forms

Forms plugins for Wordpress

Analytics

Analytics plugins for Wordpress

Events Calendar

Events Calendar plugins for Wordpress

Sliders

Sliders plugins for Wordpress

Analytics

Analytics plugins for Wordpress

Reviews

Reviews plugins for Wordpress

Security

Security plugins for Wordpress

Ads

Ads plugins for Wordpress

Music Player

Music Player plugins for Wordpress

Countdown

Countdown plugins for Wordpress

Email Marketing

Email Marketing plugins for Wordpress

Membership

Membership plugins for Wordpress

Ecommerce

Ecommerce plugins for Wordpress

Customer Support

Customer Support plugins for Wordpress

Video Player

Video Player plugins for Wordpress

Tabs

Tabs plugins for Wordpress

Social Feeds

Social Feeds plugins for Wordpress

Common Ninja Apps

Some of the best Common Ninja plugins for Wordpress

Browse our extensive collection of compatible plugins, and easily embed them on any website, blog, online store, e-commerce platform, or site builder.

Image Slider for Wordpress logo

Image Slider

Showcase visuals with an image slider that displays multiple images in a smooth slideshow, improves design, and keeps visitors engaged.

Opening Hours for Wordpress logo

Opening Hours

Add opening hours to your site to give visitors clear, reliable business information that improves trust, reduces confusion, and supports user experience.

Reviews Trust Box for Wordpress logo

Reviews Trust Box

Display ratings from multiple platforms in a reviews trust box that builds credibility, social proof, and boosts conversions.

MP3 Player for Wordpress logo

MP3 Player

Add an MP3 Player to your website and engage visitors with music, podcasts, and spoken audio without any setup complexity.

Pricing Tables for Wordpress logo

Pricing Tables

Add pricing tables to your site to present plans clearly, help visitors compare features, and guide them toward faster and more confident conversions.

Podcast Player for Wordpress logo

Podcast Player

Add a podcast player to your site to embed and organize episodes, provide responsive playback, and keep listeners engaged.

Scratch Card for Wordpress logo

Scratch Card

Add an interactive scratch card to engage users, reveal offers, and support lead capture through gamified participation.

Medium Feed for Wordpress logo

Medium Feed

Show Medium articles in a Medium feed that keeps content fresh, improves readability, and helps visitors discover more posts.

Visitor Counter for Wordpress logo

Visitor Counter

Show real time visitor counts with a visitor counter widget that displays live traffic, builds social proof, and boosts engagement.

Engagement Toolbox for Wordpress logo

Engagement Toolbox

Use an engagement toolbox that combines forms, galleries, chats, and interactive elements to increase visitor activity and create a more engaging user experience.

Image Hotspot for Wordpress logo

Image Hotspot

Add interactive image hotspots to your site to turn static visuals into clickable guided experiences that improve engagement.

Image Stack Gallery for Wordpress logo

Image Stack Gallery

Showcase photos with an image stack gallery that layers images in a stacked display with smooth transitions to create a visually striking presentation.

More plugins

plugins You Might Like

Discover Apps By Platform

Discover the best apps for your website

WordPress
Wix
Shopify
Weebly
Webflow
Joomla
PrestaShop
Shift4Shop
WebsiteX5
MODX
Opencart
NopCommerce

Common Ninja Search Engine

The Common Ninja Search Engine platform helps website builders find the best site widgets, apps, plugins, tools, add-ons, and extensions! Compatible with all major website building platforms - big or small - and updated regularly, our Search Engine tool provides you with the business tools your site needs!

Multiple platforms