Pular para o conteúdo

Como mostrar o progresso da entrega na tela de bloqueio

Permita que os clientes acompanhem o entregador na tela de bloqueio desde a realização do pedido até a entrega. Este guia constrói essa jornada com o elemento Live Activity.

Pré-requisitos

Anchor link to

Crie os eventos

Anchor link to

Estes são nomes de eventos de exemplo para este guia. Quando seu aplicativo ou backend envia um nome pela primeira vez, o Pushwoosh cria esse evento automaticamente. Crie os eventos no Control Panel primeiro apenas se você quiser definir os tipos de atributos antes do primeiro envio.

Crie (ou reutilize) os eventos OrderPlaced, CourierStatusChanged e OrderDelivered.

Saiba mais sobre a criação de eventos

Construa a jornada

Anchor link to

Abra o Customer Journey Builder, crie uma campanha e construa tudo abaixo em uma única tela.

  1. Vá para Campaigns → Customer Journey Builder.
  2. Clique em Create campaign.
  3. Clique em Build a journey from scratch.

Defina a entrada

Anchor link to
  1. Adicione um elemento Trigger-based entry à tela.
  2. Defina-o como OrderPlaced.

Painel de Trigger-based entry com EVENT definido como OrderPlaced

Inicie o card do pedido

Anchor link to
  1. Adicione um elemento Live Activity após a entrada.
  2. Nomeie-o como Order card start.
  3. Defina Action como Start.
  4. Selecione o Widget de entrega e a Schema version.

Início do card de pedido com Action definida como Start e Widget e Schema version de entrega selecionados

  1. Defina Card key: event como OrderPlaced.

Card key: event definido como OrderPlaced

  1. Preencha o Card content (courierName, eta, distanceMeters) e os campos de alerta.

Campos de Card content courierName, eta e distanceMeters preenchidos, com campos de alerta abaixo

  1. Clique em Apply.

Aguarde e atualize o card

Anchor link to

Continue na mesma tela após o elemento Start.

  1. Adicione um elemento Wait for Trigger.
  2. Aguarde por CourierStatusChanged.
  3. Defina um período de espera que se ajuste às suas atualizações de entrega.

Wait for Trigger definido como CourierStatusChanged com um período de espera

  1. Na ramificação que é acionada quando o evento acontece, adicione um elemento Live Activity.
  2. Nomeie-o como Order card update.
  3. Defina Action como Update.
  4. Escolha o mesmo Widget e Schema version.

Atualização do card de pedido com Action definida como Update e o mesmo Widget e Schema version selecionados

  1. Selecione Order card start em Card created by.

Card created by definido como Order card start no elemento Update

  1. Atualize o Card content.

Campos de Card content atualizados no elemento de atualização do card de pedido

  1. Clique em Apply.

Aguarde e finalize o card

Anchor link to

Continue na mesma tela após o elemento Update.

  1. Adicione outro elemento Wait for Trigger.
  2. Aguarde por OrderDelivered.

Wait for Trigger definido como OrderDelivered

  1. Na ramificação que é acionada quando o evento acontece, adicione um elemento Live Activity.
  2. Nomeie-o como Order card end.
  3. Defina Action como End.
  4. Escolha o mesmo Widget e Schema version.
  5. Selecione Order card start em Card created by.

Fim do card de pedido com Action definida como End, o mesmo Widget e Schema version selecionados, e Card created by definido como Order card start

  1. Defina o alerta e Dismiss after, min se necessário.

Campos de alerta e Dismiss after, min no elemento de fim do card de pedido

  1. Clique em Apply.

Jornada de entrega completa na tela com entrada, Start, Wait for Trigger, Update, Wait for Trigger e End

O que o cliente vê

Anchor link to

Na tela de bloqueio, o cliente recebe um card de Live Activity que muda conforme o progresso da entrega. Por exemplo:

Entregador Alex M., tempo estimado de chegada 18:30, distância 1200 metros.

Card de Live Activity na tela de bloqueio após o pedido ser realizado, mostrando o entregador Alex M., tempo estimado de chegada 18 e distância de 1200 metros