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

Tutorial
March 20, 2023
3 min
#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

A woman speaks on stage at a conference, wearing a headset microphone. Behind her, a large black screen displays the question “What then?” in bold white text.
Events
Webflow

Digidop attends FLOWconf 2025, the biggest Webflow & marketing event in Europe.

Digidop attends FLOWconf 2025, the biggest Webflow & marketing event in Europe.
Visual overview of several modern web typefaces in 2025, each displayed on a vibrant background: Editorial New, DM Serif Display, Aeonik, SF Pro Rounded, Rader, Champ, Monument, Canicule, Clash Display, Supply, Agrandir, and more — a graphic composition highlighting typographic diversity.
Documentation
Design

The 20 Best Fonts for a Modern and Impactful Website in 2025

The 20 Best Fonts for a Modern and Impactful Website in 2025
Mosaic of homepage designs from several Webflow agencies (Digidop, N4, Refokus, Flow Ninja, Tonik, Finsweet, Edgar Allan), showcasing diverse creative approaches and visual identities centered around the Webflow logo.
Storytelling
Webflow

My Top 7 Webflow Agencies in 2025 (From a Founder’s Perspective)

My Top 7 Webflow Agencies in 2025 (From a Founder’s Perspective)

Want to turn your website into your most valuable asset?

Contact us today