Turning an animation into a link creates a small problem: the click animation has barely started before the browser leaves the page.
The Delay setting holds the visitor on the page for a moment after the click, so the animation has time to play before the link opens.
For every External Form Styler setting in one place, see the main Lottie Animations guide.
Before You Start
- Edition: Pro — the Lottie Animations block needs Nexter Blocks Pro.
- Block to enable: Lottie Animations, switched on under Nexter > Blocks in your WordPress dashboard.
- An animation already loading in the block — see the main Lottie Animations guide.
Video Tutorial
Steps
- Select the Lottie Animations block.
- Switch Link on — the delay setting only appears once the block has a link.
- Enter the destination under URL.
- Set Delay in milliseconds — 1000 is one second.
- Set Play On to Click so the animation plays during the delay, then publish and test the real page.
This delays the link, not the animation. Measured by timing a real click: with the delay set to 2500 the browser left the page after about 2.9 seconds; with the field empty it still waited about 1.4 seconds. The animation itself is unaffected — the setting exists so a click animation has time to finish before the visitor is taken away.
How It Behaves
This block plays a Lottie animation — a JSON file exported from After Effects or downloaded from a library such as LottieFiles. It does not create or edit the animation; it loads the file and controls when and how it plays.
- The delay applies to the link, measured end to end. With Delay set to 2500 the browser left the page about 2.9 seconds after the click; with the field left empty it still waited about 1.4 seconds.
- There is a built-in delay even when you set none. Measured: an empty Delay field behaves as roughly one second, not as an instant jump. Set the field explicitly if the exact timing matters.
- The whole block becomes the link — the animation, and the heading and description if you have switched them on.
- Pair it with Play On > Click. Measured: with Click selected the animation waits at its first frame and starts moving when clicked, which is what the delay is there to accommodate.
- The link’s open in new tab and nofollow options work as usual.
Limitations
- The delay does not postpone the animation — there is no setting that makes an animation wait before it starts. It only postpones the link.
- Long delays feel like a broken link. Keep it near the length of the animation.
- The delay applies to left clicks on the link. Opening it in a new tab from the context menu bypasses it.
- One misconfigured Lottie block stops every Lottie block on the same page. Measured: a block with no JSON, followed by a correctly configured block — the second one never animated at all. If several animations on a page stop working at once, look for one that is showing “JSON Parse Not Working” and fix or remove it. This is reported to the development team.
Troubleshooting
I cannot find the Delay setting
It only exists when Link is switched on and a URL has been entered. Without a link there is nothing for the delay to postpone.
The link opens instantly
Check the URL is set on the block itself rather than on a heading inside it, and that the value in Delay is in milliseconds — 2 means two thousandths of a second, not two seconds.
The animation still does not finish before the page changes
Increase Delay. Time your animation and set the delay to at least that long.
Nothing happens when I click
If Play On is set to Click, the first click plays the animation. Measured: the animation holds at frame 0 until clicked, then advances.
