How can I create a link button in Webflow that takes the user directly to a specific section on the homepage instead of just the top of the page?
TL;DR
- Assign an ID to the target section using the Element Settings panel.
- Link your button to that ID by selecting "Section" if it's on the same page, or use a URL with the format /index.html#ID if it's from another page.
To link a button in Webflow directly to a specific section on the homepage, you'll need to use anchor links tied to section IDs.
1. Assign an ID to the Target Section
- Select the section you want the button to scroll to.
- In the Element Settings panel (D) on the right sidebar, find the ID field.
- Enter a simple, lowercase ID name like "features" (no spaces or special characters).
2. Create or Select the Link Button
- Either add a new button from the Add panel or select an existing button in your layout.
- With the button selected, go to the Element Settings panel (D).
3. Set the Anchor Link
- Under the Link Settings, choose "Section" as the link type.
- A list of all elements with IDs in the current page will appear—select the name of the section ID you defined (e.g., “features”).
- If the section is on the same page, this option makes Webflow automatically scroll to it.
4. If Linking from Another Page
- If the button is on a different page and should scroll to a section on the homepage:
- Set the link type to URL instead of Section.
- Enter: /index.html#features (replace "features" with your actual ID).
- This tells Webflow to open the homepage and jump to the target section.
Summary
To link a button to a homepage section, assign an ID to that section and then link your button to that ID using the “Section” link type if on the same page, or a URL with a hash (#ID) if linking from a different page.