Embed player for Lottie files to add customizable animations

Example 1

Example 2

Example 3

Example 4

The Lottie Player widget comes with the option to add URLs to the animations and make them clickable. This functionality provides an interactive experience for users, potentially increasing user engagement and conversion rates.

Linkable Lottie Animations

The Lottie Player widget enables the toggle of a “reverse animation” option that will reverse the animation, offering additional creative possibilities and enhancing the versatility of your animations.

Reverse Animation

The Lottie Player comes with advanced control that enables the control of speed, and toggling the option to loop, providing further customization options to ensure your animations align with your brand and website vision.

Animation Speed & Loop Controls

The widget features the option to choose when to play the Lottie animation, be it on hover, scroll, view, or auto-play, allowing for seamless integration into your website's user experience.

“When To Play” Controls

The Lottie Player widget is fully responsive and will look great on any device. In a mobile-first world, this feature will put you ahead of your competitors by ensuring your animations display flawlessly across platforms.

Perfectly Responsive Lottie Player

The Lottie Player widget is easy to use and requires no coding knowledge. Our intuitive dashboard with the drag-and-drop feature will enable you to customize the Lottie Player any way you’d like to with just a few simple clicks, making it accessible to users of all skill levels.

Easy To Use

As with all of Common Ninja’s apps, you can add custom CSS to customize the Lottie Player widget and be even more creative, giving you full control over the appearance and style of your animations.

Lottie Player Custom CSS

You can embed the Lottie Player widget on your website easily by copying a single line of code. The Lottie Player widget will also be updated automatically with every change you make, ensuring a hassle-free experience and consistently up-to-date content.

Easy To Embed Lottie Player

With the Lottie Player, you can add professional, beautiful, and eye-catching animations to your website, making it more appealing to users and increasing the user’s engagement with your website. Furthermore, these animations can effectively communicate your brand message, helping you build a stronger connection with your audience.

Improved User Engagement with Lottie Animations

Lottie animations are lightweight and optimized for the web, which means they won't slow down your website's load times. In today’s world, when every loading speed second counts, the faster loading times can be what separates you from the competition. Additionally, improved performance can lead to a better user experience and higher search engine rankings.

Faster Page Load Time

Lottie animations are designed by professional animators, resulting in high-quality and visually appealing animations. You will be able to save time and money on creating beautiful animations, and make use of what other professionals have created. Plus, these animations are easily customizable, allowing you to align them perfectly with your brand identity and website aesthetics.

High-Quality Animations

Lottie Player

Get Creative

Media

Create a [app_name] [app_type] for [platform] On Common Ninja

Save the [app_name] [app_type]

Copy the [app_name] [app_type] embed code

Enter your online store on the Shopify editor

Customize the Store's theme

Select the page you wish to add your [app_name] [app_type]

Add a new Block or Section

Adding new section on the side panel

Select the Custom Liquid section type

Enter the Custom Liquid settings

Add the [app_name] Embed Code

Save your changes

Boost your Shopify store's capabilities with our comprehensive collection of powerful apps. These tools will help you stay ahead of the competition by enhancing your store's design, optimizing the user experience, increasing product visibility, and driving sales. Elevate your store's performance to the next level with our selection of apps.

Lottie Player Examples for Shopify

Check out our Lottie Player examples and discover the full potential of the widget!

Example 1

Example 2

Example 3

Example 4