Add Lottie animations to WordPress
A small vector animation that loops, plays once or plays while the mouse is over it, with a still poster showing until it starts.
Type
A Grinner block
Find it
Press + and search “Lottie”
Phones
Plays, or shows the poster if you prefer
Speed
Below the first screen it starts only as it scrolls in
Drawings that move.
This is the real Lottie block, running on this page.
Blinks on a loop
Waves once, then holds still
Grins while the mouse is over it
Settings Playback Loop, Play once and On hover Select poster on each
The settings worth knowing.
Four settings, and a poster you should always add.
Loop
Play once
On hover
Playback
Loop, once or on hover
Loop forever, play once and stop on the last frame, or play only while the mouse is over it.
Select poster
A still first
A picture that shows until the animation starts.
YouTube URL
A play button
Add a link and the animation becomes a round play button that opens the video in a popup.
Disable on mobile
A poster on phones
Phones show the poster, or the first frame, instead.
Three steps. No new tool.
Fair questions.
Make your next site beautiful.
GrinBot designs and builds it for you. Join the waitlist for the launch price.
- Studio-quality design
- Built for speed
- Pay once, no subscription
We’ll email you about the launch. Unsubscribe any time. Privacy policy
