Vue d'ensemble
Dans ce tutoriel, vous allez apprendre à créer un email de panier abandonné et à configurer un scénario pour récupérer les ventes perdues. 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 un template d'email de panier abandonné
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 concernant l’article abandonné
- Informations sur le panier abandonné
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 être des attributs existants dans votre compte Brevo.
Personnalisons maintenant le template d’email avec des variables de commande telles que le nom des articles abandonnés, leurs images, leur prix, etc. Pour ce faire, nous allons utiliser le nouveau langage de template pour insérer une liste dynamique.
Personnaliser vos emails avec des informations sur les articles abandonnés
| Informations sur les articles | 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 (Classique), sélectionnez le bloc où s'afficheront les articles abandonné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, si le panier contient 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 }} : 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 }}.
Personnaliser votre email avec des informations sur le panier abandonné
Les variables suivantes peuvent être intégrées directement au contenu de votre template Brevo :
| Informations sur le panier | Insérez ce placeholder |
| Affiliation | {{ params.affiliation }} |
| Devise | {{ params.currency }} |
| Remise | {{ params.discount }} |
| Expédition | {{ params.shipping }} |
| Sous-total | {{ params.subtotal }} |
| Taxes | {{ params.tax }} |
| Total avant taxes | {{ params.tax }} |
| Total | {{ params.total_before_tax }} |
| Lien vers le panier | {{ params.url }} |
Bon à savoir : Les articles affichés sur la page de lien vers le panier seront différents en fonction de l’endroit d’où la session est ouverte. Par exemple, supposons qu’un client navigue depuis son ordinateur portable. S’il clique sur l'email de panier abandonné depuis son téléphone, cela ne montrera pas son panier abandonné.
Dans l'éditeur Drag & Drop (Classique), sélectionnez le bloc où s'afficheront les informations relatives au panier abandonné, puis ajoutez les variables de commande de votre choix.
Dans l'éditeur Drag & Drop (Classique), sélectionnez le bloc où s'afficheront les informations relatives au panier abandonné, puis ajoutez les variables de commande de votre choix.
Nous vous recommandons de mettre en forme les nombres à l’aide de floatformat. Dans l’exemple ci-dessous, nous avons ajouté :
- {{ params.currency }} : la devise du panier abandonné
- {{ params.subtotal | floatformat: 2 }} : le sous-total du panier abandonné
- {{ params.discount | floatformat: 2 }} : la remise du panier abandonné
- {{ params.total | floatformat: 2 }} : le montant total du panier abandonné
Pour ajouter le lien du panier abandonné, sélectionnez le bouton Call-To-Action (CTA). Dans la barre latérale droite, sous Lien, saisissez {{ params.url }}.
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 du panier abandonné
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 BigCommerce 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 "Panier abandonné détaillé" et suivez les étapes.
À l’étape "Envoyer un email", sélectionnez le template d’email que vous venez de créer et d’activer dans la liste déroulante.
Lorsque votre scénario est terminé, cliquez sur TERMINÉ pour l'enregistrer et l’activer.
N’hésitez pas à lire ce tutoriel pour vous aider à créer le scénario : Récupérer les paniers abandonnés : envoyer automatiquement les emails (étape 3).
3. Exemple
Imaginons que la cliente Jean Blue (jean.blue@brevo.com) a visité votre boutique mais a laissé les 3 articles suivants dans son panier.
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 confirmation de commande 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.