Linking button on header to a form on the home page

Hi, I'm creating a landing page for my business and one of the key aims is to get people to join the waitlist. I've created a "Join the Waitlist" form on my home page and a bunch of call to action buttons. How do I link the buttons to the form (like the button on the header or other parts of the home page)? 

They're both are on the same page. 

If button - form on same page

First, add a Code Block override or near Form Block > paste this code

<div id="contact"></div>

Next, edit button > enter this url format

#contact

Hi @tuanphan, Thank you for that. It worked. The only thing is that I can only click the buttons once. For example, if I click on the button, it takes me to the form I need it to. But if I scroll up and try to click it again, it doesn't do anything. Is there anything I can do about that? 

Also, I have a CTA button on the header, which is also viewable on another page, and when I click on that, it doesn't take me to the form either. How do I link that to the form as well?

Can you share site url? We can check problem easier

@tuanphan Hi, sure. 

Url: https://swan-pelican-2nmt.squarespace.com/

Password: Cactus12345

@tuanphan Actually, I checked the URL when I shared it, and it works when I click on it multiple times. I guess it just didn't work in the preview. Sorry about that. 

Only thing is that it doesn't work on the header button when its on the About Us page. What can I do about that? And how do I link the second CTA button on the About Us page to the form on the Home page as well? 

Really appreciate your help!

@tuanphan It's the one on the second page after the About Us section. But it works when I add " /#contact " to it. Thank you so much for your help!