Vous avez aimé la vidéo ?

Dans la courte vidéo ci-dessous découvrez ce qu’est un lien ancre comment en réaliser un !

Pourquoi c’est cool ?

Lorsque votre page web est trop longue, vous pouvez opter pour les liens ancres.

C’est pratique et super simple à réaliser avec Elementor.

Mais saviez-vous que vous pouviez définir des liens ancres sur tous les éléments HTML ou presque ? Et ce de façon hyper rapide avec Elementor.

Ainsi vous pouvez ajouter un lien ancre facilement sur :

  • un menu bien sûr
  • une image
  • un bouton

Les deux règles d’or

Un seul symbole pour les relier tous

LA chose à retenir, pour créer un lien ancre vous devez commencer votre url par un #.

Oubliez le http// il n’a pas sa place des qu’il s’agit de faire un lien sur votre page comme c’est le cas avec les liens ancre et pas vers une autre page comme c’est le cas avec #

Un ID unique tu utiliseras

Le mot que vous mettre après votre # s’appelle un Identifiant.Celui ci est unique.

Le piège ?
Bien souvent on se trompe, car pareil l’ID dans le lien et l’ID qu’on met dans le module ancre d’Elementor. Attention : Les ID sont sensibles à la casse.

Mon astuce ?
Utiliser des Idées simples soit tout en majuscule ou en minuscule et surtout copier-coller vos ID c’est encore le moyen le plus sur de ne pas se tromper et de créer des liens qui fonctionne à tous les coups !

4 réflexions sur “Les ancres sous elementor”

  1. Bonjour Merci pour ce tuto ! De mon coté je cherche une solution simple pour ajouter une flèche de retour vers le haut sur tout le site. Est ce envisageable avec elementor ? ou dois je forcement creer des ancres page par page ? Merci de votre aide

  2. Pour une ancre vers une autre page, dans le même champ indiqué dans la vidéo :
    ../ma-page-web/#monancre

  3. C’est une très bonne question ! avec Elementor PRO c’est possible avec le module popup je suppose je peux tester et vous faire un trop chrono si vous le souhaitez 😉

  4. Bonjour
    Comment puis je faire pour que la cible de mon ancre soit mise en surbrillance ou en couleur.
    En effet, j’ai des liens d’ancrage sur la home qui m’amènent à des sections dans différentes pages (Exemple avec Conseils) mais mon client voudrait que cette section soit mise en évidence.
    Pouvez vous m’aider ?
    https://madeo.live-website.com/

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Retour haut de page