Lottie block

Requires Roobely Pro. Get Roobely Pro

Lottie block

The Lottie block plays a Lottie animation file, either uploaded to your site or loaded from a URL.

Lottie block example

Main settings

  • Source: upload a Lottie JSON file or use an external URL.
  • Play mode: autoplay, loop, direction and speed.
  • Trigger: choose when the animation plays, for example on scroll within a viewport range.
  • Frames: start and end frames.
  • Width: maximum width of the animation.
Lottie block settings

How to add it

  1. Open the page or post in the block editor and click the + (block inserter) button.
  2. Search for Lottie and choose the Roobely Lottie block.
  3. Upload a Lottie JSON file or paste its URL.
  4. Set autoplay, loop and speed.
  5. Click Update or Publish, then preview the page to check it on desktop and mobile.
Shopping cart0
There are no products in the cart!
Continue shopping
0