---
title: "How to Add a Click Delay on Lottie Animation in WordPress?"
url: https://nexterwp.com/docs/add-a-click-delay-on-lottie-animation-in-wordpress/
date: 2024-12-11
modified: 2026-04-14
author: "Aditya Sharma"
description: "Do you want to add a click delay on a Lottie animation in WordPress? Adding a delay before a click action allows the animation to fully play before redirecting or..."
image: https://nexterwp.com/wp-content/uploads/2024/12/How-to-Add-a-Click-Delay-on-Lottie-Animation-in-WordPress_-1024x519.jpg
word_count: 302
---

# How to Add a Click Delay on Lottie Animation in WordPress?

## Key Takeaways

- Nexter Blocks LottieFiles Animation block adds a click delay in WordPress so the animation plays fully before redirecting to a specified link.
- Main Settings tab uses Play On set to On Click, with Loop Animation disabled, for the best effect on the Lottie animation.
- Click Delay (ms) lets the user set the delay to match the animation duration, and the Aria Label field adds accessibility text.

Do you want to add a click delay on a Lottie animation in WordPress? Adding a delay before a click action allows the animation to fully play before redirecting or performing another action, enhancing the overall user experience and making interactions more fluid and engaging.

With the LottieFiles Animation block from Nexter Blocks, you can easily add a delay on click so it redirects after the Lottie animation plays.

*To check the complete feature overview documentation of the Nexter Blocks LottieFiles Animation block,* *[click here](https://nexterwp.com/docs/how-to-add-lottie-animation-in-wordpress/).*

***Requirement  - This block is a part of the Nexter Blocks, make sure it's installed & activated to enjoy all its powers.***

[LIVE BLOCK LINK](https://nexterwp.com/nexter-blocks/blocks/wordpress-lottiefiles-animations/)

To do this, 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 **On Click** from the **Play On** dropdown under the **Main Settings** tab.

> *Note: You can select any option, but for the best effect, you should select On Click. Also, make sure to disable the Loop Animation toggle, so the animation doesn’t play in a loop.*

3. Then enable the **URL** toggle.

From the **Type** section, you can select a link type. 

> *Note: Both Normal and Dynamic work the same way.*

4. Based on your selected Type, you have to add your link in the given field. 

5. Then in the **Click Delay (ms)** section, you have to add the delay. You can set the delay as per your animation duration, so it redirects after the animation ends.

In the **Aria Label** field, you can add an Aria label to improve the accessibility.

Now based on your settings when you click on the Lottie animation the animation will play then it will redirect to your specified link.