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 a unique ID to the target section in the Element Settings panel.
- Link the button to that section using Webflow’s Section dropdown or manually via /#your-id.
- Test the link to ensure it scrolls correctly; for buttons on other pages, use /#your-id to navigate to the homepage and scroll to the section.
To link a button in Webflow to a specific section on the homepage, you’ll need to use anchor links that target section IDs.
1. Assign an ID to the Target Section
- Select the section (or element) you want to scroll to on the homepage.
- In the Element Settings panel (D), find the ID field.
- Enter a unique ID (e.g.,
features,about-section, etc.) — no spaces.
2. Link Your Button to That Section
- Select your button or link element.
- In the Element Settings panel, under the Link Settings, choose:
- Page: Select your homepage.
- Section: Choose from the dropdown which will show available IDs on that page.
- If linking manually, in the URL field, enter
/#your-id(e.g.,/#features).
3. Test the Link
- Preview the site in the Webflow Designer or publish it.
- Click the button to confirm it scrolls to the correct section on the homepage.
4. For Buttons on Other Pages
- If the button is on a different page but should link to a section on the homepage:
- Set the link URL to
/followed by#your-id, like/ #features(no space). - This ensures the user lands on the homepage and scrolls to the designated section.
Summary
To jump a user to a specific part of the homepage, assign an ID to that section and link your button with a /#id value. Use Webflow's native link settings for internal navigation and ensure the ID is unique and correctly targeted.