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.
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.
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
