Vue d'ensemble
Dans ce tutoriel, nous apprendrons à créer un email de relance de panier abandonné qui sera utilisé dans un scénario de relance afin d'augmenter vos ventes. Nous verrons par ailleurs quelles variables BigCommerce sont compatibles avec la plateforme SendinBlue.
Avant de commencer
Les points suivants seront nécessaires :
- Un compte SendinBlue et ses identifiants. Si vous ne possédez pas encore de compte, inscrivez-vous gratuitement.
- Le nouveau language de template doit être activé sur votre compte SendinBlue.
- Le plugin BigCommerce doit être installé en suivant ce tutorial.
Bon à savoir : Pour profiter de l'ensemble des fonctionnalités du plugin, assurez-vous que votre compte SendinBlue est validé pour l'envoi de campagnes et d'emails transactionnels.
1. Créer un template d'email de relance de panier abandonné
Tout d'abord, connectez-vous à votre compte SendinBlue, puis allez à la sur la plateforme Automation > Templates d'email. Cliquez sur le bouton Nouveau template en haut à droite.
Le template d'email peut être personnalisé avec plusieurs types de données :
- attributs de contact enregistrés dans la base de données SendinBlue
- détails des articles abandonnés
- détails du panier abandonné
Personnalisez votre email avec des attributs de contact
La première étape consiste à personnaliser votre email avec des attributs de contacts comme dans l'exemple suivant :
- prénom du destinataire en utilisant {{ contact.PRENOM }}
- nom du destinataire en utilisant {{ contact.NOM }}
Bon à savoir : PRENOM et NOM doivent être des attributs qui existent sur votre compte SendinBlue.
Personnalisez votre email avec les détails des articles abandonnés
La deuxième étape consiste à personnaliser le template d'email avec les variables propres au panier abandonné telles que le nom des articles abandonnés, leur image, leur prix etc. Pour cela, nous allons insérer une liste dynamique (cette option utilise le nouveau langage de template).
| Détails des articles abandonnés | Variables à intégrer au template |
| Nom | {{ item.name }} |
| SKU | {{ item.sku }} |
| ID de l'article abandonné (interne à BigCommerce) | {{ item.id }} |
| ID de la variable de l'article abandonné (interne à BigCommerce) | {{ item.variant_id }} |
| Prix | {{ item.price }} |
| Quantité | {{ item.quantity }} |
| Lien vers la page de l'article abandonné | {{ item.url }} |
| Image de l'article abandonné | {{ item.image }} |
Dans l'éditeur Drag & Drop, sélectionnez l'élément qui affichera les articles abandonnés.
- Cliquez sur l'icône en forme de crayon pour modifier les options du bloc.
- Activez l'option de liste dynamique.
- Dans le champ paramètre, tapez
items. - Dans le champ variable, tapez
item. - Définissez la limite d'articles à afficher. Par exemple, si 5 articles ont été abandonnés dans le panier et que vous définissez 3 comme limite, alors seuls 3 articles seront affichés dans l'email.
Ajoutez les variables au template d'email comme dans l'exemple suivant :
- {{ item.name }} - Le nom de l'article abandonné
- {{ item.quantity }} - La quantité de l'article abandonné
- {{ item.price | floatformat: 2 }} - Le prix de l'article abandonné
Pour ajouter le lien vers la page de l'article abandonné, cliquez sur le bouton d'action (CTA). Dans la barre latérale droite, dans le champ Lien, tapez {{ item.url }}.
Pour ajouter l'image de l'article abandonné, cliquez sur l'image. Dans la barre latérale droite, dans le champ Source de l'image, cochez "URL" puis tapez type {{ item.image }}.
Personnalisez votre email avec les détails du panier abandonné
Les variables suivantes peuvent être intégrées dans le contenu de votre template SendinBlue :
| Détails du panier abandonné | Variables à intégrer au template |
| Devise | {{ params.currency }} |
| Remise | {{ params.discount }} |
| Sous-total | {{ params.subtotal }} |
| Total | {{ params.total }} |
| Lien vers la page du panier abandonné | {{ params.url }} |
Bon à savoir : Les articles affichés sur la page panier abandonné dépendent de la session de navigation. Prenons un visiteur qui a ajouté des articles à son panier depuis son ordinateur. S'il reçoit votre email puis clique sur le lien vers son panier depuis son ordinateur, alors son panier abandonné lui sera présenté. En revanche, s'il clique sur le même lien depuis son smartphone, alors le panier sera vide.
Dans l'éditeur Drag & Drop, sélectionnez l'élément qui affichera les informations du panier abonné puis ajoutez vos variables.
Nous recommandons de formatter les nombres en utilisant floatformat comme dans l'exemple suivant :
- {{ params.currency }} - La devise du panier abandonné
- {{ params.subtotal | floatformat: 2 }} - Le sous-total du panier abandonné
- {{ params.discount | floatformat: 2 }} - La remise effectuée sur le panier abandonné
- {{ params.total | floatformat: 2 }} - Le total du panier abandonné
Pour ajouter le lien vers la page du panier abandonné, cliquez sur le bouton d'action (CTA). Dans la barre latérale droite, dans le champ Lien, tapez {{ params.url }}.
Lorsque le design de votre template d'email est terminé, cliquez sur le bouton vert "Enregistrer & Quitter". Puis cliquez sur le bouton "Enregistrer & Activer".
2. Créer un scénario de relance de panier abandonné
Bon à savoir : Pour entrer dans le scénario, votre client doit être identifié par son adresse email. Il s'agit par exemple d'un client connecté à son compte sur votre boutique BigCommerce ou qui a renseigné son adresse email lors de la commande.
Allez sur l'onglet Automation de votre compte SendinBlue.
Cliquez sur + CREER UN NOUVEAU SCENARIO, puis sélectionnez "Panier abandonné" et suivez les étapes.
A l'étape "Envoyer un email", sélectionnez dans la liste déroulante le template d'email que vous venez de créer et d'activer.
Lorsque toutes les étapes du scénario sont complétées, cliquez sur FINIR pour l'enregistrer et l'activer.
Consultez ce guide pour en savoir plus sur la création de votre scénario : Récupérer les paniers abandonnés : envoyer automatiquement les emails correspondants (étape 3).
3. Exemple
Prenons l'exemple de Jean Bleu jean.bleu@sendinblue.com qui a visité votre boutique mais a laissé les 3 articles suivants dans son panier.
Votre template d'email ressemblera à l'exemple suivant.
L'email de relance reçu par Jean Bleu jean.bleu@sendinblue.com ressemblera à l'exemple suivant.
Informations complémentaires
- Apprenez à configurer le plugin BigCommerce.
- Apprenez à envoyer un email de confirmation de commande.