# Cómo mostrar el estado de un vuelo en la pantalla de bloqueo

Muestra a cada pasajero que ha hecho el check-in la puerta de embarque, el estado y la hora en la pantalla de bloqueo hasta que el vuelo aterrice. 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 vuelo 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 `CheckInCompleted`, `FlightStatusChanged` y `FlightLanded`.

[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**.

### Configurar la entrada

1. Añade un elemento de **Entrada basada en disparador** al lienzo.
2. Configúralo como `CheckInCompleted`.

![Panel de entrada basada en disparador con EVENTO configurado como CheckInCompleted](/live-activity-how-to-track-flight-status-with-live-activity-3.webp)

### Iniciar la tarjeta de vuelo

1. Añade un elemento **Live Activity** después de la entrada.
2. Nómbralo `Inicio de tarjeta de vuelo`.
3. Establece la **Acción** en **Iniciar**.
4. Selecciona el **Widget** de vuelo y la **Versión del esquema**.

![Inicio de tarjeta de vuelo con Acción configurada como Iniciar y Widget de vuelo y Versión del esquema seleccionados](/live-activity-how-to-track-flight-status-with-live-activity-1.webp)

5. Establece **Clave de tarjeta: evento** en `CheckInCompleted`.

![Clave de tarjeta: evento configurado como CheckInCompleted](/live-activity-how-to-track-flight-status-with-live-activity-4.webp)

6. Rellena el **Contenido de la tarjeta** (`gate`, `status`, `estimatedTime`) y los campos de alerta.

![Campos de contenido de la tarjeta gate, status y estimatedTime rellenados, con campos de alerta debajo](/live-activity-how-to-track-flight-status-with-live-activity-5.webp)

7. Haz clic en **Aplicar**.


### Esperar y actualizar la tarjeta

Continúa en el mismo lienzo después del elemento Iniciar.

1. Añade un elemento **Esperar disparador**.
2. Espera a `FlightStatusChanged`.
3. Establece un período de espera que se ajuste a las actualizaciones de tu vuelo.

![Esperar disparador configurado como FlightStatusChanged con un período de espera](/live-activity-how-to-track-flight-status-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 `Actualización de tarjeta de vuelo`.
6. Establece la **Acción** en **Actualizar**.
7. Elige el mismo **Widget** y **Versión del esquema**.

![Actualización de tarjeta de vuelo con Acción configurada como Actualizar y el mismo Widget y Versión del esquema seleccionados](/live-activity-how-to-track-flight-status-with-live-activity-7.webp)

8. Selecciona `Inicio de tarjeta de vuelo` en **Tarjeta creada por**.

![Tarjeta creada por configurada como Inicio de tarjeta de vuelo en el elemento Actualizar](/live-activity-how-to-track-flight-status-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 tarjeta de vuelo](/live-activity-how-to-track-flight-status-with-live-activity-9.webp)

10. Haz clic en **Aplicar**.

### Esperar y finalizar la tarjeta

Continúa en el mismo lienzo después del elemento Actualizar.

1. Añade otro elemento **Esperar disparador**.
2. Espera a `FlightLanded`.

![Esperar disparador configurado como FlightLanded](/live-activity-how-to-track-flight-status-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 `Finalización de tarjeta de vuelo`.
5. Establece la **Acción** en **Finalizar**.
6. Elige el mismo **Widget** y **Versión del esquema**.
7. Selecciona `Inicio de tarjeta de vuelo` en **Tarjeta creada por**.

![Finalización de tarjeta de vuelo con Acción configurada como Finalizar, el mismo Widget y Versión del esquema seleccionados, y Tarjeta creada por configurada como Inicio de tarjeta de vuelo](/live-activity-how-to-track-flight-status-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 finalización de tarjeta de vuelo](/live-activity-how-to-track-flight-status-with-live-activity-12.webp)

9. Haz clic en **Aplicar**.

![Journey completo del estado del vuelo en el lienzo con entrada, Iniciar, Esperar disparador, Actualizar, Esperar disparador y Finalizar](/live-activity-how-to-track-flight-status-with-live-activity-13.webp)

## Lo que ve el pasajero

En la pantalla de bloqueo, el pasajero recibe una tarjeta de Live Activity que cambia a medida que avanza el vuelo. Por ejemplo:

<Tabs>
<TabItem label="Después del check-in">
Puerta `B12`, estado `Embarcando`, hora estimada `18:45`.

![Tarjeta de Live Activity en la pantalla de bloqueo después del check-in que muestra la puerta B12, Embarcando y la hora estimada 18:45](/live-activity-how-to-track-flight-status-with-live-activity-14.webp)
</TabItem>
<TabItem label="Cuando cambia el estado">
La misma tarjeta se actualiza, por ejemplo, puerta `B14`, estado `Retrasado`, hora estimada `19:10`.

![Tarjeta de Live Activity en la pantalla de bloqueo después de un cambio de estado que muestra la puerta B14, Retrasado y la hora estimada 19:10](/live-activity-how-to-track-flight-status-with-live-activity-15.webp)
</TabItem>
<TabItem label="Después de aterrizar">
La tarjeta se cierra y desaparece de la pantalla de bloqueo.
</TabItem>
</Tabs>