Panier abandonné – Partie 1 : créer un template d’email de panier abandonné

Dans cet article, nous vous expliquons comment créer et personnaliser un template d’email de panier abandonné.

Nous avons créé une série d’articles qui vous aideront à envoyer automatiquement des emails de panier abandonné à vos clients : 

Avant de commencer

⚙️ Étape 1 : créez votre template d’email de panier abandonné

💡 Bon à savoir
Les paramètres de votre template d’email (ligne d’objet, texte d’aperçu, adresse de l’expéditeur, etc.) seront appliqués à chaque fois qu’il sera envoyé par le biais de votre scénario Panier abandonné.

Pour créer votre template d’email de panier abandonné :

  1. Allez dans la section Campagnes > Templates.
  2. Indiquez si vous voulez créer un nouveau template d’email ou utiliser le template de panier abandonné par défaut :
    • Cliquez sur Nouveau template pour créer un nouveau template d’email.
    • Sélectionnez le template d’email Template par défaut – Panier abandonné détaillé_## afin de le modifier.
      mceclip0.png
  3. Configurez vos paramètres comme pour un template d’email classique.
    Remarque : Vous pouvez personnaliser la ligne d’objet et le texte d’aperçu de l’email à l’aide d’attributs de contacts.mceclip1.png
  4. Cliquez sur Étape suivante.

🎨 Étape 2 : concevez votre template d’email de panier abandonné

Comme tous les emails marketing, les emails de panier abandonné doivent comprendre un entête avec le nom et le logo de votre entreprise, un pied de page avec l’adresse physique de votre entreprise, vos coordonnées, les informations de copyright, un lien vers votre politique de confidentialité et, surtout, une option de désinscription.

Pour concevoir votre template d’email :

  1. Si vous avez créé un nouveau template, sélectionnez l'éditeur que vous souhaitez utiliser (Nouvel éditeur Drag & Drop ou Éditeur Drag & Drop classique).
  2. Concevez votre template en faisant glisser les blocs de contenu dans l’espace de mise en page afin d’ajouter et de mettre en page votre texte, vos images, vos boutons et vos autres éléments de conception.
    mceclip7.png

Pour connaître les bonnes pratiques et obtenir des exemples d’emails de panier abandonné, lisez cet article du blog de Sendinblue.

🖋️ Étape 3 : personnalisez votre template d’email de panier abandonné

Le design de vos emails est un facteur important, mais vous devriez également personnaliser l’email de panier abandonné en fonction de l’acheteur qui le reçoit : adressez-vous au destinataire par son nom et mentionnez dans l’email les produits qu’il a laissés dans son panier.

Afin de propager ces données dans les emails envoyés, vous devez insérer dans votre template des balises d’attributs de contacts et de données de panier abandonné.

Balises d’attributs de contacts

Vous pouvez personnaliser votre template d’email de panier abandonné à l’aide des attributs de contacts enregistrés dans votre liste de contacts Sendinblue. Chaque attribut décrit un type d’information recueillie au sujet de vos contacts, tel que leur nom, leur adresse email, leur numéro de téléphone, leur sexe, etc. Si vous insérez des balises d’attributs de contacts pour personnaliser votre template d’email, les données seront remplacées par le nom de l’acheteur, sa couleur préférée ou toute autre information utile.

Dans l’exemple ci-dessous, nous avons personnalisé notre email avec le prénom du contact à l’aide de la balise {{ contact.FIRSTNAME }}.

Nouvel éditeur Drag & Drop Éditeur Drag & Drop classique
mceclip4.png mceclip8.png

Pour en savoir plus sur l’utilisation d’attributs de contacts pour personnaliser vos emails, consultez l’article Personnaliser vos emails avec des attributs de contacts.

Balises de données de panier abandonné

Pour insérer des données sur les produits abandonnés dans le panier de l’acheteur (nom, taille, prix, etc.), vous devez ajouter les balises correspondantes dans votre template d’email. 

mceclip5.png

Les balises de données de panier abandonné sont prédéfinies en fonction de la méthode utilisée pour créer vos événements de suivi :

  • Si vos événements de suivi de panier abandonné ont été créés automatiquement à l’aide d’un plugin Sendinblue, les balises sont standardisées.
  • Si vous ou un développeur avez créé manuellement vos événements de suivi de panier abandonné, vous devez créer votre propre liste de balises à utiliser dans votre template. Ces balises sont définies en fonction de la structure de votre événement de suivi et du nom de votre tableau. Par défaut, le tableau de Sendinblue s’appelle « items ».

Liste des balises standardisées pour les données de panier abandonné

Voici la liste des principales balises standardisées que vous pouvez ajouter à votre template d’email si vos événements de suivi ont été créés automatiquement à l’aide d’un plugin Sendinblue :

Données de l’article  Insérez cette balise
dans votre template
Nom de l’article {{ item.name }}
SKU de l’article  {{ item.sku }}
Catégorie de l’article {{ item.category }}
ID de l’article {{ item.id }}
ID de variante de l’article {{ item.variant_id }}
Nom de variante de l’article {{ item.variant_name }}
Prix de l’article {{ item.price }}
Quantité d’articles  {{ item.quantity }}
URL de l’article  {{ item.url }}
Image de l’article {{ item.image }}
Données du panier  Insérez cette balise
dans votre template
Affiliation {{ params.affiliation }}
Date {{ params.date }}
Sous-total {{ params.subtotal }}
Réduction {{ params.discount }}
Livraison {{ params.shipping }}
Total hors taxes {{ params.total_before_tax }}
Taxes {{ params.tax }}
Total  {{ params.total }}
Monnaie  {{ params.currency }}
URL du panier {{ params.url }}

Balises d’image de produit

Dans le nouvel éditeur Drag & Drop

Pour insérer des images de produits dans votre template d’email :

  1. Faites glisser dans votre template un bloc de contenu comprenant un espace où insérer une image.
  2. Cliquez sur l’image pour ouvrir les paramètres d’image.
  3. Dans le champ Ajouter à partir de l'URL, insérer la balise d'image du produit.
    2021-08-27_11-49-40.png

Dans l'éditeur Drag & Drop classique

Pour insérer des images de produits dans votre template d’email :

  1. Faites glisser dans votre template un bloc de contenu comprenant un espace où insérer une image.
  2. Cliquez sur l’image pour ouvrir les paramètres d’image.
  3. Sous Source de l’image, sélectionnez URL et insérez la balise d'image du produit.
    2021-08-03_16-28-26.png

Balises de liens vers les produits ou le panier

Vous pouvez insérer la balise de panier abandonné correspondant à l’URL des produits ou du panier de la même manière que pour insérer une autre URL dans votre template.

Dans le nouvel éditeur Drag & Drop

Pour ajouter un lien à une image :

  1. Faites glisser dans votre template un bloc de contenu comprenant un espace où insérer une image.
  2. Cliquez sur l'icône de lien sous l'image.
  3. Dans le champ Cible du lien des paramètres d’image, insérez la balise d’URL du produit.
  4. Cliquez sur Insérer.
    2021-08-27_11-59-58.png

Pour ajouter un lien à du texte :

  1. Sélectionnez le texte auquel vous souhaitez ajouter une URL.
  2. Cliquez sur l’icône de lien.
  3. Dans le champ Cible du lien, insérez la balise d’URL du produit.
  4. Cliquez sur Insérer.
    2021-08-27_12-07-29.png

Dans l'éditeur Drag & Drop classique

Pour ajouter un lien à une image :

  1. Faites glisser dans votre template un bloc de contenu comprenant un espace où insérer une image.
  2. Cliquez sur l'image ouvrir les paramètres d’image.
  3. Dans le champ Lien des paramètres d’image, insérez la balise d’URL du produit.
    2021-08-24_11-56-58.png

Pour ajouter un lien à du texte :

  1. Sélectionnez le texte auquel vous souhaitez ajouter une URL.
  2. Cliquez sur l’icône de lien.
  3. Insérez la balise d’URL du produit.
    2021-08-24_12-12-43.png

🧐 Étape 4 : affichez et interprétez les données de panier abandonné

💡 Good to know
L'option Liste Dynamique s'appelle désormais Répéter le bloc et est disponible dans les deux éditeurs Drag & Drop.

Une fois que vous avez ajouté vos balises à votre template d’email, vous devez activer l’option Répéter le bloc pour chaque section contenant une balise afin de vous assurer que votre template d’email peut afficher plusieurs produits et interpréter les données envoyées par votre site Web à Sendinblue.

Dans le nouvel éditeur Drag & Drop

Pour afficher et interpréter vos données de panier abandonné :

  1. Survolez le bloc qui contient les balises de données de panier abandonné.
  2. Cliquez sur l'icône Répéter le bloc.
    2021-08-27_14-54-13.png
  3. Dans la fenêtre Répéter le bloc, entrez les informations suivantes :
    • Dans le champ Répéter pour, entrez le pluriel du premier mot de votre balise. Par exemple, pour la section qui contient {{ item.name }} entrez items. Si vous avez connecté votre site Internet à Sendinblue avec un de nos plugins, le nom sera items par défaut.
    • Dans le champ Alias variable, entrez le premier mot de votre balise. Par exemple, pour la section qui contient {{ item.name }} entrez sera item. Si vous avez connecté votre site Internet à Sendinblue avec un de nos plugins, le nom sera item par défaut.
      mceclip6.png
  4. Si nécessaire, entrez le nombre maximum de produits que vous souhaitez afficher dans le champ Limite.
  5. Cliquez sur Ajouter une boucle.

Si vous n'utilisez pas de plugin Sendinblue ou si vous utilisez d'autres paramètres transactionnels, vous pouvez retrouver ces informations dans votre log d'événements. Découvrez comment retrouver ces données dans notre article Personnaliser vos e-mails à l'aide des paramètres transactionnels.

Dans l'éditeur Drag & Drop (Classique)

Pour afficher et interpréter vos données de panier abandonné :

  1. Sélectionnez individuellement chaque section contenant des balises de données de panier abandonné
  2. Cliquez sur l’option Répéter le bloc dans la colonne des paramètres.
  3. Sous l'option Répéter le bloc, remplissez les champs vides avec le nom du paramètre et de la balises que vous souhaitez ajouter à votre e-mail :

    • Nom de la variable: le premier mot de votre balise. Par exemple, pour la section qui contient {{ item.name }} la variable sera item. Si vous avez connecté votre site Internet à Sendinblue avec un de nos plugins, le nom sera item par défaut.
    • Nom du paramètre: le pluriel de votre balise. Par exemple, pour la section qui contient {{ item.name }} le paramètre sera items. Si vous avez connecté votre site Internet à Sendinblue avec un de nos plugins, le nom sera items par défaut.
  4. Si nécessaire, entrez le nombre maximum de produits que vous souhaitez afficher dans le champ Limite.
    mceclip7.png

Si vous n'utilisez pas de plugin Sendinblue ou si vous utilisez d'autres paramètres transactionnels, vous pouvez retrouver ces informations dans votre log d'événements. Découvrez comment retrouver ces données dans notre article Personnaliser vos e-mails à l'aide des paramètres transactionnels.

Pour en savoir plus sur la fonctionnalité Répéter le bloc, consultez notre article Répéter un bloc pour afficher plusieurs articles dans vos emails.

✅ Étape 5 : activez le template d’email

Une fois que vous avez terminé votre template d’email de panier abandonné, cliquez sur Enregistrer et activer.

Vous pouvez désormais le sélectionner dans votre scénario Panier abandonné.

⏩ Et après ?