Objectif de cet article

Découvrez les annotations d’e-mail, qui vous permettent d’afficher des informations clés dans la vue en liste des boîtes de réception Gmail (c’est-à-dire avant que quelqu’un n’ouvre l’e-mail). Les annotations d’e-mail vous permettent de mettre en évidence une promotion ou une offre (par exemple, un code de réduction) ou d’afficher des images de produits directement dans la boîte de réception.

Le code requis pour implémenter les annotations Gmail n’est pris en charge que dans les e-mails HTML personnalisés ou les e-mails hybrides. Il n’est pas possible d’utiliser ce code avec l’éditeur d’e-mail par glisser-déposer de Klaviyo.

Nous recommandons d’utiliser les annotations d’e-mail uniquement pour les marketeurs à l’aise avec les aspects techniques, ou pour toute personne ayant accès à un développeur. Bien que notre produit prenne en charge cette fonctionnalité, notre équipe d’assistance ne peut pas vous aider à créer vos modèles personnalisés au-delà des conseils généraux présentés dans cette documentation. Pour assurer la sécurité de vos données, l’équipe d’assistance de Klaviyo n’est pas en mesure d’ouvrir vos fichiers HTML.

À propos des annotations d’e-mails

Les annotations d’e-mail sont prises en charge dans les boîtes de réception mobiles Gmail pour les utilisateurs dont l’onglet Promotions est activé. Ces annotations apparaissent uniquement dans l’onglet Promotions, pas dans la boîte de réception principale.

Il existe 3 types d’annotations :

  • Offre/promotion
    Mettez en avant une offre ou une promotion, comme un code de réduction ou la livraison gratuite, y compris la date d’expiration de l’offre.
Bolas baked goods deal annotation
Bolas baked goods deal annotation
  • Carrousel de produits
    Affichez un carrousel d’images de produits, avec en option des informations sur les produits comme le nom et le prix.
Product carousel annotations
Product carousel annotations
  • Image unique
    Afficher une seule image, accompagnée d’un texte supplémentaire facultatif.
Single image annotations
Single image annotations

L’ajout de ce code permet à Gmail d’afficher des annotations pour votre e-mail. Même si un e-mail contient le code des annotations, celles-ci peuvent ne pas s’afficher pour tous les destinataires. Gmail choisit quand et comment afficher les annotations en fonction des paramètres du destinataire et de la densité de la boîte de réception..

Avant de commencer

Google tient une liste d’autorisation des expéditeurs pouvant utiliser les annotations. Avant d’utiliser les annotations, vous devez demander à ce que votre marque soit ajoutée à cette liste d’autorisation.

Pour demander à Google de vous ajouter à sa liste d’autorisation des annotations, envoyez un e-mail à p-Promo-Outreach@google.com avec les informations suivantes :

  • Tous les domaines (par exemple, example.com)
  • Tous les sous-domaines (p. ex., send.example.com, blog.example.com, marketing-messages.example.com)
  • URL(s) de votre landing page (par exemple, votre page d’accueil)

Tout code d’annotations ajouté à vos messages sera ignoré jusqu’à ce que vous soyez ajouté à la liste d’autorisation Google, ce qui peut prendre 7 à 10 jours ouvrés ou plus.

Klaviyo n’a pas de visibilité sur le processus d’autorisation et ne peut pas accélérer votre demande. Si vous avez des questions sur le processus de mise sur liste blanche ou sur le statut de votre demande, contactez p-Promo-Outreach@google.com.

Ajouter des annotations à vos e-mails

Ajoutez le code suivant dans la section body de votre modèle d’e-mail HTML pour ajouter des annotations d’e-mail. Il existe 3 types d’annotations disponibles :

Offre

text
  <div itemscope itemtype="http://schema.org/DiscountOffer">
    <meta itemprop="description" content="DESCRIPTION"/>
    <meta itemprop="discountCode" content="DISCOUNT_CODE"/>
    <meta itemprop="availabilityStarts" content="START_DATE_TIME"/>
    <meta itemprop="availabilityEnds" content="END_DATE_TIME"/>
  </div>
Bolas baked goods deal annotation
Bolas baked goods deal annotation

Remplacez les espaces réservés suivants dans le code :

  • DESCRIPTION
    Une brève description textuelle (1-2 lignes) de l’offre
  • DISCOUNT_CODE
    Le code qu’un destinataire peut saisir lors du passage en caisse pour bénéficier de l’offre
  • START_DATE_TIME
    Date/heure de début de l’offre, au format ISO 8601
  • END_DATE_TIME
    La date/l’heure de fin de l’offre, au format ISO 8601

Carrousel de produits

text
  <div itemscope itemtype="http://schema.org/PromotionCard">
    <meta itemprop="image" content="IMAGE_URL1"/>
    <meta itemprop="url" content="PROMO_URL1"/>
    // Optionally, include the following PromotionCard properties:
    <meta itemprop="headline" content="HEADLINE1"/>
    <meta itemprop="price" content="PRICE1"/>
    <meta itemprop="priceCurrency" content="PRICE_CURRENCY1"/>
    <meta itemprop="discountValue" content="DISCOUNT_VALUE1"/>
    <meta itemprop="position" content="POSITION"/>
  </div>
  // Build the second image preview in your product carousel:
  <div itemscope itemtype="http://schema.org/PromotionCard">
    <meta itemprop="image" content="IMAGE_URL2"/>
    <meta itemprop="url" content="PROMO_URL2"/>
    // Optionally, include the following PromotionCard properties:
    <meta itemprop="headline" content="HEADLINE2"/>
    <meta itemprop="price" content="PRICE2"/>
    <meta itemprop="priceCurrency" content="PRICE_CURRENCY2"/>
    <meta itemprop="discountValue" content="DISCOUNT_VALUE2"/>
    <meta itemprop="position" content="POSITION"/>
  </div>
  // To include more image previews, add additional PromotionCard objects.
  // You can include up to 10 image previews in a product carousel.
Product carousel annotations
Product carousel annotations

Remplacez les espaces réservés suivants dans le code :

  • IMAGE_URL1, IMAGE_URL2, etc.
    L’URL de l’image d’un produit à afficher dans le carrousel. Les formats d’image pris en charge sont 4:5, 1:1 et 1.91:1. Le format d’image doit être le même pour chaque image.
  • PROMO_URL1, PROMO_URL2, etc.
    L’URL d’une landing page destinée aux destinataires qui cliquent sur l’image du produit.
  • TITRE1, TITRE2, etc.
    Une courte description du produit sur 1 à 2 lignes.
  • PRICE1, PRICE2, etc.
    Le prix de base du produit (nombre uniquement, sans devise).
  • PRICE_CURRENCY1, PRICE_CURRENCY2, etc.
    Le code de devise à 3 lettres (p. ex., USD) pour le prix de l’article.
  • DISCOUNT_VALUE1, DISCOUNT_VALUE2, etc.
    Le cas échéant, le montant de la remise appliquée à un article (nombre uniquement, sans devise).
  • POSITION
    (Facultatif) un numéro indiquant la position de cet élément dans le carrousel.

Image unique

text
  <div itemscope itemtype="http://schema.org/PromotionCard">
    <meta itemprop="image" content="IMAGE_URL1"/>
    <meta itemprop="url" content="PROMO_URL1"/>
  </div>
Single image annotations
Single image annotations

Remplacez les espaces réservés suivants dans le code :

  • IMAGE_URL1
    L’URL d’une image de produit à afficher dans le carrousel. Les rapports hauteur/largeur pris en charge sont 4:5, 1:1 et 1.91:1.
  • PROMO_URL1
    L’URL d’une landing page destinée aux destinataires qui cliquent sur l’image du produit.

À propos de l’extraction automatique des annotations

Parfois, Google extrait automatiquement les données des e-mails pour ajouter des annotations, même lorsqu’un expéditeur n’a pas ajouté le code décrit ci-dessus. Cette action est effectuée à la seule discrétion de Google et ne peut pas être contrôlée par l’expéditeur.

Résolution de problèmes liés à vos annotations

Google impose des exigences strictes pour les annotations, et celles-ci peuvent ne pas s’afficher pour plusieurs raisons. Si vos annotations ne s’affichent pas après avoir suivi les instructions de configuration de cet article décrites ci-dessus, essayez les étapes de dépannage ci-dessous :

Assurez-vous que votre marque est ajoutée à la liste d’autorisation

Google maintient une liste d’autorisation limitée des marques approuvées qui peuvent utiliser des annotations d’e-mail afin d’éviter le spam et les abus. Si vous n’y avez pas accès, vous devrez peut-être en faire la demande auprès de Google :

  1. Contactez Google en suivant les étapes décrites ci-dessus.
  2. Veuillez prévoir un délai de 7 à 10 jours ouvrés pour recevoir une réponse.

Il n’y a aucune garantie que votre marque sera ajoutée à la liste d’autorisation une fois que vous en ferez la demande, car cela est géré à la seule discrétion de Google.

Vérifiez la qualité de votre image

Toutes les images utilisées pour les annotations d’e-mail doivent passer le filtre de qualité de Google. Les images qui ne répondent pas aux exigences ne s’afficheront pas dans la boîte de réception. Assurez-vous que vos images répondent à ces critères :

  • Haute qualité (c’est-à-dire supérieure à 500 KB)
  • Contenir très peu de texte, voire aucun
  • Être rectangulaires (n’utilisez pas de masque pour rendre l’image ronde, ou d’une autre forme)
  • Sont d’une taille d’au moins 256x256 pixels

N’utilisez pas d’images uniques pour chaque destinataire

La même image doit être utilisée pour tous les destinataires. Vous pouvez ajouter des paramètres de tracking uniques à l’URL de promotion, mais pas à l’URL de l’image.

Évitez d’utiliser des outils qui génèrent des images CID (c’est-à-dire des images uniques par destinataire), car les annotations ne s’afficheront pas si elles sont utilisées.

Tenez compte de la limite de densité de Gmail

Google limite le nombre d’images d’annotation qu’un utilisateur peut voir dans sa boîte de réception en même temps (c’est-à-dire un « plafond de densité »). Si la boîte de réception d’un destinataire contient déjà plusieurs e-mails récents avec des annotations, il se peut que les vôtres n’apparaissent pas afin d’éviter l’encombrement. Ce plafond est mis en œuvre à la seule discrétion de Google et ne peut être contrôlé par l’expéditeur.

Notez que les annotations peuvent ne pas apparaître dans les envois d’e-mails de prévisualisation

En général, les annotations n’apparaissent pas dans la boîte de réception pour les e-mails de test envoyés à seulement quelques destinataires. La fonctionnalité d’annotations est conçue pour les envois en masse ; il est donc probable que les annotations n’apparaissent que lorsqu’un message est envoyé à > 100 destinataires.

Assurez-vous de consulter l’onglet Gmail pris en charge

Les annotations sont prises en charge pour s’afficher uniquement dans l’application mobile Gmail, dans l’onglet Promotions.

Les annotations ne sont pas prises en charge pour l’affichage dans :

  • Tout autre onglet de l’application Gmail, en dehors de Promotions
  • Gmail consulté dans n’importe quel navigateur web (par exemple, le site mobile ou le site pour ordinateur)
  • Boîtes de réception des utilisateurs qui n’ont pas activé l’onglet Promotions dans leurs paramètres Gmail
Cet article vous a-t-il été utile ?
Utilisez ce formulaire uniquement pour nous faire part de vos commentaires sur cet article. Comment contacter l’assistance.

Explorer d’autres contenus Klaviyo

Communauté
Contactez des membres de votre secteur, des partenaires et des experts Klaviyo pour trouver de l’inspiration, partager des informations et obtenir des réponses à toutes vos questions.
Partenaires
Engagez un expert certifié Klaviyo pour vous aider avec une tâche spécifique ou pour la gestion continue du marketing.
Assistance

Accédez à l’assistance par l’intermédiaire de votre compte.

Assistance par e-mail (essai gratuit et comptes payants) Disponible 24 h/24, 7 j/7

Assistance par chat/virtuelle
La disponibilité varie selon la localisation et le type d’abonnement.