Une ancre permet de faire défiler automatiquement une page jusqu'à un élément précis lorsqu'un visiteur clique sur un bouton, une image ou un lien texte.
Cette fonctionnalité est particulièrement utile pour les pages longues, les pages de vente ou les pages de présentation comportant plusieurs sections.
Étape 1 - Ajouter une ancre sur un élément
Ouvrez l'éditeur de la page à modifier.
Sélectionnez l'élément qui recevra l'ancre.
Ouvrez l'onglet Avancé.
Dans le champ Attributs, saisissez le nom de votre ancre.
Par exemple, vous pouvez saisir :
anchorcommand
Étape 2 - Utiliser l'ancre
Une fois l'ancre créée, vous pouvez l'utiliser depuis un bouton, une image ou un lien texte présent sur la même page.
Par exemple, si votre page est accessible à l'adresse :
https://myaccountid.learnybox.com/page1/
et que votre ancre s'appelle :
anchorcommand
vous pouvez créer un lien vers :
#anchorcommand
Lorsque le visiteur clique sur cet élément, la page défile automatiquement jusqu'à l'élément concerné.
L'adresse de la page devient alors :
https://myaccountid.learnybox.com/page1/#anchorcommand
Vous n'avez pas besoin de modifier manuellement l'URL complète. LearnyBox ajoute automatiquement l'ancre à l'adresse lors du clic.
Étape 3 - Ajouter un lien vers une ancre depuis une image
Sélectionnez l'image.
Dans l'onglet Content, choisissez Anchors comme action au clic.
Sélectionnez l'ancre souhaitée.
Cliquez sur Save pour enregistrer vos modifications.
Étape 4 - Ajouter un lien vers une ancre depuis un bouton
Sélectionnez le bouton.
Dans l'onglet Content, choisissez Anchors comme action du bouton.
Sélectionnez l'ancre souhaitée.
Cliquez sur Save pour enregistrer vos modifications.
Étape 5 - Ajouter un lien vers une ancre depuis un texte
Sélectionnez l'élément texte.
Sélectionnez la partie du texte à transformer en lien.
Dans l'onglet Content, cliquez sur l'icône Lien.
Dans la fenêtre de configuration, choisissez le type de lien Link to anchor in the text.
Sélectionnez l'ancre souhaitée, par son nom ou par son identifiant.
Cliquez sur OK.
Cliquez sur Save pour enregistrer vos modifications.
Que se passe-t-il après l'action ?
Après avoir enregistré vos modifications :
un clic sur le bouton, l'image ou le lien texte fait automatiquement défiler la page jusqu'à l'élément portant l'ancre
l'adresse de la page est automatiquement mise à jour avec le nom de l'ancre
vos visiteurs arrivent directement sur la section concernée sans avoir à faire défiler la page manuellement
FAQ
Puis-je utiliser une ancre sur la même page uniquement ?
Puis-je utiliser une ancre sur la même page uniquement ?
L'exemple présenté dans cet article montre l'utilisation d'une ancre sur une même page.
Dois-je modifier l'URL complète de la page ?
Dois-je modifier l'URL complète de la page ?
Non. Lorsqu'un visiteur clique sur un élément configuré avec une ancre, LearnyBox ajoute automatiquement le nom de l'ancre à l'URL.
Puis-je créer un lien vers une ancre depuis différents éléments ?
Puis-je créer un lien vers une ancre depuis différents éléments ?
Oui. Une même ancre peut être utilisée par un bouton, une image ou un lien texte.