Dirigez les visiteurs vers des sections spécifiques grâce à des liens d’ancrage intégrés

Un lien d’ancrage (ou « saut de page ») est une URL spéciale qui redirige vers une zone spécifique d’une page. Par exemple, la table des matières de ce guide contient des liens d’ancrage qui vous dirigent vers chaque titre.

Après avoir configuré un lien d’ancrage intégré dans une section de page, vous pouvez rediriger les visiteurs vers le haut de cette section, où qu’elle se trouve sur la page. C’est utile si vous souhaitez mettre en avant des sections spécifiques destinées aux visiteurs ou rendre des informations importantes plus accessibles.

Les liens d’ancrage des sections de page sont pris en charge dans la version 7.1. Si votre site utilise la version 7.0, vous pouvez créer manuellement des liens d’ancrage dans les zones de contenu à l’aide de blocs Code. Certains templates vous permettent aussi d’utiliser des liens d’ancrage intégrés à la page Index.

Regarder une vidéo

Sections prises en charge

Vous pouvez créer des liens d’ancrage dans les sections de page suivantes :

• Sections de blocs
• Dispositions automatiques
• Sections Cours
• sections Galerie
• Sections Vidéos

Remarque : il n’est pas possible d’ajouter des liens d’ancrage vers des sections de blog, d’événements, de portfolio ou de boutique. Cependant, vous pouvez créer un lien d’ancrage dans une section vide au-dessus d’une section non prise en charge pour obtenir un résultat similaire.

Configurer un lien d’ancrage

Lorsque vous créez un lien d’ancrage, vous devez d’abord créer son slug dans l’éditeur de section de page. Cela génère l’URL que vous utiliserez ensuite pour rediriger les visiteurs vers la section.

Étape 1 - Créer le slug du lien d’ancrage 

Pour configurer le slug du lien d’ancrage :

1. Cliquez sur Modifier sur une page, puis passez la souris sur la section vers laquelle vous souhaitez créer un lien et cliquez sur Modifier la section.
2. Sous Lien d’ancrage, ajoutez le slug du lien d’ancrage dans le champ de texte. Celui-ci inclut un hashtag qui ne peut pas être supprimé, car il fait partie intégrante du slug. Par ailleurs, les espaces y sont automatiquement remplacées par des tirets.
3. Cliquez sur l’icône Copier le lien pour ajouter l’URL du lien d’ancrage à votre presse-papiers. L’URL copiée utilise votre domaine principal. Si vous n’avez pas de domaine personnalisé, l’URL utilise votre domaine intégré.

Étape 2 - Créer le lien

Ensuite, utilisez l’URL copiée pour créer le lien sur lequel les visiteurs cliqueront pour accéder à la section de la page. Nous utilisons un lien hypertexte dans cet exemple, mais vous pouvez avoir recours à n’importe quel type de lien :

1. Ajoutez un bloc Texte dans une zone de contenu située ailleurs sur la page. Pour connaître les étapes détaillées, consultez l’article Ajouter du contenu avec les blocs.
2. Saisissez le texte de votre lien, surlignez-le et cliquez sur l’icône lien dans la barre d’outils du bloc Texte.
3. Sous URL, collez l’URL copiée dans l’étape 1. Votre lien ressemblera à ceci :

/pageslug#anchorlinkslug

4. Si vous souhaitez que le lien s’ouvre dans un nouvel onglet, activez l’option Ouvrir le lien dans un nouvel onglet.
5. Appuyez sur Entrée.

Étape 3 - Enregistrer et publier

Cliquez sur Enregistrer pour publier vos modifications. Le lien que vous avez créé à l’étape 2 redirige désormais les visiteurs vers la section de page où vous avez créé le slug du lien d’ancrage à l’étape 1.

Lien redirigeant vers le haut ou le bas d’une page

Vous pouvez créer un lien vers le haut ou le bas d’une page à l’aide des liens d’ancrage des sections de page.

Lien vers le haut de la page 

Insérer un lien redirigeant vers le haut de votre page peut s’avérer utile si le contenu de votre page est long et que vous souhaitez permettre à vos visiteurs de revenir facilement au menu de navigation.

Pour créer un lien redirigeant vers le haut d’une page :

1. Ajoutez un slug de lien d’ancrage vers la première section d’une page, comme décrit à l’étape 1. Vous pouvez utiliser haut comme texte de slug.
2. Ajoutez un lien en bas de page comme décrit à l’étape 2 et assurez-vous que l’option Ouvrir le lien dans un nouvel onglet est désactivée. Vous pouvez utiliser Haut de page comme texte du lien.
3. Cliquez sur Enregistrer.

Lien redirigeant vers le bas d’une page

Insérer un lien redirigeant vers le bas de votre page peut s’avérer utile si vous souhaitez permettre à vos visiteurs de trouver facilement des informations ou les encourager à interagir avec un élément de votre pied de page, comme un bloc Newsletter.

Pour créer un lien redirigeant vers le bas d’une page :

1. Ajoutez un slug de lien d’ancrage vers la dernière section de la page ou vers une section du pied de page de votre site, comme décrit à l’étape 1. Vous pouvez utiliser bas comme texte de votre slug.
2. Ajoutez le lien où vous le souhaitez, comme décrit à l’étape 2, et assurez-vous que l’option Ouvrir le lien dans un nouvel onglet est désactivée. Vous pouvez utiliser Pied de page comme texte du lien.
3. Cliquez sur Enregistrer.

Créer un lien vers des sections qui ne prennent pas en charge les slugs de liens d’ancrage

Vous ne pouvez pas créer de lien direct vers les types de sections qui ne prennent pas en charge les slugs de liens d’ancrage. Cependant, vous pouvez obtenir un effet similaire en générant un lien vers une section située juste au-dessus de celle qui n’est pas prise en charge :

1. Ajoutez une section vide au-dessus de la section vers laquelle vous souhaitez créer un lien.
2. Suivez les étapes ci-dessus pour configurer le lien d’ancrage qui mènera à la section vide.
3. Pour éviter que la section vierge ne crée un vide, cliquez sur la section vide et sur Modifier la section, puis désactivez l’option Remplir l’écran.
4. Cliquez sur Enregistrer.

Limites et bonnes pratiques

Les liens d’ancrage peuvent constituer un outil puissant pour faciliter la navigation des visiteurs sur votre site, mais il est important de garder en tête les points suivants :

• Les slugs d’URL ne peuvent être utilisés qu’une seule fois par page. Si plusieurs sections de la même page utilisent le même slug dans les liens d’ancrage, la navigation ne fonctionnera pas correctement.
• Vous pouvez saisir le texte de votre choix comme slug, mais il ne peut pas contenir d’espaces. Le champ du lien d’ancrage remplace automatiquement les espaces par des tirets lorsque vous saisissez le nom du slug.
• Lorsqu’un visiteur clique sur un lien d’ancrage, le slug de ce dernier apparaît à la fin de l’URL du site, dans la barre d’adresse du navigateur. Votre slug peut être visible par vos visiteurs ; assurez-vous donc qu’il soit approprié.
• Si vous modifiez votre domaine principal, votre slug de page ou votre slug de lien d’ancrage à l’avenir, veillez à mettre à jour vos liens en conséquence. Les liens d’ancrage ne fonctionneront pas correctement avec des URL obsolètes.

Liens d’ancrage sur la version 7.0

Les sections de page et leurs liens d’ancrage ne sont pas pris en charge dans la version 7.0, mais il existe d’autres moyens de configurer des liens d’ancrage, en fonction de votre site :

• Blocs Code : vous pouvez configurer manuellement des liens d’ancrage dans n’importe quelle zone de contenu dotée de blocs Code.
• Liens d’ancrage des pages Index : certains templates incluent des liens d’ancrage intégrés à leurs pages Index. Ils fonctionnent de la même manière que les liens d’ancrage des sections de page.