LiveDemo - Open-source alternative to Storylane, Navattic, and Arcade | Product Hunt

How To Link To A Section On Another Page Webflow



How To Link To A Section On Another Page Webflow: step-by-step guide

  1. Select the section you wish to link to, aka, the destination.

  2. Go to the elements right sidebar menu.

  3. Open the Settings tab.

  4. In the ID field, enter a unique name to refer to this section. Copy or remember this name.

  5. Now go to the page where you wish to link this section from, aka, the beginning.

  6. Select the element to link and ensure it can support linking or simply add a link block to it.

  7. Locate the linking section in the right sidebar menu.

  8. For relative URLs (using your homepage as the base) use the "/" to begin from your home.

  9. So your URL for another page of your project will look like "/pagename#sectionID" or "site.com/pagename#sectionID"

  10. To test, open Preview and click on the button.

  11. You should reach the linked section on another page.

Quick answer: To link to a section on another page in Webflow, assign a unique ID to the destination section in the Settings tab. Then, go to the starting page, select your link element, and enter the relative URL using the page name and section ID format before testing it in Preview.

About this Webflow tutorial

Connect to specific sections on different pages in Webflow by adding IDs and using relative URLs for seamless navigation. This guide shows how to link To A Section On Another Page Webflow in 11 steps, starting with "Select the section you wish to link to, aka, the destination " and finishing with "You should reach the linked section on another page". The interactive demo above is a click-through copy of the real Webflow interface, so you can rehearse each step before doing it in your own account.

Frequently asked questions

How many steps does it take to link To A Section On Another Page Webflow?

11 steps. Each one is listed in order above, and the demo highlights exactly where to click.

Can I try it without changing my own account?

Yes. Clicking through the demo doesn't touch your Webflow data or settings. Once you know the flow, repeat it in your own workspace.

This tutorial is filed under Webflow. Related guides: How To Make Accordion In Webflow, How To Make Grid Responsive Webflow and How To Make Navbar Sticky Webflow. Last reviewed 05 Oct 2026.

LiveDemo - Open-source alternative to Storylane, Navattic, and Arcade | Product Hunt
🚀

Create your first interactive demo in minutes

No credit card required • Start building today

Start free→

This website uses cookies to enhance the user experience.

AcceptDecline