▼
Streaming live at 10am (PST)

Copying Page Load Interactions from One Project to Another

Design help Animations & Interactions
#1

Hello all,

I’m playing around with cloning, and I found a cool cards animation that I want to use in a client project.

Unfortunately, I haven’t quite figured out how to copy an animation/interaction from one project to another just yet. I’ve seen many other people ask similar questions, but I have not been able to find an answer just yet.

Below is a video detailing the issue at hand.

https://youtu.be/KENdBN05CnE

Thanks in advance for any guidance you can provide!

Here is my public share link: LINK
(how to access public share link)

1 Like
#2

Hi @Zach_Pinnell,

The video you linked is not working :frowning_face:

Anyway, you can simply copy-paste any element between 2 projects of yours, and the interactions will be copied along the elements.

If you have a specific problem, share a read-only link to both projects so we can take a look.

#3

Sorry, I set the video to Private instead of Unlisted.

Read-Only links:

https://preview.webflow.com/preview/floating-cards?utm_source=floating-cards&preview=98c43ac0562e54dd91bd39ecf128083b

https://preview.webflow.com/preview/premonition?utm_source=premonition&preview=e5e4507ff5fd64da749e60352733bad3

Unfortunately, the interactions just don’t copy with elements between projects most of the time. Sometimes, a few will copy, but not all. I’m not sure what I am doing wrong.

#4

The reason for that might be that the interaction is a Page-Interaction, and not an element based.
Can you try copying the hole page? (the “d-97-section-home” div) and see if you get the interaction?

#5

To copy page trigger interactions you need to assign both interactions to any object first (for example create any empty div, give it the “on hover” trigger and assign an interaction that is currently assigned to elements on page load). Copy this div to your project and this interaction will be copied too. Then simply create new page trigger and assign this copied interaction to it.

2 Likes
#6

Hey that worked! Thank you so much!

FYI for others-- you must apply a new ‘Element Trigger’ to the Div Block, found above the ‘Page Triggers’.

1 Like