Флоу (Бета)
Флоу в настоящее время поддерживаются на iOS, Android, React Native, Flutter и Capacitor SDK v4 и выше. Поддержка других платформ и фреймворков появится в ближайшее время.
Обзор интерфейса
Обзор интерфейса и рабочей области Flow Builder.
Распространённые рецепты флоу
Пошаговые гайды по созданию типовых шаблонов экранов в Flow Builder.
Навигация и взаимодействие
Перемещение пользователя между экранами и взаимодействие с ним
В Adapty вы можете создавать флоу в визуальном редакторе без написания кода.
- Create paywalls, onboardings, and more: Create dynamic single- or multi-screen flows.
- Full-featured flow templates: Start the flow with a professionally designed template.
- Flexible design: Recreate complex screens visually: no code required.
- Native rendering: The Adapty SDK renders flows natively without web views to ensure a seamless user experience.
- Update without redeploying: Change copy, design, or logic any time. Updates reach your users without an app release.
Что можно создать
Флоу можно разместить в любом месте приложения — при первом запуске, перед премиум-функцией или после ключевого действия. Каждый экран полностью настраивается, поэтому флоу всегда соответствует контексту. Вот несколько самых популярных сценариев:
- Онбординг приложения: демонстрируйте функции приложения, задавайте вопросы и персонализируйте выделенные возможности и CTA на основе ответов на квиз. См. Создание персонализированного онбординг-флоу.
- Экраны пейвола: размещайте ограничения перед премиум-контентом и представляйте продукты со списком функций, ценами и кнопкой покупки. См. Создание базового экрана пейвола.
- Тарифные планы во вкладках: показывайте уровни подписки рядом во вкладках, меняя список функций и CTA при переключении между ними. См. Создание пейвола с вкладками и Отображение разных функций для каждого продукта.
- Раскрывающиеся списки планов: выделяйте одно главное предложение, а полный список продуктов показывайте в нижнем листе, когда пользователь хочет сравнить варианты. См. Отображение всех планов в нижнем листе.
- Опросы и квизы: собирайте цели, предпочтения или уровень опыта, а затем используйте ответы для ветвления флоу или адаптации последующих экранов. См. Поля ввода и формы во Flow Builder.
- Социальное доказательство: укрепляйте доверие с помощью карточек с отзывами, рейтингов и рекомендаций непосредственно перед моментом покупки. См. Отзывы и рекомендации.
- Промо- и win-back экраны: запускайте ограниченные по времени скидки, предложения с бесплатным пробным периодом или win-back экраны для повторного вовлечения ушедших пользователей. Это лишь самые распространённые паттерны. Флоу строятся из гибких, переиспользуемых элементов, поэтому вы можете собирать из них практически любые экраны, которые нужны вашему продукту, — и перестраивать их по мере его развития.
Хотите узнать больше о создании флоу? Смотрите пошаговые видеоуроки в нашем плейлисте на YouTube.
Создайте флоу
Создайте новый флоу из галереи шаблонов или с чистого холста, а затем настройте его с помощью следующих возможностей:
- Библиотека элементов — готовые блоки для текста, медиа, кнопок, форм и другого контента.
- Действия — переход между экранами, открытие URL, запуск покупок и многое другое.
- Переменные — используйте значения переменных в тексте или для реализации логики флоу на основе триггеров.
- Условная навигация — ветвление флоу в зависимости от действий пользователя.
- Квизы и поля ввода — сбор и обработка пользовательского ввода.
- Тёмная тема — стилизация элементов под тему устройства.
- Локализация — ручная или с поддержкой ИИ. Сохраните и опубликуйте черновик, затем прикрепите его к плейсменту. В одном плейсменте можно задать разные флоу для разных аудиторий.
Следующие шаги
Создание флоу
Начните новый флоу с готового шаблона из галереи или с минимального стартового варианта.
Обзор интерфейса
Обзор интерфейса и рабочей области Flow Builder.
Распространённые рецепты флоу
Пошаговые гайды по созданию типовых шаблонов экранов в Flow Builder.
Миграция на флоу
Перенесите отдельный онбординг и пейвол в единое флоу Adapty — что изменится и как запустить это, не нарушив работу пользователей на старых версиях приложения.
Экраны и слои
Управляйте экранами и иерархией элементов на каждом экране во Flow Builder.
Макет и позиционирование
Размещайте элементы на экране с помощью макета, режима позиционирования, размеров и отступов.
Стили и внешний вид
Настройте визуальное оформление элементов — заливку, рамки, эффекты, типографику, состояния и стили, применяемые ко всему проекту.
Продукты и покупки
Назначайте продукты экранам, добавляйте элементы продуктов и подключайте кнопку покупки во Flow Builder.
Элементы
Все визуальные элементы, доступные в Flow Builder: контейнеры-лейауты, текст, медиа, списки, кнопки, поля ввода, продукты и другое.
Навигация и взаимодействие
Перемещение пользователя между экранами и взаимодействие с ним
Тёмный режим
Настройте тёмную тему для флоу в Adapty, чтобы улучшить пользовательский опыт.
Локализация пейвола
Локализуйте свои пейволы и онбординги для нескольких языков.
Настроить флоу с помощью Remote Config
Настройте флоу в Flow Builder с помощью JSON-payload Remote Config.
Предпросмотр флоу
Просмотрите совместимость флоу на разных устройствах для оптимального отображения.
Сохранить и опубликовать флоу
Сохраняйте флоу как черновики и публикуйте их для пользователей
Метрики флоу
Отслеживайте и анализируйте метрики производительности флоу для увеличения дохода от подписок.
Резервные флоу
Настройте локальные резервные флоу в Adapty, чтобы флоу оставался видимым при отсутствии подключения к интернету.