Is it possible to link to page sections that are not on the same page in Webflow?

Published on
September 22, 2023

Yes, it is possible to link to page sections that are not on the same page in Webflow. Here's how you can achieve this:

  1. Create a page section: First, ensure that the page section you want to link to is set up properly on the target page. Give it a unique ID by going to the Settings panel on the right-hand side and entering an ID under the "Element" field.

  2. Get the URL of the target page: Next, you'll need to obtain the URL of the target page. This can be done by navigating to the page in the Designer and copying the URL from the address bar of your browser.

  3. Create a link: On the source page, select the text, button, or any other element that you want to turn into a link. Right-click on the element and choose "Add Link" or use the keyboard shortcut Cmd/Ctrl + K.

  4. Enter the URL and section ID: In the link settings, paste the URL of the target page into the "Link URL" field. To direct the link to a specific section on the target page, append "#section-id" to the end of the URL. Replace "section-id" with the unique ID you assigned to the target page section.

  5. Preview and publish: Preview the site to test if the link works correctly. When you click on the link, it should navigate to the target page and automatically scroll to the specified section.

By following these steps, you can easily create links to page sections that are not on the same page in Webflow, allowing for seamless navigation between different parts of your website.

Additional Questions:

  1. How can I link to a specific section on another page in Webflow?
  2. Is it possible to create a smooth scrolling effect when linking to sections on another page in Webflow?
  3. Are there any limitations to consider when linking to page sections in Webflow?