Quick summary
Linking to a section on another page in Webflow requires assigning a unique section ID as the destination and constructing a relative or absolute URL with the format /pagename#sectionID. This technique enables smooth cross-page anchor navigation without any custom code.
Steps
- Select the destination section — click on the section you want users to land on (the destination).
- Open the elements right sidebar menu for that section.
- Go to the Settings tab in the right sidebar.
- In the ID field, enter a unique name for this section — copy or note this section ID for later use.
- Navigate to the source page where you want to place the link (the beginning of the journey).
- Select the element you want to turn into a link, ensuring it supports linking, or add a link block to it.
- Locate the linking section in the right sidebar menu of that element.
- For relative URLs, start the path with / using your homepage as the base URL.
- Enter the full link URL in the format /pagename#sectionID or site.com/pagename#sectionID.
- Open Preview mode and click the button to test the link.
- Confirm that clicking the link takes you to the correct linked section on the other page.
