Exemple de panier abandonné

​

Configuration

​

1. Suivre l’activité du panier avec des tags

• cart_update : Horodatage Unix de la mise à jour du panier
• product_name : Nom du produit lisible par l’homme pour la personnalisation
• product_image : URL directe vers l’image du produit pour l’engagement visuel

let productName = "Name of the Product"; // Replace with the name of item
let productImageURL = "https://yoursiteurl.com/image-file.jpg"; // Replace with the url to the image

// Use this example method when user adds item to cart
async function addTagsUponCartUpdate(productName, productImageURL) {
await OneSignalDeferred.push(async function (OneSignal) {
let timestamp = Math.floor(Date.now() / 1000);
await OneSignal.User.addTags({
cart_update: timestamp,
product_name: productName,
product_image: productImageURL,
});
// Call getTags after adding tags
const tags = await OneSignal.User.getTags();
console.log(tags);
});
}

// Call the function, or attach to add to cart button
addTagsUponCartUpdate(productName, productImageURL);

//Removes the cart tags, call when user purchases or removes items from cart
async function removeCartTags() {
  await OneSignalDeferred.push(async function (OneSignal) {
    let timestamp = Math.floor(Date.now() / 1000);
    await OneSignal.User.addTags({
      cart_update: "",
      product_name: "",
      product_image: "",
    });
    // Call getTags after removing tags
    const tags = await OneSignal.User.getTags();
    console.log(tags);
  });
}

​

2. Créer un segment de panier abandonné

• Avec filtre Dernière session
• Avec opérateurs de temps

Ce segment inclura les utilisateurs qui ont des articles dans leur panier et qui ont quitté le site ou l’application mobile il y a plus d’1 heure. L’utilisateur ajoute un article au panier, puis quitte l’application ou le site, 1 heure plus tard, il sera dans ce segment.

1. Sélectionnez le filtre “Tag utilisateur”
2. Définissez cart_update sur “existe”
3. Sélectionnez “Ajouter un filtre” pour créer une relation “ET”.
4. Sélectionnez le filtre “Dernière session” et définissez “supérieur à” 1.
5. Sélectionnez “Ajouter un filtre” à nouveau et définissez un autre filtre “Dernière session” sur “inférieur à” 24. (l’utilisateur quittera le segment après 24 heures).
6. Nommez le segment Panier abandonné 1 heure (non requis mais utile pour s’en souvenir).

Exemple de segment de panier abandonné

​

3. Créer un message de panier abandonné

1. Nommez le modèle : Panier abandonné 1 heure ou tout ce que vous avez nommé le segment.
2. Ajoutez votre titre, exemple : Hé Cool Cat 😸 !
3. Ajoutez votre message, exemple : Votre nouveau {{product_name | default: "article"}} vous attend !

• ici {{product_name | default: "article"}} sera remplacé par la valeur définie pour ce tag. Si aucun tag n’est défini, “article” sera utilisé.

4. Définissez l’image comme : {{product_image}}

• ici {{product_image}} sera remplacé par l’URL de l’image du produit. Si la valeur du tag n’est pas un lien direct vers l’image, elle ne s’affichera pas.

5. Définissez l’URL de lancement comme l’URL de votre page de paiement

• ici, si la page de paiement est unique par utilisateur, nous devrions soit créer un lien vers la page du panier (si non unique) soit utiliser plus de substitution de tags. Par exemple, si votre page de paiement est : https://yoursite.com/username/checkout, nous devons taguer l’utilisateur avec un tag user_name afin que son nom d’utilisateur puisse être remplacé si nous utilisons : https://yoursite.com/{{user_name}}/checkout

Exemple de message de panier abandonné

6. Sous l’aperçu, cliquez sur “Envoyer un message de test” pour tester son apparence !
7. Une fois terminé, appuyez sur “Enregistrer” en bas.

​

4. Configurer le journey de panier abandonné

​

Paramètres du Journey

1. Nommez le Journey : Panier abandonné ou tout ce que vous aimez pour reconnaître ce que fait ce Journey.
2. Règles d’entrée : Incluez le segment Panier abandonné 1 heure.
3. Règles de sortie : Cochez Sortir lorsqu’un utilisateur ne correspond plus aux conditions d’audience.
4. Règles de ré-entrée : Sélectionnez Oui, après un certain temps et définissez sur 1 jour.

Exemple de paramètres du Journey

5. Appuyez sur Enregistrer.

​

Étapes du Journey

1. Ajoutez une étape de message Notification Push, sélectionnez le modèle Panier abandonné 1 heure et Enregistrer.

Exemple d'étapes du Journey

2. Ajoutez une étape Attente, sélectionnez 1 Semaine et Enregistrer.
3. Sélectionnez Enregistrer et fermer.

​

5. Configuration optionnelle du suivi des performances du panier abandonné

//Example to get the price and total items in cart
// replace ".checkout-price-total" with the class name the element containing the cart's total price
const checkoutPriceTotal = document.querySelector(".checkout-price-total").innerText;
// optional replace ".checkout-items-total" with the class name the element containing the total items in cart to be purchased
const checkoutItemsTotal = document.querySelector(".checkout-items-total").innerText;
//Call this method in the click event for the final button to submit payment
function updateOSOnCartPurchase(checkoutPriceTotal, checkoutItemsTotal) {
  let purchasePriceTotal = parseFloat(checkoutPriceTotal);
  let purchasedItemCount = parseInt(checkoutItemsTotal);
  OneSignalDeferred.push(function (OneSignal) {
    OneSignal.sendOutcome("Purchase", purchasePriceTotal);
    OneSignal.sendOutcome("Purchased Item Count", purchasedItemCount);
  });
}
//example of adding this method to the "submit-payment" button
const submitPurchaseButton = document.querySelector(".submit-payment");
if (submitPurchaseButton) {
  submitPurchaseButton.addEventListener("click", () => {
    updateOSOnCartPurchase(checkoutPriceTotal, checkoutItemsTotal);
  });
}

• OneSignal.sendOutcome("Purchase", purchasePriceTotal); - enverra à OneSignal le montant total de l’achat et accumulera ces revenus pour tous les achats effectués par tous les clients qui ont cliqué sur un push ou reçu un push dans un délai spécifique (influencé) et effectué l’achat.
• OneSignal.sendOutcome("Purchased Item Count", purchasedItemCount); - enverra à OneSignal le nombre total d’articles achetés associé au client qui a directement cliqué sur le push pour effectuer un achat ou effectué l’achat “influencé” par un push.