Créer des liens ancres Elementor, hypertexte dans vos pages web

Les liens ancres Elementor permettent 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 votre page Elementor.

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

Sommaire

Comment créer des liens ancres Elementor

Pour créer des liens ancres 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 Elementor depuis un widget cliquable (bouton, image, widget elementor)

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

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 Elementor pour :

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

Partagez le guide Elementor

Partager sur facebook
Partager sur twitter
Partager sur linkedin
Partager sur reddit