Previsualizar flows

Tienes dos formas de previsualizar tu flow en distintos tipos de pantalla:

  • Previsualizar en dispositivos: Comprueba cómo se ve tu flow en dispositivos reales en cualquier fase del desarrollo.
  • Previsualizar en el Adapty Dashboard: Previsualiza tu flow mientras lo diseñas.

Vista previa en dispositivos

Para previsualizar tu flow en un dispositivo real:

  1. Descarga la app de Adapty desde el App Store.
  2. En el flow builder, haz clic en Test on device.
Botón Test on device en el flow builder
  1. Selecciona el idioma del flow.
  2. Escanea el código QR con la cámara del dispositivo o abre el enlace. Esto abrirá tu flow en la app móvil de Adapty.

En modo de prueba, Adapty no puede acceder a tus productos en los stores, por lo que los precios que se muestran en el flow no son reales.

Selector de idioma y código QR en el diálogo Probar en dispositivo

Solución de problemas

No puedes publicar ni previsualizar tu flow si existe alguno de los siguientes problemas.

  • Una interacción con una configuración incompleta. Casos habituales:
    • Una acción Open URL sin URL de destino.
    • Una acción Navigate to screen sin destino — también ocurre cuando la pantalla de destino se elimina después de configurar la acción.
    • Una acción condicional sin operador ni valor.
    • Una acción Set Variable sin asignación de variable o valor.
    • Una acción Purchase sin producto (store in-app) ni URL de Web Paywall (pago web).
    • Una acción Custom sin Action ID.
    • Una acción Show alert con el título o el mensaje vacíos.
    • Una acción Show o Hide sin ningún elemento seleccionado.
  • Una pantalla sin elementos.
  • Un elemento de producto sin producto asociado — puede ocurrir si eliminas el producto referenciado.
  • Un JSON de Remote Config inválido interrumpe todo el proceso de entrega — ni siquiera puedes guardar el borrador.

Vista previa en el Adapty Dashboard

Para asegurarte de que tu flow está listo para publicar, pruébalo en un dispositivo real y confirma que se muestra sin errores.

Puedes previsualizar tu flow en distintos tipos de pantalla desde el área de vista previa del flow builder. Esto te ayuda a comprobar que el flow se ve bien en diferentes dispositivos y tamaños de pantalla.

Con los controles de vista previa que aparecen debajo de la previsualización, puedes:

  • Seleccionar el dispositivo en el que previsualizar tu flow.
  • Cambiar entre los modos de vista horizontal y vertical.
  • Cambiar entre los modos claro y oscuro.
  • Cambiar entre idiomas.
  • Previsualiza siempre distintos idiomas, ya que la longitud de las palabras varía según el idioma y el diseño de pantalla puede verse diferente en cada uno.
  • Para previsualizar variables personalizadas, establece valores iniciales para ellas. Por ejemplo, si añades una variable name, puedes establecer el valor inicial como Jane Doe para previewarla.
preview-paywall.gif