I have a home page which has a contact section at the bottom, I have managed to create a contact button at the top which links to an anchor which takes you to the bottom of the page, this has been done successfully, However! when I am on my ‘about’ page (completely separate page to the homepage) I still need to click ‘contact’ and for it to take me to the home page BUT then to the anchor on the section where my contact form is at the bottom.
I hope this is clear enough so basically I have a contact button on my home page which links to an anchor which takes you to the contact form at the bottom of that homepage, however when I am on a seperate page (about page) i still need the contact button to work the same way, however it doesnt give me the option to link an anchor to the contact form on the homepage, is this is a feature only meant to be used on 1 page websites?
I think I understand what you are trying to do — but there is a solution. Via the dropdown menu options in Webflow, you can (as you have) choose an anchor from the page you are currently on. You want to link to an anchor on another page, so select the link on the about page, bring up the link dialog box and use the regular URL one, and enter:
/home#nameofyouranchor
This will take you to the home page (from any other page) and scroll down to the anchor you need.
Hey, I really appreciate you reaching out! thank you.
I can’t seem to get this to work using this strategy, maybe I’m doing it wrong, is there a way I can allow you access to this site to make this change for me (then I will be able to see how it’s done).
The site is not yet published it’s still in the process of design.
Thanks for sharing the link. So, on the About page (or all other pages), you have the Get a Free Quote button in the header and want that to go to the home page and scroll down to the contact anchor, correct?
So, select the button in the header and go to the link settings, choose the URL option, and enter:
/index#Contact-Anchor
But, I would also ask why you don’t put the contact form at the bottom of each page (and scroll down using the same anchor option as you have on the home page), or even as a pop-up on all pages? I’d not be too keen to pull the user away from a page they are already on and push them back down the homepage…
Just a quick one, will this only work once the page has been published? I’m doing everything you explained correctly but it won’t work whilst in preview mode
No pain at all — yes, once published (even to the Webflow preview site) it will work. The URL is referencing the finished page name structure, and the home page will export as index.html. So once it’s live on a server, the /index will find the index page, and #Contact-Form ID will find the anchor.
Hi Steve, I thought your simple index link should work fine for the homepage, but mine isn’t working unless I do this: /index.html#
Am I doing something wrong?
Thanks in advance!
Hi Steve, I understood the hashtag for the ID, but the index just didn’t work for me without the .html
Could it be because it’s now on webflow.io not the ‘real’ URL yet?
It could be how it’s set up with the .io domain and how the page link is chosen in the links panel. When the site goes live, the page link needs to be typed in as index.html#ID, when doing it on the .io preview site, it should work without the .html.
Do you want to make a read-only link and I’ll take a look a little later for you?
Quick question — is this to do with the links not working when you are in preview mode within WF, or when viewing the .io site? I checked the preview site (royal3d.webflow.io) and the links are working?