Флоу и пейволы (Бета)

В Adapty флоу создаются в визуальном редакторе без кода.

• Создавайте пейволы, онбординги и не только: Создавайте динамические одно- или многоэкранные флоу.
• Готовые шаблоны флоу: Начните с профессионально разработанного шаблона.
• Ваши дизайны из Figma: Импортируйте фреймы из Figma и превратите их в редактируемый флоу.
• Гибкий дизайн: Воссоздавайте сложные экраны визуально — без единой строки кода.
• AI Editor: Опишите изменение простым языком и наблюдайте, как оно появляется на экране — меняйте стиль, текст или расположение элементов, не трогая свойства.
• Нативный рендеринг: Adapty SDK рендерит флоу нативно, без веб-вьюшек, обеспечивая плавный пользовательский опыт.
• Обновления без перевыпуска: Меняйте тексты, дизайн или логику в любое время. Обновления доходят до пользователей без релиза приложения.

Что можно создать

Флоу можно разместить в любом месте приложения — при первом запуске, перед премиум-функцией или после ключевого действия. Каждый экран полностью настраивается, поэтому флоу всегда соответствует контексту. Вот несколько самых популярных сценариев:

• Онбординг приложения: демонстрируйте возможности приложения, задавайте вопросы и персонализируйте выделенные функции и CTA на основе ответов на квиз. См. Создание персонализированного онбординг-флоу.
• Экраны пейвола: закрывайте доступ к премиум-контенту и предлагайте продукты со списком функций, ценами и кнопкой покупки. См. Создание базового экрана пейвола.
• Тарифные планы во вкладках: показывайте уровни подписки рядом во вкладках, меняя список функций и CTA при переключении между ними. См. Создание пейвола с вкладками и Показ различных функций для каждого продукта.
• Раскрываемые списки планов: начинайте с одного выделенного предложения и показывайте полный список продуктов в нижнем листе, когда пользователь хочет сравнить. См. Показ всех планов в нижнем листе.
• Опросы и квизы: собирайте цели, предпочтения или уровень опыта, а затем используйте ответы для ветвления флоу, адаптации последующих экранов или обработки их в приложении. См. Поля ввода и формы.
• Социальные доказательства: формируйте доверие с помощью карточек отзывов, рейтингов и рекомендаций прямо перед решением о покупке. См. Отзывы и рекомендации.
• Промо- и win-back-экраны: запускайте ограниченные по времени скидки, предложения с бесплатным пробным периодом или win-back-экраны для возвращения ушедших пользователей.

Это лишь самые распространённые паттерны. Флоу строятся из гибких, переиспользуемых элементов, поэтому вы можете собирать из них практически любые экраны, которые нужны вашему продукту, — и перестраивать их по мере его развития.

Создайте флоу

Создайте новый флоу из шаблона галереи, чистого холста или ваших дизайнов из Figma. Затем настройте его с помощью следующих возможностей:

• Библиотека элементов — готовые блоки для текста, медиа, кнопок, форм и другого контента.
• Действия — навигация между экранами, открытие URL, запуск покупок и многое другое.
• Переменные — использование значений переменных в тексте или для логики флоу на основе триггеров.
• Условная навигация — ветвление флоу в зависимости от действий пользователя.
• Квизы и поля ввода — сбор пользовательского ввода, его использование во флоу или передача в приложение.
• AI Editor — опишите изменение на обычном языке, и ИИ применит его к текущему экрану.
• Тёмный режим — стилизация элементов под тему устройства.
• Локализация — вручную или с помощью ИИ.

Сохраните и опубликуйте черновик, затем привяжите его к плейсменту флоу — новому, с идентификатором плейсмента, который не используется ни в одном другом плейсменте приложения. Плейсмент флоу может показывать разные флоу разным аудиториям.

Когда флоу запущен, отслеживайте его просмотры, завершения и выручку на странице метрик. Большинство графиков на странице Analytics, от MRR до оттока, также можно отфильтровать по конкретному флоу — или экрану флоу.

Следующие шаги