---
title: "Vista previa de paywalls"
description: "Previsualiza la compatibilidad de los paywalls en distintos dispositivos para una experiencia óptima."
---

:::important
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](paywall-layout-and-products-legacy#device-compatibility-preview).
:::

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 \{#preview-on-devices\}

Para previsualizar tu paywall en un dispositivo real:

1. [Descarga la app de Adapty desde la App Store](https://apps.apple.com/us/app/adapty/id6739359219).
2. En el paywall builder, haz clic en **Test on device**.

  <img src="/assets/shared/img/test-on-device.webp"
  style={{
    border: '1px solid #727272', /* border width and color */
    width: '700px', /* image width */
    display: 'block', /* for alignment */
    margin: '0 auto' /* center alignment */
  }}
/>

<br/>

3. Selecciona el idioma del paywall.
4. 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.

:::note
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.
:::

  <img src="/assets/shared/img/qr-code.webp"
  style={{
    border: '1px solid #727272', /* border width and color */
    width: '400px', /* image width */
    display: 'block', /* for alignment */
    margin: '0 auto' /* center alignment */
  }}
/>

## Vista previa en el Adapty Dashboard \{#preview-in-the-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](paywall-builder-tag-variables#how-to-use-tag-variables).

:::tip
Configura el [ancho máximo](paywall-layout-and-products#content-layout) de los elementos para optimizar el diseño en iPads.
:::

  <img src="/assets/shared/img/paywall-preview.gif"
  style={{
    border: '1px solid #727272', /* border width and color */
    width: '700px', /* image width */
    display: 'block', /* for alignment */
    margin: '0 auto' /* center alignment */
  }}
/>