Vista previa de paywalls

Esta sección describe el nuevo Paywall Builder, que funciona con iOS, Android y los SDK de React Native versión 3.0 o superior, y los SDK de Flutter y Unity versión 3.3.0 o superior. Para información sobre el Paywall Builder heredado compatible con Adapty SDK v2.x o anterior, consulta Vista previa de compatibilidad de dispositivos del Paywall Builder heredado.

Tienes dos formas de previsualizar tu paywall en diferentes tipos de pantalla:

  • Vista previa en dispositivos: Comprueba que todo se ve como esperas en dispositivos reales en cualquier etapa del desarrollo.
  • Vista previa en el Adapty Dashboard: Previsualiza tu paywall mientras lo diseñas.

Vista previa en dispositivos

Para previsualizar tu paywall en un dispositivo real:

  1. Descarga la app de Adapty desde la App Store.
  2. En el paywall builder, haz clic en Test on device.
test-on-device.webp

  1. Selecciona el idioma del paywall.
  2. Escanea el código QR con la cámara del dispositivo o abre el enlace. Esto abrirá tu paywall 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 mostrados en el paywall no son reales.

qr-code.webp

Vista previa en el Adapty Dashboard

Puedes previsualizar tu paywall en diferentes tipos de pantalla usando el panel del lado derecho del paywall builder. Esto te ayuda a asegurarte de que tu paywall se vea bien en distintos dispositivos y tamaños de pantalla.

Desde aquí puedes:

  • Seleccionar el dispositivo en el que previsualizar tu paywall.
  • Cambiar entre los modos de vista previa horizontal y vertical — especialmente útil para paywalls diseñados para iPad.
  • Acercar o alejar la vista previa.
  • Previsualizar variables de etiquetas para información de productos.

Configura el ancho máximo de los elementos para optimizar el diseño en iPads.

paywall-preview.gif