Распространённые шаблоны флоу
Этот раздел описывает, как пошагово создавать наиболее распространённые шаблоны экранов в Flow & Paywall Builder — от выбора макета до настройки взаимодействий. Некоторые гайды продолжаются в коде приложения, где флоу возвращает результат. Каждый гайд самодостаточен и использует стандартные элементы Flow & Paywall Builder.
Повторное использование элементов в флоу
Сохраните блок выбора тарифа, таймлайн или целый экран в файл, а затем добавьте его в любой другой флоу — в том же приложении или в другом.
Идентификаторы имён для аналитики
Давайте экранам, полям ввода и вариантам квизов в флоу читаемые ID, чтобы события в Amplitude или Mixpanel отображались как названия, а не коды.
Создать базовый экран пейвола
Пошаговый гайд по созданию стандартного экрана пейвола в Flow & Paywall Builder.
Показать все планы в нижнем листе
Создайте пейвол с одним главным CTA, ссылкой «Показать все тарифы» и нижним листом, который открывает полный список продуктов.
Создать пейвол с вкладками
Создайте экран пейвола с двумя вкладками, которые переключают различные списки функций, группы продуктов и действия покупки.
Отображение разных функций для каждого продукта
Показывайте разный список возможностей в зависимости от того, какой продукт выбирает пользователь, используя условную видимость.
Показ предложения при нажатии на закрытие
Перехватите первое нажатие на закрытие, чтобы показать последнее предложение перед тем, как пользователь покинет пейвол.
Отображение зачёркнутой цены со значком скидки
Зачеркните цену ежемесячного плана рядом с эффективной месячной ценой годового плана, чтобы скидка была сразу заметна.
Реагирование на результаты покупки
Обрабатывайте каждый результат покупки в коде вашего приложения и открывайте второй флоу при успешной покупке.
Создание пейвола с переключателем пробного периода
Переключайте пейвол между продуктами с бесплатным пробным периодом и без него, синхронизируя выбранный продукт с состоянием переключателя.
Создать персонализированный онбординг-флоу
Пошаговое руководство по созданию многоэкранного онбординга — экраны, контент, навигация и условные переходы — на конкретном примере.
Посмотрите это вводное видео, чтобы создать базовый персонализированный флоу:
Хотите узнать больше о создании флоу? Смотрите пошаговые видеоуроки в нашем плейлисте на YouTube.