Interactions That Work Globally Automatically

For example: If I create an interaction that is part of a Nav Bar or Menu Symbol, when I add that symbol to a new page, the interactions duplicate themselves and then I have to reassign the target to each individual class element even when there are elements that already have the proper class applied.

This gets crazy to manage site-wide as each new page adds more and more duplicate actions and wastes time as I have to reconnect everything.

I just want to make something useful and cool and drop it on whatever page I want without having to reconnect anything. I want to make changes to the interactions in the symbol, and have them update globally.

  • Rich Trowbridge
  • Jun 6 2019
  • Reviewed
  • Admin
    Webflow Admin commented
    June 23, 2021 20:57

    Thank you for sending along your idea!

    Interactions can get complex real quick and we can certainly explore more ways to make them less so. One thing to consider when dropping symbols/components with extensive interactions onto a page is that when targeted elements are not present on that page interaction target connections can break. In your example of a nav or menu symbol you want to do your best to make sure that all of their respective elements, especially the ones targeted by interactions are contained within the symbol. That will ensure all targeted elements are within the page and the interactions are less likely to break.