Дизайн кастомного пейвола с Remote Config

Remote Config пейвола — мощный инструмент с гибкими возможностями настройки. Он позволяет использовать произвольные JSON-данные для точной настройки кастомных пейволов: заголовки, изображения, шрифты, цвета и многое другое.

Чтобы начать настройку кастомного пейвола через Remote Config:

1. Перейдите в раздел Flows & Paywalls главного меню Adapty и откройте вкладку Custom Paywalls.

2. Нажмите на пейвол, чтобы открыть его.

3. Перейдите на вкладку Remote config.

Remote Config имеет 2 представления:

• Таблица
• JSON

Оба режима — Table и JSON — содержат одинаковые элементы конфигурации. Разница лишь в удобстве: режим таблицы предоставляет контекстное меню, которое может пригодиться для исправления ошибок локализации. Переключаться между режимами можно в любой момент, нажав на вкладку Table или JSON.

Какой бы вид настройки пейвола вы ни выбрали, позже вы сможете получить эти данные из SDK с помощью свойств remoteConfig или remoteConfigString объекта AdaptyPaywall и внести нужные изменения в пейвол. Вы также можете программно обновлять значения Remote Config через серверный API, чтобы динамически изменять конфигурацию пейвола без ручного обновления в дашборде. Вот несколько примеров того, как можно использовать Remote Config.

{
    "screen_title": "Today only: Subscribe, and get 7 days for free!"
}

# Test titles or others texts

{
    "background_image": "https://adapty.io/media/paywalls/bg1.webp"
}

# Test images on your paywall

{
    "font_family": "San Francisco",
    "font_size": 16
}

# Test fonts

{
    "subscribe_button_color": "purple"
}

# Test colors of buttons, texts etc.

{
    "photo_gallery": "https://adapty.io/media/paywalls/link-to-html-snippet.html"
}

# Any HTML code that can be displayed on the paywall

{
    "hard_paywall": true
}

# By setting it to true, you disalow skipping paywall without subscribing
# You have to handle this logic in your app

{
    "title": {
        "en": "Try for free!",
        "es": "¡Prueba gratis!",
        "ru": "Попробуй бесплатно!"
    }
}

Вы можете комбинировать разные варианты и придумывать собственные. Так можно тестировать разные заголовки, тексты, изображения, шрифты, цвета и многое другое.

JSON-режим Remote Config

В режиме JSON можно вводить любые данные в формате JSON:

Табличное представление Remote Config

Если вы редко работаете с кодом и вам нужно подправить отдельные значения JSON, воспользуйтесь режимом Table в Adapty.

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

Чтобы добавить ключ, нажмите кнопку Add row. Мы автоматически проверяем соответствие значений и типов и показываем предупреждение, если ваши изменения могут привести к невалидному JSON.

Дополнительные параметры строк особенно полезны при локализации пейволов:

Теперь создайте плейсмент и добавьте в него пейвол. После этого вы сможете отображать свои кастомные пейволы iOS, Android, React Native, Flutter, Unity, Kotlin Multiplatform, и Capacitor в своём мобильном приложении.