Elementor Animations with Bodymovin

Share on facebook
Share on whatsapp
Share on email

Using Bodymovin animations we have a lightweight and easy solution to incorporate animations into our web design.

Step 1: Install and activate the WP bodymovin Plugin

Elementor Animations with Bodymovin 1

Step 2: Upload the .json animation

Elementor Animations with Bodymovin 3

Step 3: Settings

We can adjust the animation settings and loop the animation. Also we can set the width and height.

We have to then copy the shortcode at the bottom of the page. Now we have to place it inside a text widget in Elementor.

Elementor Animations with Bodymovin 5

Subscribe to our Newsletter

Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Share this post with your friends

Share on facebook
Share on twitter
Share on linkedin
Share on whatsapp
Share on reddit
Share on xing

Leave a Reply

Your email address will not be published. Required fields are marked *