Toutes les collections
Contenus
Questions fréquentes
Comment insérer une ancre sur ma Landing page ou mon email ?
Comment insérer une ancre sur ma Landing page ou mon email ?

Vous souhaitez insérer une ancre sur votre landing page ou email ? Plezi vous aide grâce à un petit bout D'HTML pour améliorer l'UX.

Florent avatar
Écrit par Florent
Mis à jour il y a plus d’une semaine

Pour renvoyer vers une partie de votre landing page ou email, il faut utiliser un petit bout de code html dans l'édition de Plezi.

Voici comment faire :

  • Il faut insérer un bloc HTML à l'endroit où vous souhaitez rediriger l'utilisateur, comme ceci :

Dans ce bloc HTML, il faut rentrer le code suivant:

<p id="haut"></p>

Ensuite il vous faut créer un second bloc HTML en bas de page ce qui vous permettra de remonter au niveau auquel vous avez placé le premier bloc.

Dans celui-ci il faut mettre un code de ce type (il s'agit d'un exemple, mais vous pouvez le personnaliser selon votre besoin) :

<a href="#haut" style="padding: 8px 14px; background: rgb(244, 113, 33); color: rgb(255, 255, 255); font-size: 16px; font-weight:bold; text-decoration:none; font-family:Arial, sans-serif; text-transform: uppercase; border-radius: 55px; width: 300px; display:block; margin:0 auto;text-align:center;">Soumettre le formulaire&nbsp;!</a> 

Cela donne ceci (avec le bloc personnalisé que nous avons mis plus haut) :

Et voilà vous venez de créer votre ancre permettant de remonter en haut de votre formulaire ! En cliquant sur le bouton, l'utilisateur sera renvoyé au niveau du premier bloc HTML :)

Avez-vous trouvé la réponse à votre question ?