Перейти к содержанию

Как показывать статус доставки на экране блокировки

Позвольте клиентам отслеживать курьера на экране блокировки с момента оформления заказа до его доставки. В этом руководстве мы создадим такой Journey с помощью элемента Live Activity.

Предварительные требования

Anchor link to

Создание событий

Anchor link to

В этом руководстве используются примеры названий событий. Когда ваше приложение или бэкенд впервые отправляет название, Pushwoosh создает это событие автоматически. Создавайте события в Control Panel заранее, только если вы хотите самостоятельно задать типы атрибутов перед первой отправкой.

Создайте (или используйте существующие) события OrderPlaced, CourierStatusChanged и OrderDelivered.

Узнать больше о создании событий

Создание Journey

Anchor link to

Откройте Customer Journey Builder, создайте кампанию и соберите всё, что описано ниже, на одной канве.

  1. Перейдите в Campaigns → Customer Journey Builder.
  2. Нажмите Create campaign.
  3. Нажмите Build a journey from scratch.

Настройка точки входа

Anchor link to
  1. Добавьте на канву элемент Trigger-based entry.
  2. Установите для него событие OrderPlaced.

Панель Trigger-based entry с событием EVENT, установленным на OrderPlaced

Запуск карточки заказа

Anchor link to
  1. Добавьте элемент Live Activity после точки входа.
  2. Назовите его Order card start.
  3. Установите Action в значение Start.
  4. Выберите Widget доставки и Schema version.

Элемент Order card start с Action, установленным на Start, и выбранными Widget и Schema version

  1. Установите Card key: event в значение OrderPlaced.

Параметр Card key: event установлен на OrderPlaced

  1. Заполните Card content (courierName, eta, distanceMeters) и поля для оповещений.

Заполненные поля Card content: courierName, eta и distanceMeters, а также поля для оповещений под ними

  1. Нажмите Apply.

Ожидание и обновление карточки

Anchor link to

Продолжайте на той же канве после элемента Start.

  1. Добавьте элемент Wait for Trigger.
  2. Установите ожидание события CourierStatusChanged.
  3. Установите период ожидания, соответствующий вашим обновлениям доставки.

Элемент Wait for Trigger, настроенный на CourierStatusChanged с периодом ожидания

  1. На ветку, которая срабатывает при наступлении события, добавьте элемент Live Activity.
  2. Назовите его Order card update.
  3. Установите Action в значение Update.
  4. Выберите те же Widget и Schema version.

Элемент Order card update с Action, установленным на Update, и теми же выбранными Widget и Schema version

  1. Выберите Order card start в поле Card created by.

Параметр Card created by установлен на Order card start в элементе Update

  1. Обновите Card content.

Обновленные поля Card content в элементе Order card update

  1. Нажмите Apply.

Ожидание и завершение карточки

Anchor link to

Продолжайте на той же канве после элемента Update.

  1. Добавьте еще один элемент Wait for Trigger.
  2. Установите ожидание события OrderDelivered.

Элемент Wait for Trigger, настроенный на OrderDelivered

  1. На ветку, которая срабатывает при наступлении события, добавьте элемент Live Activity.
  2. Назовите его Order card end.
  3. Установите Action в значение End.
  4. Выберите те же Widget и Schema version.
  5. Выберите Order card start в поле Card created by.

Элемент Order card end с Action, установленным на End, теми же выбранными Widget и Schema version, и Card created by, установленным на Order card start

  1. При необходимости установите оповещение и Dismiss after, min.

Поля для оповещений и Dismiss after, min в элементе Order card end

  1. Нажмите Apply.

Полный Journey доставки на канве с элементами entry, Start, Wait for Trigger, Update, Wait for Trigger и End

Что видит клиент

Anchor link to

На экране блокировки клиент видит одну карточку Live Activity, которая меняется по мере выполнения доставки. Например:

Курьер Alex M., ETA 18:30, расстояние 1200 метров.

Карточка Live Activity на экране блокировки после оформления заказа, показывающая курьера Alex M., ETA 18 и расстояние 1200 метров