Do you want to set custom start and end points for a Lottie animation in WordPress? By defining specific start and end points, you can control which part of the animation plays, allowing you to focus on key segments and create a more tailored, interactive experience for your website.
With the LottieFiles Animation block from Nexter Blocks, you can easily set custom start and end points for the Lottie animation in WordPress.
To check the complete feature overview documentation of the Nexter Blocks LottieFiles Animation block, click here.
Requirement – This block is a part of the Nexter Blocks, make sure it’s installed & activated to enjoy all its powers.
For this, go to your LottieFiles.com account Dashboard.
Then click on the Lottie animation you want to know the timeline of.
On the next screen, below the animation player, you’ll see the total number of frames and the current frame (with # in front) of the Lottie.
From here, you can select the animation start and end frames.
Then, add the LottieFiles Animation block to the page and follow the steps –
1. In the Lottie Content tab, select the appropriate JSON input type and add the Lottie animation.
2. Then select an appropriate animation play option from the Play On dropdown under the Main Settings tab.
3. Then enable the Animation Start Time toggle and add your selected animation start fame number in the Animation Start Time field.
4. After that, enable the Animation End Time toggle and add your selected animation end fame number in the Animation End Time field.
Now the animation will play within your specified frames.
