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