To link to a specific section on another page in Webflow, you need to ensure both your section and your link are setup correctly. Here’s how to do it.
1. Assign a Unique ID to the Target Section
- Go to the page containing the section you want to link to.
- Select the element or section.
- In the Element Settings Panel (D shortcut), find the “ID” field under the “Element Settings” heading.
- Enter a unique ID (e.g.,
features or contact). - Do not add the “#” symbol—just the plain ID name.
2. Create the Link on the Other Page
- Go to the page where the link will be placed.
- Select the Link Block, Button, or Text Link.
- In the Link Settings, choose “External URL”.
- Enter the full relative URL to the other page along with the section ID, like:
- /about#features
- /contact#form
- Make sure the URL path matches the correct page slug (e.g., “/about” if your target page is About).
3. Publish and Test the Link
- Publish Your Site (the section ID link may not work correctly in Webflow’s Designer preview).
- Load the page with the link on the live site.
- Click the link and verify that it scrolls to the correct section on the target page.
4. Check for Common Issues
- Typos in section ID: Make sure the ID name exactly matches in both the section and the link.
- Wrong page path: Use the correct page slug. For example, for "About Us" page with slug “about-us”, use /about-us#features.
- Linking to the home page: If linking to a section on the homepage, use /#sectionID.
Summary
To link to a section on another page in Webflow, assign an ID to the destination section and then link using the format /pagename#sectionID. Double-check the slug and ensure you're testing the link on the published site.