Common flow recipes

This section walks through how to build the most common screen templates in the Flow Builder — element by element, from the layout choices to the interactions. Each guide is self-contained and uses the standard Flow Builder elements.

Создать базовый экран пейвола

Пошаговое руководство по созданию стандартного экрана пейвола во Flow Builder.

Показать все планы в нижнем листе

Создайте пейвол-герой с одной кнопкой CTA, ссылкой «Показать все планы» и нижним листом, в котором отображается полный список продуктов.

Создать пейвол с вкладками

Создайте экран пейвола с двумя вкладками, переключающимися между разными списками функций, группами продуктов и кнопками покупки.

Отображение разных функций для каждого продукта

Показывайте разный список функций в зависимости от того, какой продукт выбирает пользователь, используя условную видимость.

Показ предложения при нажатии на закрытие

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

Отображение зачёркнутой цены со значком скидки

Зачеркните цену месячного плана рядом с эффективной месячной ценой годового плана, чтобы скидка была видна с первого взгляда.

Создать персонализированный онбординг-флоу

Подробное руководство по созданию многоэкранного онбординг-флоу — экраны, контент, навигация и условные переходы — на конкретном примере.

Follow this quickstart video to create a basic personalized flow: