How to Add 'Lottie Files' to Your Classroom?

Updated at June 17th, 2025

Contents

# Log in to your learning platform as an administrator using your admin credentials.
1. Navigate to 'Classrooms'
2. Create a new classroom or select a specific classroom
3. Click on the ( + ) icon to get the list of options available to create new blocks in your classroom.
4. Choose 'Lottie' from the given options
5. Click on the pencil icon to change the block title's name
6. Make sure to Click on "Save" as soon as you make changes to the block's title.
7. You can change the title name of the block as per your preference.
8. Click on the 'eye' icon to hide the specific block from users.
9. By clicking on the three dots, you have the option to hide the title and to delete the block whenever necessary.
10. Click on "Upload" to upload and select image from your system or Click on Enter URL if you are fetching image from an online source
11. You have the option to customize the Lottie File by adjusting its height and width, modifying the animation speed, and changing the background color to better fit your classroom content and design.
12. Make sure to click on 'Save' whenever you make any changes in the block
13. Click on 'Add New Block' to add more lottie files
14. Click on 'Edit Structure' to organize the Lottie files and other section blocks into separate columns.
15. Click on 'Save Changes' once you organize.
16. Click 'Make Changes Live' to apply the updates and make them visible to your users.
17. Visualization of User Site

This guide provides step-by-step instructions for educators on how to add Lottie Files—lightweight, animated graphics—to their digital classrooms. This guide will show you how to integrate engaging animations to enhance lessons, boost student engagement, and create visually dynamic content. Perfect for teachers looking to make their digital resources more interactive and fun.

# Log in to your learning platform as an administrator using your admin credentials.

1. Navigate to 'Classrooms'

2. Create a new classroom or select a specific classroom

3. Click on the ( + ) icon to get the list of options available to create new blocks in your classroom.

4. Choose 'Lottie' from the given options

5. Click on the pencil icon to change the block title's name

6. Make sure to Click on "Save" as soon as you make changes to the block's title.

7. You can change the title name of the block as per your preference.

8. Click on the 'eye' icon to hide the specific block from users.

9. By clicking on the three dots, you have the option to hide the title and to delete the block whenever necessary.

10. Click on "Upload" to upload and select image from your system or Click on Enter URL if you are fetching image from an online source

11. You have the option to customize the Lottie File by adjusting its height and width, modifying the animation speed, and changing the background color to better fit your classroom content and design.

12. Make sure to click on 'Save' whenever you make any changes in the block

13. Click on 'Add New Block' to add more lottie files

14. Click on 'Edit Structure' to organize the Lottie files and other section blocks into separate columns.

15. Click on 'Save Changes' once you organize.

16. Click 'Make Changes Live' to apply the updates and make them visible to your users.

17. Visualization of User Site