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

Collage of homepages from B2B SaaS agencies including Digidop, Vydera, FlowNinja, OFF+BRAND, Yuri & Neil, MetaLab, Shakuro and Ramotion
Documentation

Top 20 Web & Digital Agencies for B2B SaaS in 2026

Top 20 Web & Digital Agencies for B2B SaaS in 2026
Webflow Source interface showing AI agents, website editing, and role-based Views in a unified workspace.
News
Development

Webflow launches Source. Our take on this shift.

Webflow launches Source. Our take on this shift.
Citation rate by AI platform: ChatGPT 100%, Perplexity 100%, Gemini 67%, and Claude 0%.
Documentation
AI

Make Your Website Visible in ChatGPT, Perplexity, and AI Answers

Make Your Website Visible in ChatGPT, Perplexity, and AI Answers
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.