Comment afficher la progression de la livraison sur l'écran de verrouillage

Permettez aux clients de suivre le coursier sur l’écran de verrouillage depuis la passation de la commande jusqu’à la livraison. Ce guide explique comment construire ce parcours avec l’élément Live Activity.

Prérequis

• Votre application iOS prend en charge les Live Activities. Consultez le guide des Live Activities du SDK iOS.
• Un schéma de widget de livraison est publié pour cette application. Consultez la configuration des schémas de Live Activity iOS.

Créer les événements

Voici des exemples de noms d’événements pour ce guide. Lorsque votre application ou votre backend envoie un nom pour la première fois, Pushwoosh crée cet événement automatiquement. Créez d’abord les événements dans le Control Panel uniquement si vous souhaitez définir vous-même les types d’attributs avant le premier envoi.

Créez (ou réutilisez) les événements OrderPlaced, CourierStatusChanged et OrderDelivered.

En savoir plus sur la création d’événements

Construire le parcours

Ouvrez le Customer Journey Builder, créez une campagne et construisez tout ce qui suit sur un seul canevas.

1. Allez dans Campaigns → Customer Journey Builder.
2. Cliquez sur Créer une campagne.
3. Cliquez sur Construire un parcours de zéro.

Définir l’entrée

1. Ajoutez un élément Trigger-based entry au canevas.
2. Réglez-le sur OrderPlaced.

Démarrer la carte de commande

1. Ajoutez un élément Live Activity après l’entrée.
2. Nommez-le Order card start.
3. Réglez Action sur Start.
4. Sélectionnez le Widget de livraison et la Schema version.

5. Réglez Card key: event sur OrderPlaced.

6. Remplissez le Card content (courierName, eta, distanceMeters) et les champs d’alerte.

7. Cliquez sur Appliquer.

Attendre et mettre à jour la carte

Continuez sur le même canevas après l’élément Start.

1. Ajoutez un élément Wait for Trigger.
2. Attendez CourierStatusChanged.
3. Définissez une période d’attente qui correspond à vos mises à jour de livraison.

4. Sur la branche qui se déclenche lorsque l’événement se produit, ajoutez un élément Live Activity.
5. Nommez-le Order card update.
6. Réglez Action sur Update.
7. Choisissez les mêmes Widget et Schema version.

8. Sélectionnez Order card start dans Card created by.

9. Mettez à jour le Card content.

10. Cliquez sur Appliquer.

Attendre et terminer la carte

Continuez sur le même canevas après l’élément Update.

1. Ajoutez un autre élément Wait for Trigger.
2. Attendez OrderDelivered.

3. Sur la branche qui se déclenche lorsque l’événement se produit, ajoutez un élément Live Activity.
4. Nommez-le Order card end.
5. Réglez Action sur End.
6. Choisissez les mêmes Widget et Schema version.
7. Sélectionnez Order card start dans Card created by.

8. Définissez une alerte et Dismiss after, min si nécessaire.

9. Cliquez sur Appliquer.

Ce que le client voit

Sur l’écran de verrouillage, le client reçoit une seule carte Live Activity qui change au fur et à mesure de la progression de la livraison. Par exemple :

Après la passation de la commande

Coursier Alex M., H.A.E. 18:30, distance 1200 mètres.

Lorsque le statut du coursier change

La même carte se met à jour, par exemple coursier Alex M., H.A.E. 18:15, distance 400 mètres.

À la livraison

La carte se ferme et quitte l’écran de verrouillage.