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

Tutoriel
21/12/2021
3 min
#webflowtuto avec link settings webflow
Key points

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

Webflow Localization, cas d'utilisation de Credial
Documentation
Webflow

Webflow Localization : guide et cas pratique de Credial

Webflow Localization : guide et cas pratique de Credial
Visuel illustrant le passage de digidop.fr à digidop.com
News
Digidop

Digidop.fr devient Digidop.com

Digidop.fr devient Digidop.com
Photo de l'équipe Digidop avec Logo Digidop 2024
News
Digidop

Rétrospective d’une année 2024 exceptionnelle et cap sur 2025

Rétrospective d’une année 2024 exceptionnelle et cap sur 2025

Transformez votre site web en un moteur de croissance.

Nous contacter