How does "data-w-id" attribute work?

Design help Custom code
1

Hey, I’m trying to convert a Webflow Website that a client gave me into React. I’ve never used webflow myself and seeing so many data tags has me confused.

There’s a button

<a data-w-id="0531a4f3-285e-2ef8-c6e2-b1b8d06734df" href="#" class="cta-btn-2 mint-btn w-inline-block">
     <div class="cta-text">MINT NOW</div>
</a>

I’ve changed it to

<div data-w-id="0531a4f3-285e-2ef8-c6e2-b1b8d06734df" className="cta-btn-2 mint-btn w-inline-block">
            <ConnectButton>Connect Wallet</ConnectButton>
 </div>

But the button is not static anymore. it moves around when the page scrolls.

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

1 Like