---
title: "Предпросмотр пейволов"
description: "Проверьте совместимость пейвола на разных устройствах для оптимального отображения."
---

:::important
Этот раздел описывает новый Paywall Builder, который работает с iOS, Android и React Native SDK версии 3.0 и выше, а также Flutter и Unity SDK версии 3.3.0 и выше. Информацию о старом Paywall Builder, совместимом с Adapty SDK v2.x и более ранними версиями, см. в разделе [Предпросмотр совместимости устройств в Legacy Paywall Builder](paywall-layout-and-products-legacy#device-compatibility-preview).
:::

Есть два способа посмотреть, как пейвол выглядит на разных типах экранов:
- **Предпросмотр на устройствах**: убедитесь, что всё выглядит как задумано на реальных устройствах на любом этапе разработки.
- **Предпросмотр в дашборде Adapty**: просматривайте пейвол прямо в процессе его создания.

## Предпросмотр на устройствах \{#preview-on-devices\}

Чтобы посмотреть пейвол на реальном устройстве:

1. [Скачайте приложение Adapty из App Store](https://apps.apple.com/us/app/adapty/id6739359219).
2. В Paywall Builder нажмите **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. Выберите локаль пейвола.
4. Отсканируйте QR-код камерой устройства или откройте ссылку — это откроет ваш пейвол в мобильном приложении Adapty.

:::note
В тестовом режиме Adapty не может получить доступ к вашим продуктам в сторах, поэтому цены, отображаемые в пейволе, не являются реальными.
:::

  <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 */
  }}
/>

## Предпросмотр в дашборде Adapty \{#preview-in-the-adapty-dashboard\}

Вы можете посмотреть, как пейвол выглядит на разных типах экранов, используя панель с правой стороны Paywall Builder. Это поможет убедиться, что пейвол хорошо отображается на различных устройствах и размерах экранов.

Здесь вы можете:
- Выбрать устройство для предпросмотра пейвола.
- Переключаться между горизонтальным и вертикальным режимами предпросмотра — особенно удобно для пейволов, разработанных для iPad.
- Увеличивать или уменьшать масштаб предпросмотра.
- Просматривать [теговые переменные для информации о продукте](paywall-builder-tag-variables#how-to-use-tag-variables).

:::tip
Задайте [максимальную ширину](paywall-layout-and-products#content-layout) элементов, чтобы оптимизировать отображение на iPad.
:::

  <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 */
  }}
/>