Paniers abandonnés - Configuration

Le module complémentaire "Paniers abandonnés " vous permet d'envoyer des rappels à vos clients s'ils ont laissé des articles dans le panier de votre site. Vous pouvez les encourager à compléter leur achat avec un courriel personnalisé qui comprend des liens vers des produits ou des offres spéciales. Une fois que vous avez mis en place un flux de travail pour les paniers abandonnés, vos clients qui laissent des articles dans leur panier recevront automatiquement un courriel de suivi.

La fonction de panier abandonné se compose de deux parties, le Contenu Paniers abandonnés et le Client Paniers abandonnés. Au cours de votre processus d'achat, vous devez mettre à jour le contenu PA avec les articles contenus du panier sur votre site.

Ainsi, Symplify peut utiliser ces informations pour envoyer des courriels de rappel personnalisés si le panier d'achat est abandonné. À chaque mise à jour du Contenu PA, le compte à rebours de l'abandon est avancé d'une manière ou d'une autre. Lorsque le panier est considéré comme abandonné dans le Contenu PA, le client PA enverra automatiquement un rappel personnalisé à l'acheteur.

Le nombre de Clients PA que vous créez dépend du fonctionnement de vos solutions de boutique en ligne. La solution normale serait un Client PA par langue et par entreprise/marque. Vous pourrez en effet configurer la langue et le design de votre rappel par Client PA.

Pour que votre boutique en ligne puisse fonctionner avec Paniers abandonnés, vous devez ajouter une balise de script à la boutique en ligne. Vous utiliserez ensuite des fonctions de script pour mettre à jour le Contenu PA lorsque l'acheteur ajoute des produits au panier et si l'acheteur poursuit son achat. Vous trouverez les scripts spécifiques dans la section "Intégrations" de votre Client PA.

Nous utilisons le terme "panier" pour désigner les métadonnées du client du Panier abandonné, et "panier d'achat" pour désigner le panier d'achat réel dans votre boutique en ligne.

La configuration

Lisez d'abord ceci avant de mettre en place un panier abandonné.

Un Client Paniers abandonnés ne peut manipuler qu'une seule devise.
Si un client commence à ajouter des produits à un panier sur l'appareil mobile identifié par une adresse courriel et qu'il effectue par la suite l'achat sur un autre appareil identifié par la même adresse courriel, cela réinitialisera le Contenu Paniers abandonnés et aucun courriel ne sera envoyé.
Dans le Contenu Paniers abandonnés, vous stockerez les produits que le destinataire ajoute au panier et vous pourrez utiliser ces informations pour faire précéder le rappel par courriel de ce qui se trouvait dans le panier. Dans le courriel de rappel, vous créerez ensuite un lien vers la boutique en ligne pour recréer le panier. Les différents magasins en ligne ont différentes solutions pour recréer le panier mais cela se fait normalement si le lien de récupération du panier fournit un paramètre pour le sessionID ou le cartID, veuillez vérifier cela avec le fournisseur de votre magasin en ligne.
Si l'acheteur poursuit son achat après avoir reçu et cliqué sur le rappel, l'achat sera alors comptabilisé comme un nouveau panier gagné et ajouté comme statistiques sur le Client Paniers abandonnés.
Dès que le navigateur ou l'ordinateur est redémarré après la redirection à partir du courriel de rappel, la valeur d'un achat n'est pas prise en compte dans le panier abandonné.

Conseil ! Ajoutez le Suivi des Clients Paniers abandonnés à votre compte pour ajouter automatiquement ce paramètre à tous les liens des courriels.

Identification de l'acheteur

L'acheteur peut être connu ou inconnu au moment où l'achat est entamé. Un acheteur est connu si le Contenu Paniers abandonnés connaît l'adresse courriel de l'acheteur. Vous pouvez, à tout moment au cours du processus d'achat, mettre à jour le Contenu PA avec l'adresse courriel de l'acheteur. Nous vous recommandons d'utiliser le stockage local HTML (ou un cookie) pour stocker 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 Symplify pour vos communications par courriel, Symplify vous aide à identifier les destinataires dès que le destinataire clique dans les courriels envoyés depuis la plateforme. Le script Client Paniers abandonnés stocke alors automatiquement l'adresse courriel dans un cookie ou dans un stockage local sur l'appareil pour une utilisation ultérieure.

Pour permettre à votre boutique en ligne d'utiliser le Panier abandonné, vous devez ajouter une balise de script à la boutique en ligne. Vous utiliserez ensuite des fonctions de script pour mettre à jour le contenu du Contenu Paniers abandonnés lorsque l'acheteur ajoute des produits au panier et si l'acheteur poursuit son achat. Vous trouverez les scripts spécifiques dans la section "Intégrations" de votre Client Paniers abandonnés.

Lien vers votre boutique en ligne

Utilisez un lien similaire à celui ci-dessous pour accéder à votre boutique.

http://test.symplify.com/test-shop/www4_StKAe?ac_revived=yes&email={{contact.emailAddress}}

(Le lien mène à notre atelier de test où vous pouvez tester ce Client Paniers abandonnés)

Paramètres

Les différentes boutiques en ligne ont des solutions différentes pour recréer le panier mais cela se fait normalement si le lien de récupération du panier fournit un paramètre pour le sessionID ou le cartID, veuillez vérifier cela avec le fournisseur de votre boutique en ligne.

ac_revived=yes

Informe le client du panier que nous sommes arrivés grâce à un courriel de rappel.

email=your_email_address (optional)

Rendre le contenu du panier dans votre courriel

Utilisez des handlebars pour insérer des informations sur le panier dans vos courriels de rappel. L'exemple ci-dessous est donné à titre d'information, 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 Paniers abandonnés.

<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 avec lequel des Clients Paniers abandonnés la page interagit. Vous devez utiliser celui disponible dans l'onglet Integration du panier.

Assurez-vous que le script soit intégré sur chaque page qui devra interagir avec le nouveau panier.

Exemple de format de panier d'achat

var product = {
    id: "sku12345", //the id of this item, usually the stockkeeping unit (SKU)
    name: "Product name", //the name of this item
    description: "Product description", //a short description (should ideally fit on 1-2 lines in the email)
    quantity: 1, //number of items
    amount: "299", //the cost of this item
    rating: 3 //item rating
};

var metaData = {
    returnUrl: "https://www.example.com/shop?ac_revived=yes&sessionId=ABC123", //a URL that can reactivate the customer shopping cart in your shop.
    currency: "USD", //the cart currency
    couponCode: "CODE" //a coupon code generated by your shop, if available 
}

Utilisation

// The buyer adds an item to the shopping cart:
var onItemAdded = function(item){ carma.ac.addToCart(item); };
// The buyer removes an item from the shopping cart: 
var onItemRemoved = function(item){ carma.ac.removeFromCart(item); };
// When your site knows the buyers email address:
// Add metadata required for your reminder email
var onEmailAddressEntered = function(emailAddress){ carma.ac.addMetaData({ 'returnUrl': 'https://www.example.com/shop?ac_revived=yes&sessionId=' + currentUser.sessionId}) carma.ac.addMetaData({ 'couponCode': 'FREESHIPPING'}) carma.ac.registerEmail(emailAddress); };
//The buyer might continue with the purchase, or leave the web shop and return later from a reminder email.
//On confirmation page:
var onPurchaseFinished = function(){ carma.ac.purchaseCompleted(); };

Méthodes

carma.ac.registerEmail("shopper@example.com");

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

Attention! Si vous appelez cette méthode et qu'aucun article n'est ajouté au panier, un courriel avec un panier vide sera envoyé lorsque le délai d'expiration sera atteint.

carma.ac.addToCart({id: "someItem", description: "A description", quantity: 1, amount: 100 });

Ajoute un article au panier. L'article peut être n'importe quelle collection de paires de clé-valeur. si l'article a un attribut de montant, celui-ci sera utilisé pour garder une trace du montant total du panier.

carma.ac.removeFromCart({ id: "someItem", amount: 100 });

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

carma.ac.setCart(cartData, totalAmount);

Définit les données du panier. cartData peut être n'importe quelle collection de paires de clé-valeur. Si un montant est défini, il sera utilisé pour garder une trace du montant total du panier.

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

carma.ac.resetCart();

Supprime toutes les données du panier.

carma.ac.purchaseCompleted();

Marque ce panier comme acheté.