Comment insérer un texte d’aperçu dans un e-mail
Objectif de cet article
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.
À propos du texte d’aperçu
Le texte d’aperçu est l’une des premières choses que les destinataires voient lorsqu’un e-mail arrive dans leur boîte de réception. Il s’affiche dans la boîte de réception après l’objet d’un e-mail et est généralement extrait de la première ligne de texte dans le corps d’un e-mail.
Vous pouvez utiliser le texte de prévisualisation de deux manières principales pour améliorer vos e-mails :
- Utilisez le texte d’aperçu pour résumer l’e-mail.
- Utilisez le texte d’aperçu pour compléter votre objet.
Si vous n’insérez pas de texte d’aperçu, les boîtes de réception l’extraient automatiquement de la première ligne de texte d’un e-mail. Cela signifie que le texte ALT, votre barre de navigation, etc. pourraient être utilisés comme texte d’aperçu ; il est donc préférable de préciser exactement ce que vous souhaitez afficher comme texte d’aperçu. Pour en savoir plus sur l’utilisation stratégique du texte d’aperçu, consultez le blog Klaviyo.
Cette fonctionnalité n’est prise en charge que dans les modèles « glisser-déposer » de Klaviyo. Pour les modèles HTML personnalisés (y compris les modèles HTML personnalisés avec prise en charge du glisser-déposer), votre concepteur d’e-mail doit insérer le texte de prévisualisation souhaité au début du code de l’e-mail. Pour les e-mails en texte seul, le tout début de votre e-mail est utilisé comme texte de prévisualisation.
Ajouter un texte d’aperçu à un e-mail de flux
Pour insérer un texte d’aperçu pour un e-mail de flux dans l’écran d’aperçu de l’e-mail :
- Ouvrez le flux contenant l’e-mail que vous souhaitez modifier.
- Cliquez sur le message du flux pour ouvrir la barre latérale Détails de l’e-mail.
- Sous Objet et expéditeur, cliquez sur Modifier dans la barre latérale de contenu.
- Dans le champ Texte d’aperçu, ajoutez le texte d’aperçu souhaité.
Ajouter du texte d’aperçu à un e-mail de campagne
Pour insérer un texte d’aperçu pour une campagne sur l’écran d’aperçu de l’e-mail :
- Ouvrez la campagne que vous souhaitez modifier.
- Cliquez sur Suivant.
- Dans le champ Texte d’aperçu, ajoutez le texte d’aperçu souhaité.
Texte d’aperçu dans la boîte de réception
Le champ Texte d’aperçu ajoute automatiquement des espaces, de sorte que seul le texte d’aperçu que vous saisissez s’affiche dans la boîte de réception de vos clients.
Les différents appareils et clients de messagerie ont des limites différentes concernant le nombre de caractères de texte d’aperçu affichés, les écrans plus petits affichant moins de caractères d’aperçu. Gardez cela à l’esprit et veillez à ce que le texte d’aperçu soit concis. Voici les limites de caractères, par client de messagerie :
Gmail peut supprimer les virgules au sein d’une suite de chiffres dans votre texte d’aperçu. Par exemple, 10 000 sera converti en 10000 dans l’aperçu de Gmail.
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 à tout texte d’aperçu que vous avez défini sur l’écran d’aperçu de l’e-mail en utilisant le tag suivant :
{% render_variable preview_text %} Collez le tag dans n’importe quel bloc de texte de votre modèle.
Masquer le texte d’aperçu
Si vous souhaitez masquer complètement tout texte d’aperçu et faire en sorte que seul votre objet apparaisse dans les boîtes de réception de vos clients, ajoutez l’extrait de code ci-dessous tout en haut de votre e-mail. Ce code repousse le contenu de votre e-mail au-delà de la zone d’affichage du texte d’aperçu, de sorte qu’il apparaîtra vide.
- Ajoutez un bloc HTML tout en haut de votre e-mail, au-dessus de tout autre contenu.
- Ajoutez l’extrait de code suivant :
<div style="display: none; max-height: 0px; overflow: hidden;">͏ ‌
­ ͏ ‌ ­ ͏ ‌ ­ ͏ ‌ ­ ͏ ‌ ­
͏‌ ­ ͏ ‌ ­ ͏ ‌ ­ ‌ ­ ͏ ‌
­ ͏ ‌ ­ ͏ ‌ ­ ‌ ­ ͏ ‌ ­ ͏ ‌
­ ͏ ‌ ­ ‌ ­ ͏ ‌ ­ ͏ ‌ ­
͏‌ ­ ͏ ‌ ­ ͏ ‌ ­ ͏ ‌ ­ ͏ ‌
­ ‌ ­ ͏ ‌ ­ ‌ ­ ͏ ‌ ­ ͏ ‌
­ ͏ ‌ ­ ͏ ‌ ­ ͏ ‌ ­ ‌ ­
͏‌ ­ ͏ ‌ ­ ͏ ‌ ­ ͏ ‌ ­ ͏ ‌
­ ͏ ‌ ­ ͏ ‌ ­ ‌ ­ ͏ ‌ ­ ͏ ‌
­ ͏ ‌ ­ ͏ ‌ ­ ͏ ‌ ­ ͏ ‌ ­
͏‌ ­
</div> - 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.