Repeat interaction on every page?

Design help Animations & Interactions
1

webflow share link

I followed the instructions at Scroll Progress Indicator - Webflow interactions and animations tutorial - YouTube and now have a progress bar inside my navbar element, below the menu. Now because the progress bar is inside the navbar symbol, the bar itself is nicely copied to all other pages that have the navbar, but the interaction is not: it works on the homepage, but not on any other page (it just shows the bar at 100%).

How do I get the interaction to be included inside the symbol so it’s neatly copied over to the other instances of the navbar?

2 Likes
2

I don’t think you can reuse the “on current page” kind of interactions on different pages. Only triggers and elements from the symbol can be reused.

1 Like
3

Just checking in since it’s 2020 now, and I’m finally getting around to using interactions. I have a similar situation with a “join” modal interaction. It’s on every page but also depends on a Page Load trigger.

Is there any way to place Page Load interactions inside a symbol, or on every page?

2 Likes
4

I just did a nice on load animation. Sure, it seems semi-illogical to have a page trigger animation attached to an element. But, the element is my preloaded element. I know I have to manually copy that to every page, but it would be great to make it a symbol at least, and have the page load animation attached to it.

At the very least, can we not be able to save page load trigger “sets”? That would at least save a number of mouse clicks I now have to manually do on every page. Sometimes, the amount of automation in Webflow is amazing. Sometimes, it’s complete and total lack of automation for some things blows me away… such as this. I have 20 some pages I now have to over and over and over again keep setting up the same thing.

Something to ponder… or, is there some secret solution now? Cheers!

1 Like
5

Just built a quick cookie consent modal that appears on page load, and I’m running into the same issue. Would be great to have site-wide page load interactions

6

I have the same problem… I would like to have a transition for every page on page load, I’ve attached the page load trigger inside a symbol so would expect it to apply on every page but it doesn’t, and I need to add the page load trigger to every page separately which is not really scalable… any solution for this?

Thanks!

1 Like
7

OMG I just noticed this message originated from 2017 :pensive:

8

You cannot attach “on page load” trigger inside a symbol since this trigger is not an element but the page itself.

The solution is to make use of “element in view” trigger and attach it to an element. Depending on your use case it could work.

2 Likes
9

2022 and still the same problem, it drives me nuts…even if I set the animations on Class it doesn’t work on “while page is scrolling”

10

Hi from 2023! Just going through every single page to add the same animation …

1 Like
11

I have more than 50 pages. Do I have to go through every single page to add the same interaction? I have my modal added in settings > custom code, Is there any way to add the interactions code there?

2 Likes
12

Hi from 2029. Do we have this feature yet?

9 Likes
13

Hi from 2032, do we have this feature built already?

6 Likes
14

Gotta love it when you find the problem you’re looking for on the Webflow forums only to see there is still no solution 5 years later :man_facepalming:

1 Like
15

Any custom javascript workarounds that’d fetch the pre-defined Webflow interaction and apply on each page?

16

Make that 6 years. I came here with high hopes.