Webflow sync, pageviews & more.
NEW

How can I link to a section in another page in Webflow? The solution suggested in another post did not work for me. Any ideas?

TL;DR
  • Assign a Unique ID to the target section in the destination page's settings.
  • Set the link URL using the format /page-name#section-id, use relative paths, and publish the site to test functionality.

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
  • 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.

Rate this answer

Other Webflow Questions