Dans cet article, nous allons vous expliquer comment créer et personnaliser un email de confirmation de commande qui sera envoyé via un scénario.
Avant de commencer
- Assurez-vous d'avoir installé le tracker Brevo sur votre site Web, d'avoir ajouté la fonction Identify au script et d'avoir créé les événements de suivi.
- Notez que si vos clients bloquent les cookies tiers ou utilisent des bloqueurs de publicité/script, ils ne seront pas identifiés par le tracker Brevo. Cela signifie qu'ils ne recevront pas vos emails de confirmation de commande lorsqu’ils effectueront un achat sur votre site web.
⚙️ Étape 1 : créer votre template email de confirmation de commande
Pour créer un template email de confirmation de commande :
- Accédez à Campagnes > Templates.
- Cliquez sur Nouveau template pour créer un nouveau template email.
- Configurez les paramètres comme pour un template email classique.
Remarque : vous pouvez personnaliser l’objet et l'aperçu du texte de l’email à l’aide d’attributs de contact. - Cliquez sur Étape suivante.
🎨 Étape 2 : concevoir votre template email de confirmation de commande
Un email de confirmation de commande doit comporter un en-tête avec le nom et le logo de l'entreprise, un pied de page avec l'adresse physique de l'entreprise, les informations de contact, les informations de copyright et un lien vers votre politique de confidentialité.
Concevez votre template en faisant glisser-déposer des blocs de contenu dans la mise en page de votre template pour ajouter et formater du texte, des images, des boutons et d'autres éléments de conception.
🖋️ Étape 3 : personnaliser votre template email de confirmation de commande
Un bon design d'email est important, mais l’email de confirmation de commande doit également être personnalisé pour le client auquel vous envoyez l'email. Vous pouvez personnaliser votre email de confirmation de commande en vous adressant à vos clients par leur nom et en incluant les détails de leur commande, tels que les produits qu'ils ont achetés, le total de leur commande et leur adresse de livraison et de facturation.
Pour que les emails envoyés contiennent ces données, vous devez insérer des balises pour les attributs du contact et les données de la commande dans votre template.
Insérer des balises pour les attributs du contact
Vous pouvez personnaliser votre template email de confirmation de commande en utilisant les attributs de contact stockés dans votre liste de contacts Brevo. Chaque attribut décrit un type d’information que vous enregistrez sur vos contacts, comme leur nom, leur adresse email, leur numéro de téléphone, leur sexe, etc. La personnalisation de votre template email en insérant des balises pour les attributs du contact permettra de remplacer les données par le nom de votre acheteur, sa couleur préférée ou toute autre information utile.
Dans notre exemple ci-dessous, nous avons personnalisé notre email avec le prénom du contact à l’aide de la balise {{ contact.FIRSTNAME }}.
Pour en savoir plus sur l’utilisation d’attributs de contact pour personnaliser vos emails, consultez Personnaliser vos emails avec les attributs de contact.
Insérer des balises pour les données de commande
Pour insérer les données relatives à la commande de l'acheteur (prix, adresse de livraison, produits achetés, etc.), vous devez insérer les balises correspondantes dans votre template email.
La méthode que vous avez utilisée pour créer vos événements de suivi prédétermine les balises pour les données de commande :
-
Si vos événements de suivi ont été créés automatiquement à l’aide d’un plugin Brevo, les balises sont standardisées. Pour savoir si votre plugin crée automatiquement les événements de suivi, consultez notre article dédié Quels plugins Brevo créent automatiquement des événements de suivi ?.
- Si vous ou un développeur avez créé manuellement vos événements de suivi, vous devez créer votre propre liste de balises disponibles à utiliser dans votre template email. Ces balises seront définies par la structure de votre événement de suivi et le nom de votre tableau. Par défaut, le tableau de Brevo est nommé « items ».
Liste des balises standardisées pour les données de commande
Voici la liste des principales balises standardisées que vous pouvez ajouter à votre template email si vos événements de suivi ont été créés automatiquement à l’aide d’un plugin Brevo.
Données de l'article
Les balises pour les données des articles sont utilisées pour personnaliser les emails avec les données des produits achetés par un client. Par exemple, si vous souhaitez ajouter le nom et le prix des produits qui ont été achetés, vous devez ajouter les balises {{ item.name }} et {{ item.price }} à votre template email. Ces balises seront ensuite remplacées par les données de chaque produit au moment de l'envoi de l'email.
Description | Balises pour les données des articles |
Nom | {{ item.name }} |
SKU | {{ item.sku }} |
Catégorie | {{ item.category }} |
ID | {{ item.id }} |
Nom de la variation du produit (les valeurs sont séparées par des virgules s'il y en a plusieurs) | {{ item.variant_name }} |
Identifiant de la variation du produit | {{ item.variant_id }} |
Prix | {{ item.price }} |
Quantité | {{ item.quantity }} |
Lien de la vitrine de l'article acheté | {{ item.url }} |
L'image | {{ item.image }} |
Détails de la commande
Les balises des détails de la commande sont utilisées pour personnaliser les emails avec les données de la commande passée par un client. Par exemple, si vous souhaitez ajouter le sous-total, la remise et le prix total de la commande, vous devez ajouter les balises {{ params.subtotal }}, {{ params.discount }} et {{ params.revenue }} à votre template email. Ces balises seront ensuite remplacées par les données de la commande au moment de l'envoi de l'email.
Description | Balises pour les détails de la commande |
Identifiant de la commande | {{ params.id }} |
Date | {{ params.date }} |
Sous-total | {{ params.subtotal }} |
Remise | {{ params.discount }} |
Frais d'expédition | {{ params.shipping }} |
Total avant taxes | {{ params.total_before_tax }} |
Taxes | {{ params.tax }} |
Total de la commande | {{ params.revenue }} |
Devise | {{ params.currency }} |
URL du résumé de la commande | {{ params.url }} |
Données d'expédition et de facturation
Les balises des données d'expédition et de facturation sont utilisées pour personnaliser les emails avec les données d'expédition et de facturation du client qui a passé commande. Par exemple, si vous souhaitez ajouter le prénom, le nom de famille et l'adresse de livraison du client, vous devez ajouter les balises {{ params.shipping_address.firstname }}, {{ params.shipping_address.lastname }} et {{ params.shipping_address.address1 }} à votre template email. Ces balises seront ensuite remplacées par les données d'expédition et de facturation du client au moment de l'envoi de l'email.
Description | Balises pour les données de facturation | Balises pour les données d'expédition |
Prénom | {{ params.billing_address.firstname }} | {{ params.shipping_address.firstname }} |
Nom de famille | {{ params.billing_address.lastname }} | {{ params.shipping_address.lastname }} |
Entreprise | {{ params.billing_address.company }} | {{ params.shipping_address.company }} |
Numéro de téléphone | {{ params.billing_address.phone }} | {{ params.shipping_address.phone }} |
Adresse 1 | {{ params.billing_address.address1 }} | {{ params.shipping_address.address1 }} |
Adresse 2 | {{ params.billing_address.address2 }} | {{ params.shipping_address.address2 }} |
Ville | {{ params.billing_address.city }} | {{ params.shipping_address.city }} |
Pays | {{ params.billing_address.country }} | {{ params.shipping_address.country }} |
État | {{ params.billing_address.state }} | {{ params.shipping_address.state }} |
Code postal | {{ params.billing_address.zipcode }} | {{ params.shipping_address.zipcode }} |
Nous recommandons de formater les nombres en utilisant le filtre floatformat.
Voici un exemple de la façon dont vous pouvez utiliser les balises des données de commande dans votre template email de confirmation de commande :
Insérer des balises pour les images de produits
Pour insérer des images de produits dans votre template email à l'aide de l'éditeur Drag & Drop :
- Faites glisser dans votre template un bloc de contenu comprenant un espace où insérer une image.
- Cliquez sur l’image pour ouvrir les paramètres d’image.
- Dans le champ Ajouter à partir de l'URL, insérez la balise d'image du produit.
Insérer des balises pour les liens vers les produits ou le panier
Ajouter un lien sur une image
Pour ajouter un lien à une image à l'aide de l'éditeur Drag & Drop :
- Faites glisser dans votre template un bloc de contenu comprenant un espace où insérer une image.
- Survolez le bloc Image.
- Cliquez sur l'icône de lien.
- Dans le champ Cible du lien, insérez la balise d'URL.
Ajouter un lien à du texte
Pour ajouter un lien à du texte à l'aide de l'éditeur Drag & Drop :
-
- Sélectionnez le texte auquel vous souhaitez ajouter une URL.
- Cliquez sur l'icône de lien.
- Dans le champ Cible du lien, insérez la balise d'URL.
🧐 Étape 4 : afficher et interpréter les données de commande.
Après avoir ajouté des balises à votre template email, activez la fonctionnalité Contenu répétable pour chaque section contenant une balise pour les données du produit. De cette manière, vous vous assurez que votre template email peut afficher plusieurs produits et interpréter les données envoyées depuis votre site web à Brevo.
Pour afficher et interpréter vos données d'article à l'aide de l'éditeur Drag & Drop :
- Dans votre template email, cliquez sur la section qui contient des balises pour les données d'article.
- Dans le panneau latéral, ouvrez la section Contenu répétable.
- Dans la fenêtre Répéter le bloc, entrez les informations suivantes :
- Dans le champ Répéter pour, saisissez la version plurielle de votre variable, par exemple pour la section contenant la balise {{ item.name }}, le paramètre est items. Si vous avez connecté votre site web à Brevo avec un de nos plugins, le nom sera items par défaut.
- Dans le champ Alias variables, saisissez le premier mot de votre balise, par exemple pour la section contenant {{ item.name }}, la variable est item. Si vous avez connecté votre site web à Brevo avec un de nos plugins, le nom sera item par défaut.
- Si nécessaire, entrez le nombre maximum de produits que vous souhaitez afficher dans votre email via le champ Limite.
- Cliquez sur Ajouter des conditions.
Si vous n’utilisez pas de plugin Brevo 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 Personnalisez vos emails avec des paramètres transactionnels.
Pour en savoir plus sur la fonctionnalité Contenu répétable, consultez Répéter un bloc pour afficher plusieurs articles dans vos emails.
🧪 Étape 5 : tester votre email
Il est important d'envoyer un email test pour s'assurer que toutes les balises de votre template email sont correctement remplies. Mais veuillez noter que seuls les attributs de contact seront remplacés lors de ce test.
La seule façon de vérifier que les balises des données de la commande fonctionnent correctement est de les tester à l'aide d'un scénario réel : enregistrez et activez le template email, utilisez-le comme scénario de confirmation de commande et achetez quelques produits. Vous devriez alors recevoir votre email de confirmation de commande avec les balises remplacées par les données de votre commande.
Voici un exemple de la façon dont les balises de vos données de commande devraient être remplacées une fois l'email de confirmation de commande envoyé :
✅ Étape 6 : activer le template email
Une fois que vous avez terminé de créer votre template email de confirmation de commande, cliquez sur Enregistrer et activer. Vous pouvez désormais le sélectionner dans votre scénario de confirmation de commande.
🔨 Étape 7 : créer votre scénario de confirmation de commande
Maintenant que vous avez créé votre template email de confirmation de commande, la prochaine étape consiste à créer votre scénario de confirmation de commande pour envoyer automatiquement un email lorsqu'un contact effectue un achat sur votre site web !
Pour savoir comment créer un scénario de confirmation de commande, consultez Confirmation de commande - Partie 2 : Créer un scénario de confirmation de commande.
⏩ Et après ?
- Confirmation de commande - Partie 2 : Créer un scénario de confirmation de commande
- Plugin WordPress - Installation et configuration
🤔 Vous avez des questions ?
Pour toute question, n’hésitez pas à contacter notre service client en créant un ticket à partir de votre compte. Si vous n’avez pas encore de compte, vous pouvez nous contacter ici.
Si vous avez besoin d'aide pour un projet impliquant Brevo, nous pouvons vous mettre en relation avec un Partenaire Brevo certifié.