Comment mettre une ancre sur sa page

Sur cet article, nous allons voir comment mettre en place un ancrage sur sa page qui permet de se rendre directement sur une position précise de la page d'un site web.

Ce dont vous aurez besoin :

  • un compte systeme.io
  • un tunnel de vente
  • une page

Il existe actuellement deux moyens pour mettre une ancre sur une page systeme.io

1. À l'aide un code HTML :

Exemple : une ancre « Bas de page » qui permettrait de se diriger, en bas, d'un long texte.

Vous allez vous dirigez 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> qui n'affichera rien sur la page. (numéro 1 de l'image)

Après avoir introduit votre code, il vous suffit d'enregistrer (numéro 2 sur l'image)

Ensuite, vous allez copier le lien de votre page (numéro 3 de l'image)

Et enfin vous allez ajouter un bouton en haut de la page, que vous allez paramétrer en mettant l'URL de votre page suivi immédiatement de #cequevousvoulez (numéro 4 de l'image)
Ainsi, quand la personne cliquera sur le bouton, ça descendra au niveau de l'élément HTML. 

2. En utilisant l'outil 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 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 les paramètres de celui-ci s'affichent sur le volet à gauche de l'éditeur, vous devez descendre jusqu'au bas pour pouvoir copier l'attribut ID, qui dans notre exemple est row-c6d67b90 "

Vous devez ensuite allez copier le lien de votre page, comme ce que nous avons déjà vu sur la partie 1 de l'article (numéro 3 sur l'une des images précédentes)

Une fois 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 suivi immédiatement de #AttributID, soit #row-c6d67b90 (numéro 5 de l'image)

Est-ce que cet article a répondu à votre question ? Merci pour votre retour ! Un problème est survenu. Merci de réessayer ultérieurement