# Loop from certain point once animation played

**URL:** <https://forum.lottiefiles.com/t/loop-from-certain-point-once-animation-played/7145>\
**Category:** LottieFiles Website\
**Created:** [March 24, 2025, 10:19am UTC](https://forum.lottiefiles.com/t/loop-from-certain-point-once-animation-played/7145 "2025-03-24T10:19:32Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![GOAT](https://yyz2.discourse-cdn.com/flex030/user_avatar/forum.lottiefiles.com/goat/32/2816_2.png) [@GOAT](https://forum.lottiefiles.com/u/GOAT)\
**Post date:** [March 24, 2025, 10:19am UTC](https://forum.lottiefiles.com/t/loop-from-certain-point-once-animation-played/7145/1 "2025-03-24T10:19:32Z")

</div>

Hi, I’m using Wordpress, Divi and Divi Next plugin to display a lottie animation: [https://dev.hepplewhites.co.uk/](https://dev.hepplewhites.co.uk/)

I would like the animation to play once then loop only from a certain point (50 seconds in). I’ve tried adding some custom JS but no joy. Is there a JS edit I could include, a better plugin to suggested way to intergrate the lottie using code manually?

Thanks

---

<div class="post-metadata">

**Author:** ![GOAT](https://yyz2.discourse-cdn.com/flex030/user_avatar/forum.lottiefiles.com/goat/32/2816_2.png) [@GOAT](https://forum.lottiefiles.com/u/GOAT)\
**Post date:** [March 25, 2025, 3:43pm UTC](https://forum.lottiefiles.com/t/loop-from-certain-point-once-animation-played/7145/2 "2025-03-25T15:43:05Z")

</div>

Hi,

I discovered [Lottie Player - Interactivity Guide](https://lottiefiles.com/interactivity) but have had no joy with this either:

```auto

<dotlottie-player id="homepagelottie" src="https://dev.hepplewhites.co.uk/wp-content/uploads/2025/03/hepplewhites_homepage_hero_animation_v2_opt.json" 
style="width: 100%; height: 100%" playMode="normal" loop autoplay>
</dotlottie-player>

<script>
  LottieInteractivity.create({
    player: '#homepagelottie',
    mode: 'chain',
    actions: [
      {
          state: 'loop',
          transition: 'onComplete',
         
      },
      {
          state: 'loop',
          transition: 'onComplete',
          frames: [50,100]
      }
            
    ]
  });
</script>

```