Configuration d'un panier abandonné

Nous utilisons le terme « panier » pour faire référence aux métadonnées de l’abandon du panier d’achat client, et le terme « panier d’achat » pour faire référence au panier d’achat actuel dans votre boutique en ligne.

Introduction

Paniers abandonnés vous aide à envoyer des rappels à vos clients s’ils abandonnent un panier dans votre boutique en ligne. La fonctionnalité Panier abandonné comporte de deux parties, le panier abandonné Retainer et le panier abandonné client. Au cours du processus d’achat de vos clients, vous devez mettre à jour le panier abandonné avec les articles dans le panier. De cette manière, la plateforme peut utiliser ces informations pour envoyer des courriels de rappel personnalisés si le panier est abandonné. Chaque fois que panier abandonné Retainer est mis à jour de quelque manière que ce soit, le compte à rebours de l’abandon est avancé. Lorsque le panier est considéré comme abandonné, un rappel personnalisé est automatiquement envoyé à l’acheteur.

La solution normale serait un panier abandonné client par langue et société / marque. De cette facon, vous serez en mesure de configurer la langue et le contenu de votre rappel.

Identifier l’acheteur

Lorsque l’achat débute, l’acheteur peut être connu ou inconnu. Un acheteur est connu si le panier abandonné Retainer connaît l’adresse courriel. Vous pouvez, à tout moment au cours du processus d’achat, mettre à jour lle panier abandonné Retainer avec l’adresse courriel de l’acheteur. Nous vous recommandons d’utiliser la sauvegarde locale HTML (ou un cookie) pour enregistrer l’adresse courriel dès que l’acheteur donne cette information (même si cette information n’est pas fournie spécifiquement au cours du processus d’achat). Lorsque vous utilisez la plateforme pour vos communications par courriel, elle vous permet d’identifier les destinataires dès que celui-ci clique sur les courriel envoyés par celle-ci. Le script panier abandonné client enregistre alors automatiquement l’adresse courriel dans un cookie ou dans la sauvegarde locale de l’appareil.

Pour doter votre boutique en ligne de la fonctionnalité Paniers Abandonnés, vous devez ajouter une balise de script sur la boutique en ligne. Vous utiliserez ensuite des fonctions de script pour mettre à jour le panier lorsque l’acheteur effectue une selection et achève son achat. Les scripts spécifiques peuvent être trouvés dans la section des intégrations de paniers abandonnés.

Garder à l’esprit!

  • Un panier abandonné ne peut gérer qu’une seule devise.
  • Si un client commence à ajouter des produits à un panier sur l’appareil mobile identifié par une adresse courriel et à un moment ultérieur continue la transaction sur un autre appareil identifié avec la même adresse courriel, cela réinitialisera le panier abandonné Retainer et aucun courriel ne sera envoyé.
  • Dans le panier abandonné Retainer, vous pouvez enregistrer les références des produits que le destinataire ajoute au panier et ensuite utiliser ces informations pour indiquer ce qui se trouvait dans le panier dans le courriel de rappel. Dans le courriel de rappel, vous mettrez en place un lien permettant de revenir vers la boutique en ligne pour recréer le panier. Différentes boutiques en ligne proposent des solutions différentes pour recréer le panier, mais cela se fait habituellement si le lien Récupérer panier fournit un paramètre pour le sessionID ou cartID.
  • Il vous faudra vérifier avec le fournisseur de votre boutique en ligne si c’est le cas. Si l’acheteur passe à l’achat après avoir reçu et cliqué dans le rappel, l’achat sera considéré comme un panier regagné et ajouté comme statistique sur le client panier abandonné
  • Dès que le navigateur ou l’ordinateur est redémarré après la redirection du courriel de rappel, la valeur d’un achat ne sera pas considéré comme un panier abandonné.

Astuce! Ajoutez le suivi panier abandonné Client à votre compte pour ajouter automatiquement ce paramètre à tous les liens de messagerie de la plateforme.

Lien vers votre boutique en ligne

Utilisez un lien similaire à celui ci-dessous pour créer un lien vers votre boutique. (Ce lien mène à notre boutique de test où vous pouvez tester le panier abandonné)

http://test.carmamail.com/test-shop/www4_StKAe?ac_revived=yes&courriel={{contact.courrielAddress}}

Paramètres

Dans le courriel de rappel, vous mettrez en place un lien permettant de revenir vers la boutique en ligne pour recréer le panier. Différentes boutiquee en lignes proposent des solutions différentes pour recréer le panier, mais cela se fait habituellement si le lien Récupérer panier fournit un paramètre pour le sessionID ou cartID.

ac_revived

Indiquez au client que le point d’origine est le courriel de rappel.

courriel (optionnel)

Identifiez le propriétaire du panier automatiquement. Cela pourrait également être fait au travers votre boutique en ligne.

Rendu du contenu du panier dans votre courriel

Utilisez la logique Handlebars.js (moteur de template) pour insérer les information du panier dans vos courriels de rappel. L’exemple ci-dessous est presente à titre informatif; les données de votre panier peuvent ne pas utiliser le même format.

<div>

{{#jsonRender contact.__ac_cart}}

{{#with cart}}

<table class="table products" width="100%" style="font-family:Arial, sans-serif;font-size:12px;font-weight:normal;text-decoration:none;font-style:normal;mso-line-height-rule:exactly;line-height:16px;color:#000606;">

<tbody>

{{#each cart.contents}}

<tr>

        <td>

        <h5 style="font-family:Arial, sans-serif;font-size:12px;font-weight:normal;text-decoration:none;font-style:normal;mso-line-height-rule:exactly;line-height:16px;color:#000606;">{{name}}</h5>

        </td>

        <td style="width:20px;white-space:nowrap;text-align:right">

            {{amount}}$

        </td>

         

    </tr>

{{/each}}

</tbody>

            </table>

<hr />

<div style="text-align:right"><h1 style="font-size:12px;font-family:Arial, sans-serif;font-weight:normal;text-decoration:none;font-style:normal;mso-line-height-rule:exactly;line-height:16px;color:#000606;">Total: {{cart.amount}}$</h1></div>

{{/with}}

{{/jsonRender}}

</div>

Handlebars.js Helpers

{{#jsonRender contact.__ac_cart}}…{{/jsonRender}}

Javascript

Incluez le script suivant sur les pages qui doivent interagir avec ce client Panier Abandonné.

<script id=”carma_ac” type=”text/javascript” src=”//mimgs.s3.amazonaws.com/scripts/ac.js” data-cid=”www4_StKAe”></script>

Important! L’attribut data-cid indique au script quel panier abandonné Client interagit avec la page.

Assurez-vous que la valeur est www4_StKAe sur chaque page qui doit interagir avec Mon panier.

Exemple de format de panier

  • var product = {
  • “id”: “sku12345”,   //l’identifiant unique le l’item, habituellement le stockkeeping unit (SKU)
  • “name”: “Nom du produit”,
  • “description”: “Description du produit”, //une courte description (qui rentre dans 2 à 3 lignes dans le courriel)
  • “quantity”: 1,  //Nombre d’items/li>
  • “amount”: “299”, //Le coût du produit
  • “rating”: 3   //L’évalutation du produit
  • };
  • var metaData = {
  • “returnUrl”: ‘https://www.example.com/shop?ac_revived=yes&sessionId=ABC123’, //Le URL qui peut réactiver le panier client dans votre boutique en ligne. “ac_revived=yes” informe la plateforme que ce panier n’est plus abandonné.
  • “currency”: ‘USD’, //La devise du panier
  • “couponCode”: ‘CODE’ //Le code du coupon généré, si applicable
  • }

Usage

  • // Si l’acheteur rajoute un item:
  • var onItemAdded = function(item){
  • ac.addToCart(item);
  • };
  • // Si l’acheteur retire un item:
  • var onItemRemoved = function(item){
  • ac.removeFromCart(item);
  • };
  • // Quand votre site connaît l’adresse courriel:
  • // Rajout du metadata requis pour le courriel de rappel
  • var oncourrielAddressEntered = function(courrielAddress){
  • ac.addMetaData({ ‘returnUrl’: ‘https://www.example.com/shop?ac_revived=yes&sessionId=’ + currentUser.sessionId})
  • ac.addMetaData({ ‘couponCode’: ‘FREESHIPPING’})
  • ac.registercourriel(courrielAddress);
  • };
  • //L’acheteur peut procéder avec l’achat, ou quitter la boutique en ligne puis revenir à partir d’un courriel de rappel.
  • //Sur la page de confirmation:
  • var onPurchaseFinished = function(){
  • ac.cartPurchased();
  • };

Méthodes

carma.ac.registercourriel(courrielAddress)

Ceci est utilisé comme identifiant du propriétaire du panier.

  • ac.registercourriel(“shopper@example.com”);

carma.ac.addToCart(item)

Ajouter un article au panier. L’élément peut être n’importe quelle collection de paires clé-valeur. Si l’objet a un attribut montant (amount), il sera utilisé pour suivre le montant total du panier.

  • ac.addToCart({
  • id: “someItem”,
  • amount: 100
  • });

carma.ac.removeFromCart(properties)

Supprime le dernier élément contenant toutes les paires clé-valeur répertoriées dans les propriétés.

  • ac.removeFromCart({
  • id: “someItem”,
  • amount: 100
  • });

carma.ac.setCart(cartData, totalAmount)

Définit les données du panier. Les données de panier peuvent être n’importe quelle collection de paires clé-valeur. Si le montant est défini, il sera utilisé pour suivre le montant total du panier.

Vous ne pouvez pas utiliser carma.ac.addToCart ou carma.ac.removeFromCart après avoir utilisé carma.ac.setCart.

  • ac.setCart([{
  • id: “someItem”,
  • amount: 100
  • }]);

carma.ac.resetCart()

Supprime toutes les données du panier

  • ac.resetCart();

carma.ac.cartPurchased()

Marque ce panier comme acheté.

  • ac.cartPurchased();