Dans la conception d'un site web, la création d'une expérience de navigation fluide est l'un des principaux moyens de susciter l'intérêt des visiteurs et d'améliorer l'interaction. L'ajout d'un lien d'ancrage est un outil utile pour atteindre cet objectif. Si vous utilisez ElementorL'ajout de liens d'ancrage devient alors très simple.

Les liens d'ancrage permettent aux visiteurs d'accéder directement à une section spécifique d'une page en cliquant sur un bouton ou un lien. Cette approche permet de gagner du temps et de susciter davantage d'interaction et de clics.

Ce tutoriel vous fournira un guide détaillé étape par étape montrant la méthode complète d'ajout de liens d'ancrage dans Elementor. Veuillez lire la suite.

Qu'est-ce qu'un lien d'ancrage dans une page web ?

Principes des liens d'ancrage dans les pages web

Les liens d'ancrage sont un type particulier d'hyperliens qui permettent aux visiteurs d'accéder à une zone spécifique de la même page web. En d'autres termes, les liens d'ancrage sont comme des ancres de bateau.

L'objectif d'une ancre est de maintenir le bateau quelque part dans l'eau, d'éviter qu'il ne dérive et de lui permettre de se déplacer librement dans le rayon d'action de l'ancre.

Les liens d'ancrage fonctionnent de la même manière. Lorsqu'un visiteur clique sur un lien d'ancrage, il est redirigé vers une zone de contenu spécifique de la page au lieu d'aller sur une autre page. Ce processus permet d'économiser du temps de chargement et aide également les visiteurs à trouver plus rapidement ce qu'ils veulent voir et à rester sur la page en cours.

Ajouter des liens d'ancrage dans Elementor (3 étapes faciles)

au cas où Elementor Le plugin est déjà installé sur votre site, vous pouvez donc commencer à créer des balises d'ancrage immédiatement. Si vous ne savez toujours pas comment l'installer, vous pouvez consulter notre précédent tutoriel d'installation d'Elementor.

Ensuite, suivez les étapes ci-dessous :

étape 1 : Sélectionner Modifier la page dans Elementor

s'inscrire WordPress ouvrez la page où vous devez ajouter un lien d'ancrage.

Cliquez sur "Edit with Elementor" dans le menu supérieur et la page sera chargée dans l'éditeur visuel d'Elementor.

étape 2 : Rechercher et ajouter la balise d'ancrage "Menu Anchor".

Tapez "Menu Anchor" dans la barre de recherche à gauche et vous verrez un widget appelé "Menu Anchor". Il s'agit du composant nécessaire pour créer un lien d'ancrage.

étape 3 : Ajouter des liens d'ancrage avec le widget d'ancrage de menu

Une fois que vous avez trouvé le composant Ancre de menu, faites-le glisser et déposez-le sur la zone de la page à laquelle vous souhaitez accéder. Par exemple, si vous souhaitez que l'utilisateur accède à la zone "Prix", placez ce composant devant cette zone.

Saisissez ensuite le nom de l'ancre dans le champ "ID" du composant, par exemple "prix".

Ensuite, choisissez un bouton ou un texte à utiliser comme lien pour passer à un point d'ancrage lorsqu'on clique dessus.

Par exemple, sélectionnez le bouton "Démarrer" comme bouton d'ancrage :

Faites défiler la page jusqu'en haut et cliquez sur le bouton "Get Started". Dans le champ de lien du bouton, effacez le lien existant et indiquez "#prices" comme cible de saut.

Cliquez sur "Enregistrer".

Lorsque vous revenez sur la page, cliquez sur le bouton pour accéder à la zone "Prix".

Ajouter des ancres au menu de WordPress

Cette méthode est beaucoup plus simple.

Commencez par ajouter une ancre à une zone. Par exemple, si vous souhaitez ajouter une ancre à la "Foire aux questions (FAQ)" pour définir le saut :

Allez dans Elementor, faites glisser Menu Anchor devant la zone FAQ et entrez "faq" dans le champ ID et cliquez sur Save.

Ensuite, procédez comme suit :

• revenir (ou repartir) WordPress En coulisses ;
• Allez dans Apparence > Menu ;
• Cliquez sur "Liens personnalisés" ;

• existent URL Entrez "#faq" dans le texte du lien en tant que "FAQ" ;

• Cliquez sur "Ajouter au menu" et enregistrez.

Une fois sauvegardé, allez au début du site et cliquez sur "FAQ" dans le menu pour être redirigé vers la zone FAQ.

FAQ sur l'ajout d'un lien d'ancrage dans Elementor

Voici quelques notes de la FAQ sur l'ajout de liens d'ancrage dans Elementor :

1) Qu'est-ce qu'un lien d'ancrage ?

Un lien d'ancrage est un lien qui permet à une page de passer à une certaine partie de cette page.

2) Comment créer un lien vers une partie spécifique d'une page dans Elementor ?

• Sélectionnez le bloc auquel vous souhaitez accéder et cliquez sur "Modifier le bloc" ;
• Ouvrez les paramètres avancés ;
• augmenter CSS ID, par exemple "First" ;
• Sélectionnez le bouton ou le texte à atteindre ;
• Saisissez "#First" dans le lien vers le bouton ou le texte.

3) Comment ajouter manuellement des liens d'ancrage dans WordPress ?

• Sélectionnez un bouton ou un texte et entrez "# Anchor Name" dans le lien ;
• Recherchez le bloc Jump Target et ouvrez les paramètres avancés ;
• Réglez l'ID sur le nom de l'ancre que vous avez définie (sans ajouter "#").

4) Comment ajouter manuellement un lien d'ancrage en HTML ?

• utiliser <a href="#目標(biāo)ID">Sauter le texte</a> pour définir le lien d'ancrage ;
• Dans la zone cible HTML étiqueté avec id="Target ID"par exemple <div id="faq">.

5) Comment ajouter un lien à une image dans Elementor ?

• Sélectionnez l'image cible ;
• Recherchez "Liens" dans les paramètres "Contenu" ;
• Sélectionnez "Lien personnalisé" ;
• Complétez l'adresse du lien cible.

En conclusion

Vous disposez maintenant d'une méthode complète pour configurer les liens d'ancrage dans Elementor. Il est important de se rappeler que les liens d'ancrage ne doivent pas être ajoutés au hasard, mais qu'ils font partie intégrante des fonctions de saut importantes de la page. Il est recommandé d'identifier les zones les plus critiques de la page et de configurer les chemins de saut avec le texte ou les boutons appropriés.

Contactez nous
Vous n'arrivez pas à lire le tutoriel ? Contactez-nous pour une réponse gratuite ! Aide gratuite pour les sites personnels et les sites de petites entreprises !	Service clientèle WeChat
① Tel : 020-2206-9892
② QQ咨詢：1025174874
(iii) Courriel : info@361sale.com
④ Horaires de travail : du lundi au vendredi, de 9h30 à 18h30, jours fériés.