[V6] Créer un lien d'ancrage

À propos d'Anchor Links

Avez-vous déjà cliqué sur un lien hypertexte sur un site Web et vu la page défiler automatiquement jusqu'à un endroit précis ? C'est ce qu'on appelle un lien d'ancrage. Un lien d'ancrage vous permet d'amener les visiteurs à un endroit spécifique de votre site en un seul clic, évitant ainsi le défilement manuel fastidieux et constituant une boutique en ligne beaucoup plus conviviale qui convertira sûrement.

In GemPages, vous pouvez ancrer votre site à l'aide d'éléments basés sur des boutons, des images et du texte. Cet article vous montrera comment y parvenir.

Avant de créer un lien : recherchez l'ID de votre élément/section

Dans l' Éditeur, chaque élément/section est défini avec son propre caractère unique Identifiant de section. Cela peut être utilisé pour pointer vers un style dans une feuille de style, ou dans ce cas, pointer vers d'autres éléments pour faire défiler jusqu'à la section de destination vers laquelle vous souhaitez diriger les spectateurs.

Voici comment trouver l'ID de votre élément/section. Selon la version de l'éditeur GemPages que vous utilisez, les instructions peuvent varier. Veuillez suivre les instructions spécifiques à votre version et procéder aux étapes suivantes en conséquence.

Étape 1: Localisez la destination vers laquelle vous souhaitez faire défiler. Recherchez un élément dans cette section > Clic droit > Modifier le code

Dans cet exemple, ce sera le Bannière de héros .

Étape 2:Copiez l'ID de l'élément Hero Banner qui apparaît en haut de la nouvelle fenêtre contextuelle de l'éditeur de code.

Vous disposez maintenant de l'ID de section pour procéder à la création d'un lien d'ancrage pour vos éléments.

Pour les éléments basés sur des boutons et des images

Les étapes ci-dessous sont pour le Bouton élément, mais ils fonctionnent également pour le Bannière de héros et Image(s) éléments.

Étape 1: Dans le Tableau de bord GemPages, ouvrez votre modèle de page et entrez le Éditeur.

Étape 2: Faites glisser un Bouton élément sur votre page.

Étape 3: Sélectionnez le "Choisir le lienBouton "sous le"Modifier le lien», une fenêtre de sélection de lien apparaîtra.

Étape 4: Dans la nouvelle fenêtre, collez le Identifiant de section de la destination dans le «URL personnalisée" boîte.

Alternativement, vous pouvez sélectionner l'option «Faites défiler jusqu'à» et sélectionnez la destination dans la liste ci-dessous.

Étape 5: Frappez le bleu "Enregistrer". Ensuite, appuyez sur Enregistrer et Publier pour vérifier le résultat sur la page en direct.

Pour les éléments textuels

Étape 1: Dans le Gestion, ouvrez votre modèle et entrez le Éditeur.

Étape 2: Dans le Éditeur, faites glisser un élément textuel, par exemple Titre.

Étape 3: Mettez en surbrillance le texte et attendez que le panneau d’action apparaisse.

Étape 4: Sélectionnez l'icône de chaîne et un «URL personnaliséeLe champ « » apparaîtra.

Étape 5: Collez le Identifiant de section de la destination dans le champ et appuyez sur «Entrer" .

Étape 6: Enregistrer et Publier la page pour vérifier le résultat sur votre page en direct.

Voici à quoi devrait ressembler le résultat final sur votre page en direct :

Et voilà ! La création d'un lien d'ancrage nécessitait autrefois un codage compliqué, mais il suffit de quelques clics simples avec GemPages.