---
title: "Шаблоны устаревшего Paywall Builder"
description: "Используйте шаблоны устаревшего Paywall Builder в Adapty для оптимизации монетизации."
---

[Adapty Paywall Builder](adapty-paywall-builder-legacy) упрощает создание пейволов — специальных экранов в приложении, где пользователи совершают покупки. Этот инструмент не требует технических знаний или навыков дизайна. Вы можете легко настраивать внешний вид пейволов, их содержание и расположение кнопок. Более того, изменения можно вносить в реальном времени прямо во время работы приложения — без проверки в App Store или Google Play.

Кроме того, Adapty позволяет дополнительно оптимизировать пейволы с помощью [A/B-тестов](ab-tests). В сочетании с Paywall Builder это даёт возможность тестировать разные варианты пейволов и находить наиболее эффективный дизайн и текст. Хотите увеличить продажи, продвигать контент или открыть доступ к эксклюзивным функциям — Paywall Builder предоставит удобный инструмент для решения этих задач.

При создании или редактировании пейволов в Paywall Builder Adapty вы можете выбрать один из трёх вариантов макета, каждый из которых включает собственные шаблоны. Выбранный макет определяет внешний вид и пользовательский опыт пейвола в вашем iOS- или Android-приложении. Рассмотрим три доступных варианта:

:::warning

Этот раздел описывает устаревший Paywall Builder, совместимый с Adapty SDK v2.x и более ранними версиями. Информацию о новом Paywall Builder, совместимом с Adapty SDK v3.x и выше, см. в разделе [Шаблоны нового Paywall Builder](paywall-builder-templates).

:::

### Overlay \{#overlay\}

Шаблоны типа Overlay предлагают универсальный и привлекательный дизайн для ваших пейволов. Он состоит из двух слоёв: изображение на нижнем уровне и слой с продуктами или контентом поверх него. Такой подход обеспечивает визуально эффектную подачу, привлекающую внимание пользователей. На небольших экранах слой с продуктами или контентом будет перекрывать изображение при прокрутке, акцентируя ключевые элементы пейвола. Многоуровневая структура улучшает взаимодействие с пользователем и позволяет удобно представлять несколько предложений.

  <img src="/assets/shared/img/4a115f4-CleanShot_2023-09-05_at_15.48.442x.webp"
  style={{
    border: 'none', /* border width and color */
    width: '700px', /* image width */
    display: 'block', /* for alignment */
    margin: '0 auto' /* center alignment */
  }}
/>

### Transparent \{#transparent\}

Макет Transparent идеально подходит для случаев, когда нужно представить небольшой набор продуктов или контента. Этот тип макета создаёт впечатляющий визуальный опыт: полноэкранное изображение сразу привлекает внимание пользователя. Без прокрутки изображение занимает весь экран, позволяя сделать яркое заявление и представить предложения в лаконичной форме.

  <img src="/assets/shared/img/459e2c9-CleanShot_2023-09-05_at_15.49.422x.webp"
  style={{
    border: 'none', /* border width and color */
    width: '700px', /* image width */
    display: 'block', /* for alignment */
    margin: '0 auto' /* center alignment */
  }}
/>

Примечание: поскольку в макете Transparent прокрутка отсутствует, он лучше всего подходит для ситуаций, когда объём отображаемого контента невелик.

### Flat \{#flat\}

Макет Flat напоминает упрощённую лендинговую страницу: все ключевые элементы расположены в одном непрерывном слое. Пользователи могут плавно прокручивать контент, последовательно знакомясь с вашим пейволом. Этот тип макета поддерживает целостную подачу материала и позволяет представлять продукты, услуги или контент в связной и убедительной форме.

  <img src="/assets/shared/img/dbd9135-CleanShot_2023-09-05_at_15.52.312x.webp"
  style={{
    border: 'none', /* border width and color */
    width: '700px', /* image width */
    display: 'block', /* for alignment */
    margin: '0 auto' /* center alignment */
  }}
/>

Совет: макет Flat особенно эффективен, когда нужно последовательно провести пользователя через несколько предложений или рассказать историю.

### Предпросмотр совместимости с устройствами \{#device-compatibility-preview\}

Используйте выпадающее меню над превью, чтобы выбрать разные устройства и посмотреть, как будет выглядеть ваш макет на различных экранах. Эта функция помогает убедиться, что пейвол оптимально отображается на устройствах с разными размерами экранов.

![](https://files.readme.io/a6ccf83-Export-1693241907397.gif)