Créer un lien vers une section d'une autre page | Webflow tutoriel

Tutoriel
3 min
Publié le Dec 21, 2021
Dernière mise à jour le
#webflowtuto avec link settings webflow
Résumez cet article avec une IA
Points clés de l'article

Dans webflow vous pouvez nativement ajouter un lien vers une section de votre page avec l'option de lien "Page section -> Choose a page section". Cette fonctionnalité fonctionne très bien pour configurer un lien sur une page unique mais ne fonctionne pas pour rediriger votre lien vers une section d'une autres page de votre site web.

Dans ce tutoriel, nous vous expliquons comment en 3 étapes , créer un lien vers une section de n'importe quelles pages de votre site Weblow.

Tutoriel Vidéo : Comment créer lien section autre page web ?

Tutoriel texte et images

1. Donnez un nom à votre section

Première étape, cliquez sur votre section cible et donnez lui un nom "ID". Exemple dans le gif : exemple-section

Donner un nom (ID) à une section dans Webflow

2. Créer un lien

Seconde étape, créer un lien ou allez dans les settings ⚙️ d'un lien existant

3. Configurer le lien vers la section de votre site

Troisième et dernière étapes 🏁

Ajout de l'élement /#ID après l'url dans les links settings du designer Webflowf
  • Configurer le lien vers une URL (comme un lien externe)
  • Insérer l'url de votre page cible
  • Ajouter à la fin de votre url www.exemple.com/#ID-section

⚠️ ID-section doit être remplacé par le nom de votre section ! exemple-section dans le GIF plus haut par exemple.

⚠️ Ajouter /# après votre url

Ce qui donnerait par exemple www.mon-site.fr/#exemple-section

Nous espérons que notre tutoriel vous a été utile ! Si vous souhaitez découvrir d'autres tutoriels en français sur Webflow, jetez un œil à notre chaîne youtube 🍿

Florian Bodelot
Florian Bodelot
Co-fondateur

Articles qui devraient vous intéresser

Visuel promotionnel de Webflow Conf 2026 mettant en avant Lucas Clairet, finaliste dans la catégorie « Developer of the Year ». Son portrait en noir et blanc est placé devant un fond graphique abstrait aux couleurs bleu, orange, vert et rose, avec une identité visuelle moderne et contrastée. Le logo vertical de Webflow Conf ’26 apparaît à gauche, tandis que son nom et la mention « Finalist – Developer of the Year » sont affichés dans un encadré noir.
News
Webflow

Lucas Clairet finaliste des Webflow Awards 2026 dans la catégorie Developer of the Year

Lucas Clairet finaliste des Webflow Awards 2026 dans la catégorie Developer of the Year
Vue d’ensemble de Webflow AEO regroupant les recommandations IA, les analytics, le suivi des prompts et les optimisations SEO dans une interface unique.
Documentation
Webflow

Webflow AEO : l’Answer Engine Optimization directement intégré à la plateforme

Webflow AEO : l’Answer Engine Optimization directement intégré à la plateforme
Document de cadrage pour la refonte du site web intitulé « Brief » sur fond bleu marine
Documentation

Brief, cahier des charges et appel d'offres : cadrer sa refonte de site web et choisir la bonne agence

Brief, cahier des charges et appel d'offres : cadrer sa refonte de site web et choisir la bonne agence

Les meilleurs projets web
commencent par une conversation