# \#interactions

**URL:** https://forum.pinegrow.com/tag/interactions/20.md

[Latest](https://forum.pinegrow.com/latest.md) · [Categories](https://forum.pinegrow.com/categories.md) · [Tags](https://forum.pinegrow.com/tags.md)

---

## [How to make Pinegrow Interactions only load after page-load Lottie animation has finished?](https://forum.pinegrow.com/t/how-to-make-pinegrow-interactions-only-load-after-page-load-lottie-animation-has-finished/11351)

<div class="topic-metadata">

**Author:** [@ai\_slop](https://forum.pinegrow.com/u/ai_slop)\
**Replies:** 3\
**Last updated:** [January 28, 2026, 2:05am UTC](https://forum.pinegrow.com/t/how-to-make-pinegrow-interactions-only-load-after-page-load-lottie-animation-has-finished/11351 "2026-01-28T02:05:37Z")

</div>

I have a full screen lottie logo animation that plays on page load. Users can swipe or click to skip it if they wish. However, I’d like to use Pinegrow Interactions to add a hero text fade in, followed by some scroll an…

---

## [Can not replicate this with inteactions](https://forum.pinegrow.com/t/can-not-replicate-this-with-inteactions/10249)

<div class="topic-metadata">

**Author:** [@MeetMarioDev](https://forum.pinegrow.com/u/MeetMarioDev)\
**Replies:** 4\
**Last updated:** [January 30, 2025, 7:01pm UTC](https://forum.pinegrow.com/t/can-not-replicate-this-with-inteactions/10249 "2025-01-30T19:01:05Z")

</div>

I have a design that animates the progressbar around the “back-to-top” button with queryselector and wants to move it over to interactions with greensock instead. But I can not for the life of me get this to work. Any …

---

## [Is Interactions forgotten? All WordPress now?](https://forum.pinegrow.com/t/is-interactions-forgotten-all-wordpress-now/9042)

<div class="topic-metadata">

**Author:** [@AllMediaLab](https://forum.pinegrow.com/u/AllMediaLab)\
**Replies:** 1\
**Last updated:** [July 25, 2024, 3:18pm UTC](https://forum.pinegrow.com/t/is-interactions-forgotten-all-wordpress-now/9042 "2024-07-25T15:18:21Z")

</div>

Hi, I wonder looking at my Interactions version of more then one and a half year ago, when is there any development and upgrades to be expected? It looks as if all the attention is shifted all the time depending on the …

---

## [Trying to make a simple interaction (See image)](https://forum.pinegrow.com/t/trying-to-make-a-simple-interaction-see-image/8569)

<div class="topic-metadata">

**Author:** [@internetfriend](https://forum.pinegrow.com/u/internetfriend)\
**Replies:** 2\
**Last updated:** [December 22, 2023, 5:45pm UTC](https://forum.pinegrow.com/t/trying-to-make-a-simple-interaction-see-image/8569 "2023-12-22T17:45:05Z")

</div>

Hello! Im currently considering a move from Webflow to Pinegrow as I feel more confident in code these days and especially Webflow interactions are holding me back. I’m very eager to get going with GSAP interactions to c…

---

## [Best Practices? Exporting PGIA-Enabled WordPress Blocks as part of a Plugin](https://forum.pinegrow.com/t/best-practices-exporting-pgia-enabled-wordpress-blocks-as-part-of-a-plugin/8395)

<div class="topic-metadata">

**Author:** [@iamrobbie](https://forum.pinegrow.com/u/iamrobbie)\
**Replies:** 3\
**Last updated:** [October 4, 2023, 3:41pm UTC](https://forum.pinegrow.com/t/best-practices-exporting-pgia-enabled-wordpress-blocks-as-part-of-a-plugin/8395 "2023-10-04T15:41:21Z")

</div>

Hello, Pinegrow Peeps :evergreen\_tree: I’m wondering if someone in the community here might be able to point me in the right direction re: how to successfully include Pinegrow Interactions (PGIA) in WordPress Blocks exp…

---

## [Interactions in js file?](https://forum.pinegrow.com/t/interactions-in-js-file/8366)

<div class="topic-metadata">

**Author:** [@AndreasHe](https://forum.pinegrow.com/u/AndreasHe)\
**Replies:** 5\
**Last updated:** [September 18, 2023, 10:44pm UTC](https://forum.pinegrow.com/t/interactions-in-js-file/8366 "2023-09-18T22:44:24Z")

</div>

Hi all! I just try pinegrow and saw on the website the interactions module. I wonder if it is capable to exclude the required JS to a separate file (like with css). All videos I saw indicate that this is embeded in HTML…

---

## [Scroll trigger timeline expanded](https://forum.pinegrow.com/t/scroll-trigger-timeline-expanded/8147)

<div class="topic-metadata">

**Author:** [@hasan](https://forum.pinegrow.com/u/hasan)\
**Replies:** 0\
**Last updated:** [June 14, 2023, 5:38am UTC](https://forum.pinegrow.com/t/scroll-trigger-timeline-expanded/8147 "2023-06-14T05:38:53Z")

</div>

I made 1 interaction on 1 element that contains several timelines, the interaction is triggered when the page is scrolled, I give a certain effect to each element that has its own timeline but every time I refresh the pr…

---

## [Interactions and Blocks conflict](https://forum.pinegrow.com/t/interactions-and-blocks-conflict/7676)

<div class="topic-metadata">

**Author:** [@deirdre\_nic](https://forum.pinegrow.com/u/deirdre_nic)\
**Replies:** 13\
**Last updated:** [January 25, 2023, 8:57am UTC](https://forum.pinegrow.com/t/interactions-and-blocks-conflict/7676 "2023-01-25T08:57:44Z")

</div>

Hi I have yet another conundrum, I am exporting blocks with interactions and have run into an issue. I have several ‘FadeUp’ interactions that work without issue but its the ‘Hide at Start’ which refuses to work within …

---

## [Menu hides on scroll but appears when scroll stop](https://forum.pinegrow.com/t/menu-hides-on-scroll-but-appears-when-scroll-stop/7660)

<div class="topic-metadata">

**Author:** [@Hannah](https://forum.pinegrow.com/u/Hannah)\
**Replies:** 2\
**Last updated:** [January 21, 2023, 9:04am UTC](https://forum.pinegrow.com/t/menu-hides-on-scroll-but-appears-when-scroll-stop/7660 "2023-01-21T09:04:56Z")

</div>

I’m trying to get my fixed Navbar to disappear as I scroll down but appear when I stop scrolling. Similarly disappear when I scroll up and appear again when the scroll stops. I’ve been trying for a good couple of hours…

---

## [PGIA Gallery active thumb overlaps navbar](https://forum.pinegrow.com/t/pgia-gallery-active-thumb-overlaps-navbar/7626)

<div class="topic-metadata">

**Author:** [@aquorange](https://forum.pinegrow.com/u/aquorange)\
**Replies:** 0\
**Last updated:** [January 13, 2023, 4:34pm UTC](https://forum.pinegrow.com/t/pgia-gallery-active-thumb-overlaps-navbar/7626 "2023-01-13T16:34:44Z")

</div>

When scrolling a pgia gallery with thumbs over the navigation bar of a bootstrap 4 onepage site (blueprint with pgia animated sections) the current thumb overlaps the bar. It has z-index:1, but that doesn’t seem to matte…

---

## [Sharing project](https://forum.pinegrow.com/t/sharing-project/6677)

<div class="topic-metadata">

**Author:** [@devy](https://forum.pinegrow.com/u/devy)\
**Replies:** 0\
**Last updated:** [July 12, 2022, 9:05am UTC](https://forum.pinegrow.com/t/sharing-project/6677 "2022-07-12T09:05:09Z")

</div>

Hello I’m new to pine grow so i wanted to ask a question, do pinegrow could share project to other/invite user as viewer/editor on the project?

---

## [Thanks to Interactions](https://forum.pinegrow.com/t/thanks-to-interactions/5846)

<div class="topic-metadata">

**Author:** [@red-rosefields](https://forum.pinegrow.com/u/red-rosefields)\
**Replies:** 8\
**Last updated:** [November 22, 2021, 5:10am UTC](https://forum.pinegrow.com/t/thanks-to-interactions/5846 "2021-11-22T05:10:13Z")

</div>

Hello all! I just wanted to show a little particular website that was 90% done thanks to powerful interactions by Pinegrow. This site otherwise would have been a hell of gsap code to write. Francesco Toreno - Tatuag…

---

## [Tutorial - Creating a Slider with Interactions 2.0](https://forum.pinegrow.com/t/tutorial-creating-a-slider-with-interactions-2-0/4792)

<div class="topic-metadata">

**Author:** [@matjaz](https://forum.pinegrow.com/u/matjaz)\
**Replies:** 2\
**Last updated:** [September 17, 2021, 8:49pm UTC](https://forum.pinegrow.com/t/tutorial-creating-a-slider-with-interactions-2-0/4792 "2021-09-17T20:49:10Z")

</div>

An in-depth tutorial on creating a fully-featured Slider with Pinegrow Interactions, without using blueprints. Even if you’re not interested in sliders and interactions, watch this tutorial to see how Pinegrow is used to…

---

## [Icons wont show up on WordPress](https://forum.pinegrow.com/t/icons-wont-show-up-on-wordpress/5674)

<div class="topic-metadata">

**Author:** [@kalaN](https://forum.pinegrow.com/u/kalaN)\
**Replies:** 5\
**Last updated:** [September 17, 2021, 12:24pm UTC](https://forum.pinegrow.com/t/icons-wont-show-up-on-wordpress/5674 "2021-09-17T12:24:31Z")

</div>

I’m editing my website in Pingrow and then export it to WordPress I use both WP Rocket and asset cleanup as caching apps the thing is that it worked well with these plugins , then I did few changes in Pinegrow and it’s a…

---

## [Understanding how Scroll Scene works (Interactions add-on)](https://forum.pinegrow.com/t/understanding-how-scroll-scene-works-interactions-add-on/5299)

<div class="topic-metadata">

**Author:** [@vestone](https://forum.pinegrow.com/u/vestone)\
**Replies:** 3\
**Last updated:** [June 3, 2021, 10:33am UTC](https://forum.pinegrow.com/t/understanding-how-scroll-scene-works-interactions-add-on/5299 "2021-06-03T10:33:29Z")

</div>

Hey, can somebody tell my why the interactions wont work with this picture? I made a video with my problem: https://youtu.be/CSVgmSf7CXw Thanks!

---

## [Interaction doesn't stop & save](https://forum.pinegrow.com/t/interaction-doesnt-stop-save/4705)

<div class="topic-metadata">

**Author:** [@Riccarcharias](https://forum.pinegrow.com/u/Riccarcharias)\
**Replies:** 0\
**Last updated:** [November 19, 2020, 8:45pm UTC](https://forum.pinegrow.com/t/interaction-doesnt-stop-save/4705 "2020-11-19T20:45:09Z")

</div>

Hello, I rebuilt a simple Hamburger Menu like this: https://pinegrow.com/docs/interactions/examples/SiteMenu/index.html The animation (Interactions 2.0) lasts 0,5s. But when I play the Animation, the play bar runs endl…

---

## [Sneak peek into Pinegrow Interactions 2.0](https://forum.pinegrow.com/t/sneak-peek-into-pinegrow-interactions-2-0/4560)

<div class="topic-metadata">

**Author:** [@Emmanuel](https://forum.pinegrow.com/u/Emmanuel)\
**Replies:** 0\
**Last updated:** [September 30, 2020, 7:38am UTC](https://forum.pinegrow.com/t/sneak-peek-into-pinegrow-interactions-2-0/4560 "2020-09-30T07:38:11Z")

</div>

The major Pinegrow Interactions update was originally scheduled for September, but we delayed it a bit so that we could squeeze in a couple additional features …

---

## [Tutorial - Interactive image hotspots](https://forum.pinegrow.com/t/tutorial-interactive-image-hotspots/4444)

<div class="topic-metadata">

**Author:** [@matjaz](https://forum.pinegrow.com/u/matjaz)\
**Replies:** 0\
**Last updated:** [August 13, 2020, 10:17pm UTC](https://forum.pinegrow.com/t/tutorial-interactive-image-hotspots/4444 "2020-08-13T22:17:40Z")

</div>

Another Interactions tutorial, created by @abirana and narrated by @RobM is published: Creating interactive image hotspots.

---

## [Tutorial - Creating an animated accordion with Interactions](https://forum.pinegrow.com/t/tutorial-creating-an-animated-accordion-with-interactions/4350)

<div class="topic-metadata">

**Author:** [@matjaz](https://forum.pinegrow.com/u/matjaz)\
**Replies:** 0\
**Last updated:** [July 16, 2020, 2:07am UTC](https://forum.pinegrow.com/t/tutorial-creating-an-animated-accordion-with-interactions/4350 "2020-07-16T02:07:11Z")

</div>

A step-by-step tutorial about creating an animated accordion component with Pinegrow Interactions:

---

## [Tutorial - Creating an animated top menu with Interactions](https://forum.pinegrow.com/t/tutorial-creating-an-animated-top-menu-with-interactions/4290)

<div class="topic-metadata">

**Author:** [@matjaz](https://forum.pinegrow.com/u/matjaz)\
**Replies:** 0\
**Last updated:** [June 30, 2020, 11:38pm UTC](https://forum.pinegrow.com/t/tutorial-creating-an-animated-top-menu-with-interactions/4290 "2020-06-30T23:38:01Z")

</div>

A step-by-step tutorial about creating an animated website navigation menu with Pinegrow Interactions:

---

## [Introducing Pinegrow Interactions](https://forum.pinegrow.com/t/introducing-pinegrow-interactions/3553)

<div class="topic-metadata">

**Author:** [@Emmanuel](https://forum.pinegrow.com/u/Emmanuel)\
**Replies:** 69\
**Last updated:** [January 31, 2020, 11:07am UTC](https://forum.pinegrow.com/t/introducing-pinegrow-interactions/3553 "2020-01-31T11:07:30Z")

</div>

Be prepared, Pinegrow Interaction, a premium add-on for Pinegrow Web Editor, is coming very, very soon! And here is a 20-second Intro Teaser: https://youtu.be/eTz7AAic7eM

---

## [How to use "Add class" with scrolling page trigger Interaction](https://forum.pinegrow.com/t/how-to-use-add-class-with-scrolling-page-trigger-interaction/3723)

<div class="topic-metadata">

**Author:** [@txirrindulari](https://forum.pinegrow.com/u/txirrindulari)\
**Replies:** 1\
**Last updated:** [January 27, 2020, 7:52am UTC](https://forum.pinegrow.com/t/how-to-use-add-class-with-scrolling-page-trigger-interaction/3723 "2020-01-27T07:52:06Z")

</div>

Can someone show how to use the addclass with scrolling interaction? I have tried a few ways to add a css animation code with clip-path but I am not able to make it work.
