# Cómo mostrar el progreso de la entrega en la pantalla de bloqueo Permite que los clientes sigan al mensajero en la pantalla de bloqueo desde que se realiza el pedido hasta la entrega. Esta guía construye ese journey con el elemento [Live Activity](/es/product/customer-journey/journey-elements/channels/live-activity/). ## Prerrequisitos * Tu aplicación de iOS es compatible con Live Activities. Consulta la [guía de Live Activities del SDK de iOS](/es/developer/pushwoosh-sdk/ios-sdk/ios-live-activities/). * Se ha publicado un esquema de widget de entrega para esta aplicación. Consulta la [configuración de esquemas de Live Activity de iOS](/es/developer/first-steps/connect-messaging-services/ios-configuration/ios-live-activity-schemas-configuration/). ## Crear los eventos Estos son nombres de eventos de ejemplo para esta guía. Cuando tu aplicación o backend envía un nombre por primera vez, Pushwoosh [crea ese evento automáticamente](/es/product/audience-data-and-segmentation/events/#implementation). Crea los eventos en el Control Panel primero solo si quieres establecer los tipos de atributos tú mismo antes del primer envío. Crea (o reutiliza) los eventos `OrderPlaced`, `CourierStatusChanged` y `OrderDelivered`. [Aprende más sobre la creación de eventos](/es/product/audience-data-and-segmentation/events/#implementation) ## Construir el journey Abre el [Customer Journey Builder](/es/product/customer-journey/pushwoosh-journey-overview/), crea una campaña y construye todo lo que se indica a continuación en un solo lienzo. 1. Ve a **Campaigns → Customer Journey Builder**. 2. Haz clic en **Create campaign**. 3. Haz clic en **Build a journey from scratch**. ### Establecer la entrada 1. Añade un elemento **Trigger-based entry** al lienzo. 2. Configúralo en `OrderPlaced`. ![Panel de entrada basada en disparador con EVENTO establecido en OrderPlaced](/live-activity-how-to-track-deliveries-with-live-activity-3.webp) ### Iniciar la tarjeta de pedido 1. Añade un elemento **Live Activity** después de la entrada. 2. Nómbralo `Order card start`. 3. Establece la **Acción** en **Start**. 4. Selecciona el **Widget** de entrega y la **Versión del esquema**. ![Inicio de tarjeta de pedido con Acción establecida en Start y Widget de entrega y Versión de esquema seleccionados](/live-activity-how-to-track-deliveries-with-live-activity-1.webp) 5. Establece **Card key: event** en `OrderPlaced`. ![Card key: event establecido en OrderPlaced](/live-activity-how-to-track-deliveries-with-live-activity-4.webp) 6. Rellena el **Contenido de la tarjeta** (`courierName`, `eta`, `distanceMeters`) y los campos de alerta. ![Campos de contenido de la tarjeta courierName, eta y distanceMeters rellenados, con campos de alerta debajo](/live-activity-how-to-track-deliveries-with-live-activity-5.webp) 7. Haz clic en **Apply**. ### Esperar y actualizar la tarjeta Continúa en el mismo lienzo después del elemento Start. 1. Añade un elemento **Wait for Trigger**. 2. Espera a `CourierStatusChanged`. 3. Establece un período de espera que se ajuste a tus actualizaciones de entrega. ![Wait for Trigger establecido en CourierStatusChanged con un período de espera](/live-activity-how-to-track-deliveries-with-live-activity-6.webp) 4. En la rama que se activa cuando ocurre el evento, añade un elemento **Live Activity**. 5. Nómbralo `Order card update`. 6. Establece la **Acción** en **Update**. 7. Elige el mismo **Widget** y **Versión del esquema**. ![Actualización de tarjeta de pedido con Acción establecida en Update y el mismo Widget y Versión de esquema seleccionados](/live-activity-how-to-track-deliveries-with-live-activity-7.webp) 8. Selecciona `Order card start` en **Card created by**. ![Card created by establecido en Order card start en el elemento Update](/live-activity-how-to-track-deliveries-with-live-activity-8.webp) 9. Actualiza el **Contenido de la tarjeta**. ![Campos de contenido de la tarjeta actualizados en el elemento de actualización de la tarjeta de pedido](/live-activity-how-to-track-deliveries-with-live-activity-9.webp) 10. Haz clic en **Apply**. ### Esperar y finalizar la tarjeta Continúa en el mismo lienzo después del elemento Update. 1. Añade otro elemento **Wait for Trigger**. 2. Espera a `OrderDelivered`. ![Wait for Trigger establecido en OrderDelivered](/live-activity-how-to-track-deliveries-with-live-activity-10.webp) 3. En la rama que se activa cuando ocurre el evento, añade un elemento **Live Activity**. 4. Nómbralo `Order card end`. 5. Establece la **Acción** en **End**. 6. Elige el mismo **Widget** y **Versión del esquema**. 7. Selecciona `Order card start` en **Card created by**. ![Fin de tarjeta de pedido con Acción establecida en End, el mismo Widget y Versión de esquema seleccionados, y Card created by establecido en Order card start](/live-activity-how-to-track-deliveries-with-live-activity-11.webp) 8. Establece la alerta y **Descartar después de, min** si es necesario. ![Campos de alerta y Descartar después de, min en el elemento de fin de tarjeta de pedido](/live-activity-how-to-track-deliveries-with-live-activity-12.webp) 9. Haz clic en **Apply**. ![Journey de entrega completo en el lienzo con entrada, Start, Wait for Trigger, Update, Wait for Trigger y End](/live-activity-how-to-track-deliveries-with-live-activity-13.webp) ## Lo que ve el cliente En la pantalla de bloqueo, el cliente recibe una tarjeta de Live Activity que cambia a medida que avanza la entrega. Por ejemplo: Mensajero `Alex M.`, hora estimada de llegada `18:30`, distancia `1200` metros. ![Tarjeta de Live Activity en la pantalla de bloqueo después de realizar el pedido que muestra al mensajero Alex M., hora estimada de llegada 18:30 y distancia 1200 metros](/live-activity-how-to-track-deliveries-with-live-activity-14.webp) La misma tarjeta se actualiza, por ejemplo, mensajero `Alex M.`, hora estimada de llegada `18:15`, distancia `400` metros. ![Tarjeta de Live Activity en la pantalla de bloqueo después de una actualización del mensajero que muestra la hora estimada de llegada 18:15 y la distancia 400 metros](/live-activity-how-to-track-deliveries-with-live-activity-15.webp) La tarjeta se cierra y desaparece de la pantalla de bloqueo.