Create a link to a section of another page | Webflow tutorial

Tutorial
3 min
Published on Mar 20, 2023
Updated on
#webflowtuto with link settings webflow
Use AI to summarize this article
Key points

In Webflow, you can natively add a link to a section of your page using the link option "Page section -> Choose a page section". This feature works great for creating links on a single page but does not function for redirecting your link to a section of another page on your website.

In this tutorial, we'll explain how to create a link to a section on any page of your Webflow site in just 3 steps.

Video Tutorial: How to create a link to a section on another web page?

Text and Image Tutorial

1. Name your section

First step, click on your target section and give it a name "ID". Example in the GIF: example-section

Assigning a name (ID) to a section in Webflow

2. Create a link

Second step, create a link or head to the ⚙️ settings of an existing link

3. Configure the link to the section of your site

Third and final step 🏁

Adding the element /#ID after the URL in the Webflow designer's link settings
  • Configure the link to an URL (like an external link)
  • Insert the URL of your target page
  • Add at the end of your URL www.example.com/#ID-section

⚠️ ID-section must be replaced by the name of your section! For instance, example-section as shown in the GIF above.

⚠️ Add /# at the end of your URL

Which would result in something like www.my-site.fr/#example-section

We hope our tutorial has been helpful! If you'd like to discover more tutorials in French about Webflow, take a look at our YouTube channel 🍿

Florian Bodelot
Florian Bodelot
Co-founder

Suggested articles

Promotional graphic for Webflow Conf 2026 featuring Lucas Clairet as a finalist for the Developer of the Year award. His black-and-white portrait is set against a vibrant abstract background with blue, orange, green, and pink textures, creating a bold, modern visual identity. The vertical Webflow Conf ’26 branding appears on the left, while his name and the title “Finalist – Developer of the Year” are displayed in a black panel.
News
Webflow

Lucas Clairet named Finalist for Webflow Awards 2026 – Developer of the Year

Lucas Clairet named Finalist for Webflow Awards 2026 – Developer of the Year
Overview of Webflow AEO combining AI recommendations, analytics, prompt tracking, and SEO optimizations within a single interface.
Documentation
Webflow

Webflow AEO: Answer Engine Optimization built directly into Webflow

Webflow AEO: Answer Engine Optimization built directly into Webflow
Website redesign brief document titled "Brief" on a dark blue background
Documentation

Brief, specifications and RFP: scoping your website redesign and choosing the right agency

Brief, specifications and RFP: scoping your website redesign and choosing the right agency
Every great website  
starts with a conversation
Abstract composition of black and gold metallic ribbons with elegant light reflections and smooth gradients. A premium background conveying luxury, modernity, and innovation.