Streaming live at 10am (PST)

Export Project with Iteractions 2.0


#1

I wan’t to know how do i reuse the new Interactions 2.0 on an exported WebFlow Project.

The new Interactions generate dynamic IDs and don’t use slugs like the old ones.

Previously, i just insert the Interaction slug on an element i need it. Now, i don’t know how to do this without duplicating IDs.

Example:

<section data-w-id="3485619b-c65e-c89b-85d7-2f3450130f32" class="section">
    <div class="w-container">
        <header class="section-header w-clearfix">
            <img src="https://d3e54v103j8qbb.cloudfront.net/img/image-placeholder.svg"
                 data-w-id="7726613b-65ea-213f-1da7-6d85e4cbe6bf" class="section-image">
            <h1 data-w-id="42ab0ff6-5009-5fdb-366b-b2960515a9cf" class="section-title">Section Title</h1>
            <h3 data-w-id="bde12205-2b0f-9497-907a-8014682fd6c4" class="section-subtitle">Section Subtitle</h3>
        </header>
        ...

How do i reuse the interaction above on another section?

This problem apply to any webflow project. No Specific link.


#2

I would contact support directly for this question. I think this deserves a little more attention that from community, to make sure it’s accurate to what you’re looking for.


#3

I’d say it is an interesting question deserving attention from us users as well :wink:


#4

No doubt, huh :man_shrugging:


#5

Thanks for the suggestion. i will try to contact them, but i think this is really something that can help everyone.

Users using Webflow Host and CMS will not need this, but users that don’t fit on this case will have problems.


#6

+1 for this. I hope @webflow won’t forget users who develop HTML for other frameworks.


#7

Soon you’ll be able to target classes, not just element id’s, in animations so it should work like before.


#8

This is great. right now it uses Ids for HTML tag and affected elements. This really breaks the reuse.


#9

I am having the same problem. My html design was refused for the development team because that. They said that the code is organized, but the code is not readable, when they see these data-w-id…


#10

I signed up for a forum account just to post here, too. I’m using Webflow to more easily design front-ends for my custom django back-ends and exclusively use it with the code exporting function.

However, every time I export the code, it changes all of the IDs on the elements with interactions. So, instead of just updating a couple of templates, I have to painstakingly go through and update each item in every page that has an interaction on it.

This creates huge problems for me and unless it’s fixed, I’ll have to cancel my Webflow subscription and use something else.


#11

Interesting. Do you mean that after modifying interactions in any way export changes all id’s for items with these modified interactions?