Exemplo de carrinho abandonado

​

Configuração

​

1. Rastreie a atividade do carrinho com tags

• cart_update: Timestamp Unix de quando o carrinho foi atualizado
• product_name: Nome do produto legível para personalização
• product_image: URL direta para imagem do produto para engajamento visual

let productName = "Name of the Product"; // Substitua pelo nome do item
let productImageURL = "https://yoursiteurl.com/image-file.jpg"; // Substitua pela url da imagem

// Use este método de exemplo quando o usuário adicionar item ao carrinho
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,
});
// Chame getTags após adicionar tags
const tags = await OneSignal.User.getTags();
console.log(tags);
});
}

// Chame a função ou anexe ao botão adicionar ao carrinho
addTagsUponCartUpdate(productName, productImageURL);

//Remove as tags do carrinho, chame quando o usuário comprar ou remover itens do carrinho
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: "",
    });
    // Chame getTags após remover tags
    const tags = await OneSignal.User.getTags();
    console.log(tags);
  });
}

​

2. Crie um segmento de carrinho abandonado

• Com Filtro de Última Sessão
• Com Operadores de Tempo

Este segmento incluirá usuários que têm itens no carrinho e saíram do site ou aplicativo móvel há mais de 1 hora. O usuário adiciona um item ao carrinho, depois sai do aplicativo ou site, 1 hora depois eles estarão neste segmento.

1. Selecione o filtro “Tag do Usuário”
2. Defina cart_update como “existe”
3. Selecione “Adicionar Filtro” para criar um relacionamento “E”.
4. Selecione o filtro “Última Sessão” e defina “maior que” 1.
5. Selecione “Adicionar Filtro” novamente e defina outro filtro “Última Sessão” para “menor que” 24. (o usuário sairá do segmento após 24 horas).
6. Nomeie o Segmento Carrinho Abandonado 1 Hora (não obrigatório, mas útil para lembrar).

Exemplo de segmento de carrinho abandonado

​

3. Crie uma mensagem de carrinho abandonado

1. Nomeie o Modelo: Carrinho Abandonado 1 Hora ou como você nomeou o Segmento.
2. Adicione seu Título, exemplo: Ei, Gato Legal 😸 !
3. Adicione sua Mensagem, exemplo: Seu novo {{product_name | default: "item"}} está esperando por você!

• aqui {{product_name | default: "item"}} será substituído por qualquer valor definido para essa tag. Se nenhuma tag for definida, “item” será usado.

4. Defina a Imagem como: {{product_image}}

• aqui {{product_image}} será substituído pela URL da imagem do produto. Se o valor da tag não for um link direto para a imagem, ela não será exibida.

5. Defina a URL de Inicialização como a URL da sua página de checkout

• aqui, se a página de checkout for única por usuário, precisaríamos vincular à página do carrinho (se não for única) ou usar mais substituição de tags. Por exemplo, se sua página de checkout for: https://yoursite.com/username/checkout, precisamos marcar o usuário com uma tag user_name para que o nome de usuário possa ser substituído se usarmos: https://yoursite.com/{{user_name}}/checkout

Exemplo de mensagem de carrinho abandonado

6. Abaixo da visualização, clique em “Enviar Mensagem de Teste” para testar como ficará!
7. Quando terminar, pressione “Salvar” na parte inferior.

​

4. Configure a jornada de carrinho abandonado

​

Configurações da jornada

1. Nomeie a Jornada: Carrinho Abandonado ou qualquer coisa que você goste para reconhecer o que esta Jornada faz.
2. Regras de Entrada: Incluir Segmento Carrinho Abandonado 1 Hora.
3. Regras de Saída: Marque Sair quando um usuário não corresponder mais às condições do público.
4. Regras de Reentrada: Selecione Sim, após um certo período de tempo e defina para 1 Dia.

Exemplo de configurações de jornada

5. Pressione Salvar.

​

Etapas da jornada

1. Adicione uma etapa de mensagem de Notificação Push, selecione o modelo Carrinho Abandonado 1 Hora e Salvar.

Exemplo de etapas da jornada

2. Adicione uma etapa de Espera, selecione 1 Semana e Salvar.
3. Selecione Salvar e Fechar.

​

5. Configuração opcional de rastreamento de desempenho do carrinho abandonado

//Exemplo para obter o preço e total de itens no carrinho
// substitua ".checkout-price-total" com o nome da classe do elemento contendo o preço total do carrinho
const checkoutPriceTotal = document.querySelector(".checkout-price-total").innerText;
// opcional: substitua ".checkout-items-total" com o nome da classe do elemento contendo o total de itens no carrinho a serem comprados
const checkoutItemsTotal = document.querySelector(".checkout-items-total").innerText;
//Chame este método no evento de clique do botão final para enviar o pagamento
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);
  });
}
//exemplo de adicionar este método ao botão "submit-payment"
const submitPurchaseButton = document.querySelector(".submit-payment");
if (submitPurchaseButton) {
  submitPurchaseButton.addEventListener("click", () => {
    updateOSOnCartPurchase(checkoutPriceTotal, checkoutItemsTotal);
  });
}

• OneSignal.sendOutcome("Purchase", purchasePriceTotal); - enviará ao OneSignal o valor total da compra e acumulará essa receita para todas as compras feitas por todos os clientes que clicaram em um push ou receberam um push dentro de um período específico (influenciados) e fizeram a compra.
• OneSignal.sendOutcome("Purchased Item Count", purchasedItemCount); - enviará ao OneSignal a quantidade total de itens comprados associados ao cliente que clicou diretamente no push para fazer uma compra ou fez a compra “influenciado” por um push.