To link to a section on another page in Webflow, you must correctly format the link using the page path and the section’s ID. If it's not working, it's usually due to incorrect anchor IDs, wrong URLs, or conflicting site settings.
1. Confirm the Section ID
- Select the section on the destination page in Webflow Designer.
- In the Settings panel, ensure the Unique ID (under Element Settings) is set. Example:
features-section
. - This ID is what you'll reference in the anchor link.
2. Construct the Correct URL
- Use the format: /page-name#section-id
- Example: If you want to link to the
features-section
on a page called pricing
, the URL should be: /pricing#features-section - If it's your home page, omit the page name: /#features-section
3. Set the Link Properly
- Select your link element (button, text link, etc.).
- In the Element Settings panel, set the link type to URL.
- Paste the full relative path, including the hash (e.g., /pricing#features-section).
- Important: Do not include the full domain (like
https://example.com/...
) unless needed. Use relative paths to avoid issues from URL mismatches during publish.
4. Publish and Test
- Changes will only work on the published site, not in the Designer preview.
- Publish the site, then click the link to confirm it scrolls to the correct section on the other page.
5. Check for Page Load Issues
- Webflow doesn’t scroll to the section until the entire destination page is loaded.
- If the section is dynamically loaded (e.g., in CMS or inside tabs), anchors may fail. Try placing the anchor near the top-level static content.
Summary
To link to a section on another Webflow page, ensure the target section has a Unique ID, and set your link’s URL as /page-name#section-id. Always test after publishing, and confirm the anchor exists in static content.