Ejemplo de carrito abandonado

​

Configuración

​

1. Rastrear actividad del carrito con etiquetas

• cart_update: Marca de tiempo Unix de cuándo se actualizó el carrito
• product_name: Nombre del producto legible para personalización
• product_image: URL directa a la imagen del producto para engagement visual

let productName = "Name of the Product"; // Reemplazar con el nombre del artículo
let productImageURL = "https://yoursiteurl.com/image-file.jpg"; // Reemplazar con la url de la imagen

// Usar este método de ejemplo cuando el usuario agregue artículo al carrito
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,
});
// Llamar getTags después de agregar etiquetas
const tags = await OneSignal.User.getTags();
console.log(tags);
});
}

// Llamar la función, o adjuntar al botón agregar al carrito
addTagsUponCartUpdate(productName, productImageURL);

//Elimina las etiquetas del carrito, llamar cuando el usuario compre o elimine artículos del carrito
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: "",
    });
    // Llamar getTags después de eliminar etiquetas
    const tags = await OneSignal.User.getTags();
    console.log(tags);
  });
}

​

2. Crear segmento de carrito abandonado

• Con filtro de última sesión
• Con operadores de tiempo

Este segmento incluirá usuarios que tienen artículos en su carrito y han dejado el sitio o aplicación móvil hace más de 1 hora. El usuario agrega un artículo al carrito, luego deja la aplicación o sitio, 1 hora después estará en este segmento.

1. Seleccione el filtro “User Tag”
2. Establezca cart_update en “exists”
3. Seleccione “Add Filter” para crear una relación “AND”.
4. Seleccione el filtro “Last Session” y establezca “greater than” 1.
5. Seleccione “Add Filter” nuevamente y establezca otro filtro “Last Session” en “less than” 24. (el usuario dejará el segmento después de 24 horas).
6. Nombre el segmento Abandoned Cart 1 Hour (no es obligatorio pero ayuda a recordar).

Ejemplo de segmento de carrito abandonado

​

3. Crear mensaje de carrito abandonado

1. Nombre la plantilla: Abandoned Cart 1 Hour o como sea que nombró el segmento.
2. Agregue su título, ejemplo: ¡Oye Gato Cool 😸!
3. Agregue su mensaje, ejemplo: ¡Tu nuevo {{product_name | default: "artículo"}} te está esperando!

• aquí {{product_name | default: "artículo"}} será reemplazado por cualquier valor que esté establecido para esa etiqueta. Si no hay etiqueta establecida, se usará “artículo”.

4. Establezca la imagen en: {{product_image}}

• aquí {{product_image}} será reemplazado con la URL de la imagen del producto. Si el valor de la etiqueta no es un enlace directo a la imagen, entonces no se mostrará.

5. Establezca la URL de lanzamiento para que sea la URL de su página de pago

• aquí si la página de pago es única por usuario, necesitaríamos enlazar a la página del carrito (si no es única) o usar más sustitución de etiquetas. Por ejemplo, si su página de pago es: https://yoursite.com/username/checkout necesitamos etiquetar al usuario con una etiqueta user_name para que su nombre de usuario pueda ser reemplazado si usamos: https://yoursite.com/{{user_name}}/checkout

Ejemplo de mensaje de carrito abandonado

6. Debajo de la vista previa, haga clic en “Send Test Message” para probar cómo se ve.
7. Cuando termine, presione “Save” en la parte inferior.

​

4. Configurar journey de carrito abandonado

​

Configuración del Journey

1. Nombre el Journey: Abandoned Cart o cualquier cosa que le guste para reconocer qué hace este Journey.
2. Reglas de entrada: Incluya el segmento Abandoned Cart 1 Hour.
3. Reglas de salida: Marque Exit when a user no longer matches the audience conditions.
4. Reglas de reingreso: Seleccione Yes, after a certain amount of time y establezca en 1 día.

Ejemplo de configuración del Journey

5. Presione Save.

​

Pasos del Journey

1. Agregue un paso de mensaje Push Notification, seleccione la plantilla Abandoned Cart 1 Hour y Save.

Ejemplo de pasos del Journey

2. Agregue un paso Wait, seleccione 1 Week y Save.
3. Seleccione Save & Close.

​

5. Configuración opcional de seguimiento de rendimiento de carrito abandonado

//Ejemplo para obtener el precio y el total de artículos en el carrito
// reemplazar ".checkout-price-total" con el nombre de clase del elemento que contiene el precio total del carrito
const checkoutPriceTotal = document.querySelector(".checkout-price-total").innerText;
// opcional reemplazar ".checkout-items-total" con el nombre de clase del elemento que contiene el total de artículos en el carrito a comprar
const checkoutItemsTotal = document.querySelector(".checkout-items-total").innerText;
//Llamar este método en el evento de clic para el botón final para enviar el pago
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);
  });
}
//ejemplo de agregar este método al botón "submit-payment"
const submitPurchaseButton = document.querySelector(".submit-payment");
if (submitPurchaseButton) {
  submitPurchaseButton.addEventListener("click", () => {
    updateOSOnCartPurchase(checkoutPriceTotal, checkoutItemsTotal);
  });
}

• OneSignal.sendOutcome("Purchase", purchasePriceTotal); - enviará a OneSignal el monto total de la compra y acumulará esos ingresos para todas las compras realizadas por todos los clientes que hicieron clic en un push o recibieron un push dentro de un marco de tiempo específico (influenciados) e hicieron la compra.
• OneSignal.sendOutcome("Purchased Item Count", purchasedItemCount); - enviará a OneSignal la cantidad total de artículos comprados asociados con el cliente que hizo clic directamente en el push para realizar una compra o hizo la compra “influenciada” por un push.