Включение покупок
Чтобы следовать этому гайду, убедитесь, что вы завершили интеграцию со стором и создали хотя бы один продукт, как описано в предыдущем гайде по добавлению продуктов.
Теперь, когда у вас есть продукты, нужно показать их пользователям. Adapty предлагает три варианта:
- Flow Builder (рекомендуется): визуальный редактор без кода для всего пути покупки. SDK рендерит результат нативно, и писать UI-код не нужно.
- Пейвол вручную: вы создаёте пейвол, прикрепляете к нему продукты и отрисовываете UI самостоятельно в коде приложения.
- Adapty Paywall Builder (Legacy): редактор пейволов без кода.
Оба варианта заканчиваются одинаково: вы привязываете созданное к плейсменту. Именно плейсмент вызывает приложение в рантайме, чтобы получить нужный контент для нужного пользователя.
Flow Builder в настоящее время поддерживает только iOS SDK v4 и выше. Поддержка других платформ появится в ближайшее время.
Флоу — это один или несколько экранов с уже встроенными продуктами. Вы проектируете его в Flow Builder — без написания кода.
SDK Adapty рендерит флоу нативно на каждой платформе. Ваше приложение вызывает getFlow, а SDK отображает экраны, обрабатывает покупки и передаёт события. Никакого отдельного UI-кода, никакого пейвола, который нужно поддерживать параллельно.
1. Создайте флоу
- Перейдите в раздел Flows главного меню Adapty.
- Нажмите Create flow и создайте свой флоу.
Подробнее о Adapty Flow Builder.
Шаблонные гайды ниже разбирают самые распространённые сценарии шаг за шагом:
Создать базовый экран пейвола
Пошаговый гайд по созданию стандартного экрана пейвола во Flow Builder.
Показать все планы в нижнем листе
Создайте пейвол-герой с одной кнопкой CTA, ссылкой «Показать все планы» и нижним листом, в котором отображается полный список продуктов.
Создать пейвол с вкладками
Создайте экран пейвола с двумя вкладками, переключающимися между разными списками функций, группами продуктов и кнопками покупки.
Отображение разных функций для каждого продукта
Показывайте разный список функций в зависимости от того, какой продукт выбирает пользователь, используя условную видимость.
Создать персонализированный онбординг-флоу
Пройдите полный процесс создания многоэкранного онбординг-флоу — экраны, контент, навигацию и условные переходы — на конкретном примере.
Как только флоу сохранён и опубликован, переходите к его привязке к плейсменту.
Не забудьте опубликовать флоу! Без публикации его нельзя добавить в плейсмент.
2. Добавьте флоу в плейсмент
Создайте плейсмент Плейсмент — это конкретная точка в приложении, где вы показываете флоу, пейвол, онбординг или A/B-тест. Плейсменты позволяют показывать контент нужной аудитории. Подробнее о плейсментах. , чтобы приложение могло запрашивать флоу во время выполнения.
Начнём с самого важного — плейсмента онбординга. Позже вы сможете добавить другие значимые плейсменты в пользовательском пути.
- Перейдите в раздел Placements в главном меню Adapty и откройте вкладку Flows.
- Нажмите Create placement.
- Введите Placement name (например,
mainилиonboarding). Это внутренний идентификатор в дашборде Adapty. - Введите Placement ID. Этот ID вы будете использовать в SDK Adapty для загрузки флоу плейсмента.
- Нажмите Run flow и выберите только что созданный флоу.
- Нажмите Save & publish. В коде приложения вы хардкодите только идентификаторы плейсментов. Всё остальное — какой флоу запускается, какие продукты он продаёт, как выглядит — настраивается в дашборде Adapty и может быть изменено в любой момент без обновления приложения.
Adapty позволяет показывать разные флоу разным группам пользователей и анализировать эффективность. Подробнее об аудиториях и A/B-тестах.
Пейвол — это удалённо настраиваемый контейнер для одного или нескольких продуктов. Adapty передаёт список продуктов и опциональный Remote Config в формате JSON — ваш код в приложении считывает их и отрисовывает интерфейс.
Настраиваете Adapty программно? Этот шаг можно выполнить с помощью Developer CLI.
1. Создайте пейвол
- Перейдите в раздел Paywalls в главном меню Adapty.
- Нажмите Create paywall.
- Введите Paywall name — это внутренний идентификатор в дашборде Adapty.
- Нажмите Add product и выберите продукты, которые будут отображаться на пейволе.
- (Опционально) Откройте вкладку Remote config и добавьте нужные вашему приложению JSON-данные (заголовки, тексты, флаги функций). Подробнее см. в разделе Проектирование пейвола с Remote Config.
- Нажмите Create as a draft, затем опубликуйте, когда будете готовы.
Этот пейвол отображается в коде вашего приложения. реализация пейволов вручную Воспользуйтесь гайдом для вашей платформы: iOS, Android, React Native, Flutter, Unity.
2. Добавьте пейвол в плейсмент
Создайте плейсмент Плейсмент — это конкретная точка в вашем приложении, где показывается флоу, пейвол, онбординг или A/B-тест. Плейсменты позволяют показывать контент определённым аудиториям. Подробнее о плейсментах. , чтобы приложение могло запрашивать пейвол во время выполнения.
Начнём с самого важного — плейсмента для онбординга. Позже вы сможете добавить больше значимых плейсментов на разных этапах пути пользователя.
- Перейдите в раздел Placements главного меню Adapty и откройте вкладку Paywalls.
- Нажмите Create placement.
- Введите Placement name (например,
mainилиonboarding). Это внутренний идентификатор в дашборде Adapty. - Введите Placement ID. Этот идентификатор используется в SDK для загрузки пейвола плейсмента.
- Нажмите Run paywall и выберите только что созданный пейвол.
- Нажмите Save & publish. В коде приложения вы жёстко прописываете только идентификаторы плейсментов. Всё остальное — какой пейвол показывается, какие продукты он продаёт, Remote Config — настраивается в дашборде Adapty и может быть изменено в любой момент без обновления приложения.
Adapty позволяет показывать разные пейволы разным группам пользователей и анализировать эффективность. Узнайте больше об аудиториях и A/B-тестах.
Пейвол, созданный в Paywall Builder, — это no-code экран с продуктами, встроенными напрямую. SDK Adapty отрисовывает его нативно, поэтому писать UI-код не нужно.
Paywall Builder полностью функционален, но Adapty больше не добавляет в него новые функции и не выпускает обновления. Для новых проектов используйте Flow Builder.
1. Создайте пейвол
- Перейдите в раздел Paywalls главного меню Adapty.
- Нажмите Create paywall.
- Введите Paywall name — это внутренний идентификатор в дашборде Adapty.
- Нажмите Add product и выберите продукты, которые будут отображаться на пейволе.
- Откройте вкладку Builder & Generator. Создайте пейвол на основе шаблона или сгенерируйте его с помощью ИИ.
- Включите переключатель Show on device, чтобы SDK мог отображать пейвол.
2. Добавьте пейвол в плейсмент
Создайте плейсмент Плейсмент — это конкретная точка в вашем приложении, где отображается флоу, пейвол, онбординг или A/B-тест. Плейсменты позволяют показывать контент определённым аудиториям. Подробнее о плейсментах. , чтобы приложение могло запрашивать пейвол во время выполнения.
- Перейдите в раздел Placements главного меню Adapty и откройте вкладку Paywalls.
- Нажмите Create placement.
- Введите Placement name (например,
mainилиonboarding). Это внутренний идентификатор в дашборде Adapty. - Введите Placement ID. Этот идентификатор используется в SDK для загрузки пейвола плейсмента.
- Нажмите Run paywall и выберите созданный пейвол.
- Нажмите Save & publish.
В коде приложения вы хардкодите только идентификаторы плейсментов. Всё остальное — какой пейвол запущен, какие продукты он предлагает, как он выглядит — настраивается в дашборде Adapty и может быть изменено в любой момент без обновления приложения.
Следующие шаги
Теперь у вас есть что отдавать SDK. Далее интегрируйте SDK в своё приложение и начните получать плейсмент.