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

Abstract illustration representing the concept of server-side tracking
Documentation
Development

Understanding Server-Side Tracking Made Simple

Understanding Server-Side Tracking Made Simple
Illustration representing a Proof of Concept through visual explorations and creative references
Documentation
Development

Proof of Concept (POC): validating an idea before investing in a website

Proof of Concept (POC): validating an idea before investing in a website
photo of a European financial institution with European flags flying in the air and financial regulation terms: GDPR, MiFID II, AMF, PSD2, DORA, ORIAS
Documentation
Development

CGPs, VCs, Funds, Banks: What are the rules for Financial Website Compliance?

CGPs, VCs, Funds, Banks: What are the rules for Financial Website Compliance?

Want to turn your website into your most valuable asset?

Contact us today