Créer des liens ancres, hypertexte dans une page Elementor

Un lien ancre permet de relier deux endroits d’une même page web.


Cela peut être un bouton ou un texte clicable qui vous permet d’accéder immédiatement à n’importe quel endroit de la page.

Les liens ancre sont très utilisés pour les sommaires par exemple.

Comment créer des liens ancres dans Elementor

Pour créer un lien ancre dans Elementor, allez à l’endroit vers lequel vous souhaitez créer un lien. 

Ce peut être une section, une colonne ou un widget Elementor comme un titre.

Puis Onglet Avancé > ID de CSS : renseignez un ID CSS.

Il va être intégré à un url donc sans accents, sans espaces et sans majuscules. 

liens ancres hypertexte

Ajoutez vos liens ancres depuis un widget cliquable (bouton, image, widget elementor)

Maintenant que l’on a créé notre ID CSS, on va pouvoir faire un lien depuis n’importe quel endroit de la page.

Par exemple depuis un bouton > Onglet contenu > lien > ajouter un # suivi de l’ID CSS que vous avez défini pour l’élément vers lequel vous souhaitez faire votre lien.

lien ancre elementor id css

Et quand on clique sur le bouton, le navigateur va automatiquement scroller jusqu’à la l’élément contenant l’ID CSS.

Dans quels cas créer des liens ancres avec Elementor

Vous pouvez utiliser les liens ancres pour :

  • Créer un lien hypertexte classique 
  • Créer un bouton haut de page dans Elementor 
  • Créer des sommaires dans Elementor 

 

Partagez le hub Elementor :