Comment mettre une ancre sur sa page
Dans cet article, nous allons voir comment créer une ancre sur une page. Cela permet de rediriger le visiteur directement vers une section précise.
Ce dont vous aurez besoin :
- un compte systeme.io
- un tunnel de vente
- une page
Il existe deux méthodes pour ajouter une ancre sur une page systeme.io :
1. À l'aide d'un code HTML :
Exemple : une ancre « Bas de page » permettant d'atteindre directement le bas d'un long texte.
Vous allez vous diriger vers l'éditeur de votre page, en utilisant un élément HTML placé juste au-dessus ou au-dessous de l'endroit où vous voulez que le bouton fasse descendre, en mettant le code <div id="cequevousvoulez"></div> (cet élément sera invisible sur la page) (1).
Après avoir introduit votre code, il vous suffit d'enregistrer (2).
Ensuite, vous allez copier le lien de votre page (3).
Ainsi, enfin, vous allez ajouter un bouton en haut de la page, que vous allez paramétrer en mettant l'URL de votre page suivie immédiatement de #cequevousvoulez (4).
Ainsi, lorsque le visiteur cliquera sur le bouton, la page défilera automatiquement jusqu'à l'élément HTML.
2. En utilisant l'attribut ID d'un élément :
La première chose à faire, c'est de prendre l'attribut ID de l'élément de la page sur lequel vous souhaitez rediriger le visiteur, une fois que celui-ci clique sur un bouton sur la même page.
Pour pouvoir le faire, il vous suffit d'aller dans les paramètres d'un élément en cliquant sur l'élément en question. Puis, une fois que les paramètres de celui-ci s'affichent sur le volet à gauche de l'éditeur, vous devez faire défiler le menu vers le bas pour trouver et copier l'attribut ID qui dans notre exemple est "#section-86c65d9e" (5).
Vous devez ensuite aller copier le lien de votre page, comme ce que nous avons déjà vu dans la partie 1 de l'article (3 sur l'une des images précédentes).
Une fois que vous avez copié le lien, vous allez ajouter un bouton en haut de la page, que vous allez paramétrer en mettant l'URL de votre page suivie immédiatement de Attribut ID, soit "#section-86c65d9e" (6).
