Comment insérer un texte de prévisualisation dans un courriel

Vous apprendrez

Découvrez ce qu'est un texte de prévisualisation, où il apparaît par défaut dans vos e-mails et comment l'insérer dans le corps de vos e-mails. 

A propos de l'aperçu du texte

Le texte de prévisualisation est l'une des premières choses que les destinataires voient lorsqu'un courriel arrive dans leur boîte de réception. Il s'affiche dans la boîte de réception après la ligne d'objet d'un courriel et est généralement tiré de la première ligne de texte dans le corps d'un courriel.

Vous pouvez utiliser le texte de prévisualisation de deux manières principales pour améliorer vos e-mails :

1. Utilisez le texte de prévisualisation pour résumer l'e-mail.
2. Utilisez un texte de prévisualisation pour compléter votre ligne d'objet.

Si vous n'insérez pas spécifiquement un texte de prévisualisation, les boîtes de réception l'extrairont automatiquement de la première ligne de texte de l'e-mail, ce qui signifie que le texte ALT, votre barre de navigation, etc. pourraient être extraits en tant que texte de prévisualisation ; il est donc préférable de spécifier exactement ce que vous voulez que votre texte de prévisualisation affiche. Pour en savoir plus sur l'utilisation stratégique du texte de prévisualisation, consultez le blog de Klaviyo.

Ajouter un texte de prévisualisation à un courriel de flux 

Pour insérer un texte de prévisualisation pour un courriel de flux sur l'écran de prévisualisation du courriel :

1. Ouvrez le flux contenant l'e-mail que vous souhaitez modifier.
2. Cliquez sur le message de flux pour ouvrir la barre latérale Contenu
3. Cliquez sur Modifier dans la barre latérale du contenu
4. Dans le champ Texte de prévisualisation, ajoutez le texte de prévisualisation souhaité
   

Ajouter un texte de prévisualisation à un courriel de campagne

Pour insérer un texte de prévisualisation d'une campagne dans l'écran de prévisualisation du courrier électronique :

1. Ouvrez la campagne que vous souhaitez modifier
2. Cliquez sur Continuer le contenu
3. Dans le champ Texte de prévisualisation, ajoutez le texte de prévisualisation souhaité
   

Prévisualisation du texte dans la boîte de réception

Le texte de prévisualisation ajoute automatiquement des intercalaires, de sorte que seul le texte de prévisualisation que vous saisissez s'affiche dans la boîte de réception de vos clients. 

Selon les appareils et les clients de messagerie, la quantité de caractères de prévisualisation affichés varie, les petits écrans affichant moins de caractères de prévisualisation. Gardez cela à l'esprit et veillez à ce que le texte de l'aperçu soit concis. Voici les limites de caractères par client de messagerie : 

Image via Email on Acid 

Affichez un texte de prévisualisation dans vos e-mails

Dans certains cas, vous pouvez souhaiter afficher votre texte de prévisualisation dans le corps de votre modèle. Vous pouvez faire référence à n'importe quel texte de prévisualisation que vous avez défini sur l'écran de prévisualisation de l'e-mail en utilisant la balise suivante :

{% render_variable preview_text %}

Collez la balise dans n'importe quel bloc de texte de votre modèle. 

Cacher le texte de l'aperçu

Si vous souhaitez masquer complètement tout texte de prévisualisation et faire en sorte que seule votre ligne d'objet apparaisse dans la boîte de réception de vos clients, ajoutez l'extrait de code ci-dessous tout en haut de votre courrier électronique. Ce code repousse le contenu de votre courrier électronique au-delà de la zone de visualisation du texte de l'aperçu, de sorte qu'il apparaît vide. 

1. Ajoutez un bloc HTML tout en haut de votre e-mail, au-dessus de tout autre contenu. 
2. Ajoutez l'extrait de code suivant : 
   

   <div style="display : none ; max-height : 0px ; overflow : hidden ;"> ͏ &zwnj ;
      &nbsp ; &shy ; ͏ &zwnj ; &nbsp ; &shy ; ͏ &zwnj ; &nbsp ; &shy ; ͏ &zwnj ; &nbsp ; &shy ; ͏ &zwnj ; &nbsp ; &shy ;
       ͏&zwnj ; &nbsp ; &shy ; ͏ &zwnj ; &nbsp ; &shy ; ͏ &zwnj ; &nbsp ; &shy ; &zwnj ; &nbsp ; &shy ; ͏ &zwnj ; &nbsp ;
      &timide ; ͏ &zwnj ; &nbsp ; &timide ; ͏ &zwnj ; nbsp ; &shy ; &zwnj ; &nbsp ; &shy ; ͏ &zwnj ; &nbsp ; &shy ; ͏ &zwnj ;
      &nbsp ; &shy ; ͏ &zwnj ; &nbsp ; &shy ; &zwnj ; &nbsp ; &shy ; ͏ &zwnj ; &nbsp ; &shy ; ͏ &zwnj ; &nbsp ; &shy ;
       ͏&zwnj ; &nbsp ; &shy ; ͏ &zwnj ; &nbsp ; &shy ; ͏ &zwnj ; &nbsp ; &shy ; ͏ &zwnj ; &nbsp ; &shy ; ͏ &zwnj ; &nbsp ;
      &timide ; &zwnj ; nbsp ; &shy ; ͏ &zwnj ; &nbsp ; &shy ; &zwnj ; &nbsp ; &shy ; ͏ &zwnj ; &nbsp ; &shy ; ͏ &zwnj ;
      &nbsp ; &shy ; ͏ &zwnj ; &nbsp ; &shy ; ͏ &zwnj ; &nbsp ; &shy ; ͏ &zwnj ; &nbsp ; &shy ; &zwnj ; &nbsp ; &shy ;
       ͏&zwnj ; &nbsp ; &shy ; ͏ &zwnj ; &nbsp ; &shy ; ͏ &zwnj ; &nbsp ; &shy ; ͏ &zwnj ; &nbsp ; &shy ; ͏ &zwnj ; nbsp ;
      &timide ; ͏ &zwnj ; &nbsp ; &timide ; ͏ &zwnj ; &nbsp ; &timide ; &zwnj ; &nbsp ; &timide ; ͏ &zwnj ; &nbsp ; &timide ; ͏ &zwnj ;
      &nbsp ; &shy ; ͏ &zwnj ; &nbsp ; &shy ; ͏ &zwnj ; &nbsp ; &shy ; ͏ &zwnj ; &nbsp ; &shy ; ͏ &zwnj ; &nbsp ; &shy ;
       ͏&zwnj ; &nbsp ; &shy ;
   </div>

3. Enregistrez le bloc HTML. 

Lorsque vos e-mails arrivent dans la boîte de réception, les clients ne voient que l'objet de votre message.

Ressources complémentaires

• Guide de personnalisation des messages
• Glossaire des modèles et des dessins