Bon à savoir : Ce plugin a été développé par NopCommerce. Il existe plusieurs façons d’obtenir de l’aide.
Vue d'ensemble
Dans ce tutoriel, vous allez apprendre à créer un template d’email de confirmation de commande et à configurer un scénario pour maintenir l’intérêt des acheteurs. Vous apprendrez également quelles données de commande NopCommerce sont compatibles avec la plateforme Brevo.
Avant de commencer
Vous aurez besoin des éléments suivants :
- Identifiants de votre compte Brevo. Si vous ne possédez pas encore de compte, inscrivez-vous gratuitement.
- Suivez ces étapes pour installer le plugin NopCommerce.
1. Créer le template d’email de confirmation de commande
Tout d’abord, connectez-vous à votre compte Brevo, puis rendez-vous dans Marketing > Templates > Email. Cliquez sur le bouton Nouveau template en haut à droite.
Vous pouvez personnaliser votre template d'email avec plusieurs types de données :
- Attributs du contact enregistrés dans votre liste Brevo
- Détails de la commande
- Détails de l’article commandé
Personnaliser vos emails avec les attributs du contact
Commençons par personnaliser le template avec des attributs du contact.
Dans l’exemple ci-dessous, nous avons inclus les éléments de personnalisation suivants :
- Le prénom du destinataire, avec {{ contact.FIRSTNAME }}
- Le nom de famille du destinataire, avec {{ contact.LASTNAME }}
Bon à savoir : FIRSTNAME et LASTNAME doivent déjà être des attributs existants dans votre compte Brevo.
Personnaliser vos emails avec les détails de la commande
Les variables suivantes peuvent être intégrées directement au contenu de votre template Brevo :
| Données de commande | Données d’adresse de livraison | Données d’adresse de facturation |
| {{ params.affiliation }} | {{ params.shipping.firstname }} | {{ params.billing.firstname }} |
| {{ params.currency }} | {{ params.shipping.lastname }} | {{ params.billing.lastname }} |
| {{ params.date }} | {{ params.shipping.company }} | {{ params.billing.company }} |
| {{ params.discount }} | {{ params.shipping.phone }} | {{ params.billing.phone }} |
| {{ params.id }} | {{ params.shipping.address1 }} | {{ params.billing.address1 }} |
| {{ params.revenue }} | {{ params.shipping.address2 }} | {{ params.billing.address2 }} |
| {{ params.shipping }} | {{ params.shipping.city }} | {{ params.billing.city }} |
| {{ params.subtotal }} | {{ params.shipping.country }} | {{ params.billing.country }} |
| {{ params.tax }} | {{ params.shipping.state }} | {{ params.billing.state }} |
| {{ params.total_before_tax }} | {{ params.shipping.zipcode }} | {{ params.billing.zipcode }} |
| {{ params.url }} |
Dans l'éditeur Drag & Drop, sélectionnez le bloc de votre choix qui affichera les informations relatives à la commande, puis ajoutez vos variables.
Nous vous recommandons de mettre en forme les nombres à l’aide de floatformat. Dans l’exemple ci-dessous, nous avons ajouté :
- {{ params.currency | floatformat: 2 }} : la devise de la commande
- {{ params.subtotal | floatformat: 2 }} : le sous-total de la commande
- {{ params.discount | floatformat: 2 }} : la remise de la commande
- {{ params.total | floatformat: 2 }} : le montant total de la commande
Personnalisons maintenant le template d’email avec les articles commandés. Pour ce faire, nous allons utiliser le nouveau langage de template pour insérer une liste dynamique.
Personnaliser vos emails avec les détails des articles commandés
| Données de l'article | Insérez ce placeholder dans votre template |
| Nom | {{ item.name }} |
| SKU | {{ item.sku }} |
| Catégorie | {{ item.category }} |
| ID | {{ item.id }} |
| ID de la variation d’article | {{ item.variant_id }} |
| Nom de la variation d’article | {{ item.variant_name }} |
| Prix | {{ item.price }} |
| Quantité | {{ item.quantity }} |
| Lien de la vitrine de l'article acheté | {{ item.url }} |
| Image | {{ item.image }} |
Dans l'éditeur Drag & Drop, sélectionnez le bloc où s'afficheront les articles achetés.
- Cliquez sur l'icône en forme de crayon pour modifier les paramètres du bloc de conception.
- Activez l'option liste dynamique.
- Dans le champ paramètre, écrivez
items. - Dans le champ variable, écrivez
item. - Définissez la limite du nombre de produits à afficher. Par exemple, s'il y a 5 articles et que vous définissez une limite de 3, seuls trois articles s'afficheront dans l'email.
Ajoutez ensuite les variables à votre template d'email. Dans l'exemple ci-dessus, nous avons ajouté :
- {{ item.name }} : le nom de l’article
- {{ item.quantity }} : la quantité de l’article
- {{ item.price | floatformat: 2 }} : le prix de l’article
Pour ajouter le lien de l’article, sélectionnez le bouton de Call-To-Action (CTA). Dans la barre latérale droite, sous Lien, saisissez {{ item.url }}.
Pour ajouter l’image de l’article, sélectionnez-la. Dans la barre latérale droite, sous Source de l’image, choisissez "À partir de l’URL", puis saisissez {{ item.image }}.
Une fois votre design terminé, cliquez sur le bouton vert "Enregistrer & Quitter". Cliquez ensuite sur le bouton "Enregistrer & Activer".
2. Créer le scénario de confirmation de commande
Bon à savoir : Un client doit être identifié par son adresse email pour déclencher le scénario, c’est-à-dire un client qui s’est connecté à son compte sur votre boutique NopCommerce ou qui a saisi son adresse email lors du paiement.
Naviguez jusqu’à l’onglet Automatisations sur votre compte Brevo.
Cliquez sur + CRÉER UN NOUVEAU SCÉNARIO, puis sélectionnez "Achat de produit" et suivez les étapes.
-
Étape 1/3 : un événement se produit
- Sélectionnez "Événement personnalisé (Événement de suivi)".
- Tapez order_completed.
- Cliquez sur SUIVANT.
-
Étape 2/3 : ajouter un délai
- Choisissez un délai. Par exemple 5 secondes.
- Cliquez sur SUIVANT.
-
Étape 3/3 : envoyer un email
- Dans la liste déroulante, sélectionnez le template d’email que vous venez de créer et d’activer.
- Cochez la case "Utiliser les données des événements pour personnaliser l’email".
- Sélectionnez "Les données d’événement qui ont déclenché le scénario".
- Cliquez sur TERMINER.
Lorsque votre scénario est terminé, cliquez sur TERMINÉ pour l'enregistrer et l’activer.
3. Exemple
Imaginons que la cliente Jean Blue (jean.blue@brevo.com) a acheté les 3 articles suivants dans votre boutique.
Votre template ressemblera à ceci.
L’email reçu par Jean Blue (jean.blue@brevo.com) ressemblera à ceci.
Pour aller plus loin
- Apprenez à configurer le plugin NopCommerce.
- Découvrez comment créer un email de panier abandonné pour les clients NopCommerce.
Vous avez une question ?
Si vous avez des questions, n’hésitez pas à :
- consulter les forums NopCommerce. Ils sont gratuits et principalement alimentés par la communauté NopCommerce (parfois par l’équipe NopCommerce).
- faire appel aux services d’assistance premium NopCommerce. Payants, rapides et alimentés par l’équipe NopCommerce.
- publier le problème sur le référentiel du plugin NopCommerce.
🤔 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 une agence partenaire Brevo.