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

Процесс покупки

Выберите, как пользователи будут совершать покупки. Доступны два варианта:

• Продукты в виде списка + кнопка покупки: пользователь сначала выбирает продукт, затем нажимает кнопку покупки.

• Продукты в виде кнопок покупки: каждый продукт является кнопкой, и покупка начинается при нажатии на неё.

Цвет фона

Чтобы сохранить визуальную целостность, задайте фон пейвола по умолчанию. Используйте поле Background color в Layout settings. Нажмите на цветной квадрат, чтобы открыть окно настройки, где можно выбрать однородный цвет или градиент в отдельных вкладках.

Настройки шрифтов пейвола

Важно, чтобы пейвол визуально соответствовал остальному приложению — и шрифт играет здесь ключевую роль. Вы можете использовать системный шрифт (SF Pro для iOS, Roboto для Android), выбрать один из доступных общих шрифтов или загрузить собственный:

Настройки шрифтов в Layout settings применяются ко всем компонентам пейвола по умолчанию. Вы можете переопределить их для отдельных элементов, например текстовых блоков или списков, при редактировании этих элементов. Если вы измените шрифт по умолчанию в Layout settings, это не затронет элементы с индивидуально заданными шрифтами. Как загрузить кастомный шрифт — читайте здесь.

Компоновка контента

Вам не нужно вручную настраивать отступы и ширину для каждого элемента пейвола. Перейдите в Content layout, чтобы изменить следующие параметры сразу для всех элементов:

• Default child margin: отступ вокруг каждого дочернего элемента.
• Spacing: расстояние между элементами внутри макета.
• Max width: максимальная ширина элементов для оптимизации отображения на iPad. Для аккуратного, сбалансированного макета рекомендуется значение 600pt.

Чтобы настроить макет для конкретного элемента — например, задать максимальную ширину для футера — перейдите в раздел Layout в настройках App Icon, Header, Feature List, Products или Footer.

Кнопки вверху экрана

Добавьте до 2 кнопок в верхнюю часть пейвола, чтобы дать пользователям возможность, например, закрыть его. Настройте их внешний вид и поведение:

1. Включите переключатель Top Button или Top Button 2.
2. Выберите внешний вид и расположение кнопки. Предварительный просмотр обновится мгновенно.

Параметр кнопки	Описание
Action	Выберите действие, которое должен выполнить пейвол при нажатии на эту кнопку. Для стандартных действий пейвол сгенерирует стандартное событие, которое можно обработать стандартным способом в коде мобильного приложения. Если вы выберете кастомное действие, его нужно будет обработать по CustomActionID в коде мобильного приложения.
Style	Выберите, как будет выглядеть кнопка — в виде иконки или текста. Если выбрана иконка, укажите её тип.

3. Чтобы отложить появление кнопки, настройте ползунок Show after delay.