Buy me a coffee

How to link a button on header to a form on the home page

If you need to click button on header and it scrolls to form on homepage, you can follow these.
#1. Add a Code Block next to Form

How To Link A Button On Header To A Form On The Home Page 1 Min

#2. Paste this code into Code Block

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

How To Link A Button On Header To A Form On The Home Page 2 Min

#3. Edit Site Header

How To Link A Button On Header To A Form On The Home Page 3 Min

#4. Edit Header button > Enter URL
#contact-form
and make sure “Open in NEw Tab” is disabled

How To Link A Button On Header To A Form On The Home Page 4 Min

#5. Done. When users click Header button, it will scroll to Form
if you want a slow scroll effect, you can use this code to Custom CSS box

html {
  scroll-behavior: smooth;
}

How To Link A Button On Header To A Form On The Home Page 5 Min

#6. Note
If you are on other pages, when clicking Header button, it will do nothing, you will need to edit Header Button to this url
/#contact-form

How To Link A Button On Header To A Form On The Home Page 6 Min