Флоу (Beta)
Флоу в настоящее время поддерживаются в iOS SDK v4 и выше, Android SDK v4 и выше, React Native SDK v4 и выше, а также Capacitor SDK v4 и выше. Поддержка других платформ и фреймворков появится в ближайшее время.
Обзор интерфейса
Обзор интерфейса и рабочего пространства Flow Builder.
Распространённые рецепты флоу
Step-by-step guides for building common screen templates in the Flow Builder.
Навигация и взаимодействие
Перемещение пользователя между экранами и взаимодействие с ним
В Adapty вы можете создавать флоу в визуальном редакторе без написания кода.
- Создавайте пейволы, онбординги и многое другое: создавайте динамичные одно- или многоэкранные флоу.
- Готовые шаблоны флоу: начните с профессионально разработанного шаблона.
- Гибкий дизайн: воссоздавайте сложные экраны визуально — без кода.
- Нативный рендеринг: Adapty SDK рендерит флоу нативно, без веб-вью, обеспечивая бесшовный пользовательский опыт.
- Обновления без перевыпуска: меняйте тексты, дизайн или логику в любой момент. Изменения доходят до пользователей без релиза приложения.
Что можно создать
Флоу можно разместить в любом месте приложения — при первом запуске, перед премиум-функцией или после ключевого действия. Каждый экран полностью настраивается, поэтому флоу всегда соответствует контексту. Вот несколько самых популярных сценариев:
- Онбординг приложения: демонстрируйте функции приложения, задавайте вопросы и персонализируйте выделенные возможности и CTA на основе ответов на квиз. См. Создание персонализированного онбординг-флоу.
- Экраны пейвола: размещайте ограничения перед премиум-контентом и представляйте продукты со списком функций, ценами и кнопкой покупки. См. Создание базового экрана пейвола.
- Тарифные планы во вкладках: показывайте уровни подписки рядом во вкладках, меняя список функций и CTA при переключении между ними. См. Создание пейвола с вкладками и Отображение разных функций для каждого продукта.
- Раскрывающиеся списки планов: выделяйте одно главное предложение, а полный список продуктов показывайте в нижнем листе, когда пользователь хочет сравнить варианты. См. Отображение всех планов в нижнем листе.
- Опросы и квизы: собирайте цели, предпочтения или уровень опыта, а затем используйте ответы для ветвления флоу или адаптации последующих экранов. См. Поля ввода и формы во Flow Builder.
- Социальное доказательство: укрепляйте доверие с помощью карточек с отзывами, рейтингов и рекомендаций непосредственно перед моментом покупки. См. Отзывы и рекомендации.
- Промо- и win-back экраны: запускайте ограниченные по времени скидки, предложения с бесплатным пробным периодом или win-back экраны для повторного вовлечения ушедших пользователей. Это лишь самые распространённые паттерны. Флоу строятся из гибких, переиспользуемых элементов, поэтому вы можете комбинировать их практически в любой экран, который нужен вашему продукту, — и переделывать его по мере развития продукта.
Создайте флоу
Создайте новый флоу из галереи шаблонов или с чистого холста, а затем настройте его с помощью следующих возможностей:
- Библиотека элементов — готовые блоки для текста, медиа, кнопок, форм и другого контента.
- Действия — переход между экранами, открытие URL, запуск покупок и многое другое.
- Переменные — используйте значения переменных в тексте или для реализации логики флоу на основе триггеров.
- Условная навигация — ветвление флоу в зависимости от действий пользователя.
- Квизы и поля ввода — сбор и обработка пользовательского ввода.
- Тёмная тема — стилизация элементов под тему устройства.
- Локализация — ручная или с поддержкой ИИ. Сохраните и опубликуйте черновик, затем прикрепите его к плейсменту. В одном плейсменте можно задать разные флоу для разных аудиторий.
Следующие шаги
Создание флоу
Начните новый флоу с галереи кастомных шаблонов или минимального стартового варианта.
Обзор интерфейса
Обзор интерфейса и рабочего пространства Flow Builder.
Распространённые рецепты флоу
Step-by-step guides for building common screen templates in the Flow Builder.
Миграция на флоу
Перенесите отдельный онбординг и пейвол в единое флоу Adapty — что изменится и как запустить это, не нарушив работу пользователей на старых версиях приложения.
Экраны и слои
Управляйте экранами и иерархией элементов на каждом экране во Flow Builder.
Макет и позиционирование
Размещайте элементы на экране с помощью макета, режима позиционирования, размеров и отступов.
Стили и внешний вид
Настройте визуальное оформление элементов — заливку, рамки, эффекты, типографику, состояния и стили, применяемые ко всему проекту.
Продукты и покупки
Назначайте продукты экранам, добавляйте элементы продуктов и подключайте кнопку покупки во Flow Builder.
Элементы
Все визуальные элементы, доступные в Flow Builder: контейнеры-лейауты, текст, медиа, списки, кнопки, поля ввода, продукты и другое.
Навигация и взаимодействие
Перемещение пользователя между экранами и взаимодействие с ним
Тёмный режим
Настройте тёмную тему для флоу в Adapty, чтобы улучшить пользовательский опыт.
Локализация пейвола
Локализуйте свои пейволы и онбординги для нескольких языков.
Настроить флоу с помощью Remote Config
Настройте флоу в Flow Builder с помощью JSON-payload Remote Config.
Предпросмотр флоу
Просмотрите совместимость флоу на разных устройствах для оптимального отображения.
Сохранить и опубликовать флоу
Сохраняйте флоу как черновики и публикуйте их для пользователей
Метрики флоу
Отслеживайте и анализируйте метрики производительности флоу для увеличения дохода от подписок.
Резервные флоу
Настройте локальные резервные флоу в Adapty, чтобы флоу оставался видимым при отсутствии подключения к интернету.