Comment ajouter un pré-en-tête email dans un fichier HTML ou l'éditeur de code ?

Introduction

Le Pré-en-tête permet d'ajouter une phrase qui sera visible sur la boite email de l'utilisateur pour l'inviter à cliquer sur le mail. Cette phrase ne sera pas visible sur le contenu de l'e-mail.

 

 

Ajout pré-en-tête dans un fichier HTML ou l'éditeur de code

Afin d'être certain que le pré-en-tête de l'email soit bien interprété par Sendingly, il faut ajouter l'id hidden_preheader dans une balise <div> ou <span>.

Pour cela il faut ajouter le code HTML suivant :

 

<div style="display:none;font-size:1px;color:#fff;line-height:1px;max-height:0;max-width:0;opacity:0;overflow:hidden">
    <span id="hidden_preheader">
       <p>Ceci est le pré header</p>
    </span>  ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌
</div>

 

Il est important d'identifier le pré-en-tête de l'email pour être sûr que le pixel de prévisualisation ne se retrouve pas avant le pré-en-tête.

 

Conclusion

Une fois le pré-en-tête ajouté, il sera visible sur les BAT ainsi que sur les campagnes. 
 

Si le pré-en-tête n'est pas ajouté, la boite e-mail affichera les premiers mots du contenu de l'email.
Cette fonctionnalité permet avec une phrase d'expliquer le contexte/contenu de votre e-mail au lecteur.