When duplicating a page in Webflow that includes interactions, it's not intended behavior for the interactions to duplicate twice or for them to lose their "replace elements in animation" settings—but this can happen due to how Webflow handles symbols and element-specific bindings.
1. What Normally Happens When You Duplicate a Page
- Webflow typically copies interactions attached to elements on the page.
- Page-level interactions (like Page Load animations) are preserved and attached to the new page.
- Element trigger animations (like those attached to scroll or click) are maintained, but the targeted elements within the animations might be broken if they're specific to the original page's DOM structure.
2. Why "Replace Elements in Animation" Can Break
- Webflow uses a unique element ID behind the scenes when "Replace elements in animation" is set.
- When you duplicate a page, new elements are generated with new IDs.
- The animation may still exist, but the targeted elements may not auto-map to their new copies, causing the "replace" functionality to be lost.
3. When Interactions Appear Twice
- In cases where animations are copied into separate folders, and if multiple versions of named animations already exist (especially with identical names), Webflow might duplicate the interaction under a new name (like “Interaction Name (1)”).
- This can appear as a “duplicate” in the interaction list, but it’s really a conflict resolution mechanism.
4. How to Fix This
- Manually reassign affected animations to the new elements using the "Selected Element" or "Class" targeting option.
- Avoid renaming duplicates unless you want to preserve multiple versions.
- Use consistent naming and group animations properly to reduce confusion.
Summary
While Webflow does attempt to transfer interactions when you duplicate a page, it’s not always perfect. Losing "Replace elements in animation" settings or experiencing duplicate interactions is a known issue due to element bindings and naming collisions. To prevent problems, you’ll often need to manually reconfigure targets or clean up duplicated animations.