Все коллекции
Onboarding.Online FAQ
Добавление экранов и установка связей между ними
Добавление, удаление и клонирование экранов онбординга
Добавление, удаление и клонирование экранов онбординга
В
Автор: Валерия Зимницкая
Обновлено больше недели назад

В этой статье вы найдёте инструкции по добавлению и удалению экранов, их клонированию, изменению первого экрана, добавлению текста и изображений и многому другому.


Что такое Экран Flow:

Экран "Flow" - это место, где вы создаёте последовательность экранов для онбординга. Здесь вы можете добавлять экраны, настраивать связи между ними и задавать правила навигации.

После создания онбординга, панель Flow откроется автоматически. Вы также можете открыть её вручную, нажав на запись онбординга в основном меню проекта.

Добавление Первого Экрана:

Онбординг всегда начинается с определённого первого экрана. Переносите экраны с правой панели на основную, используя перетаскивание.

Либо нажмите кнопку "ADD FIRST SCREEN" для автоматической настройки.

Обратите внимание: вы можете изменять первый экран по своему усмотрению (подробности ниже).

Добавление Других Экранов:

Продолжайте перетаскивать другие экраны с правой панели на основную, чтобы формировать вашу последовательность.

Структура Экрана на Flow:

Каждый экран состоит из входов(input), выходов(output) и верхней панели.


Входы помогают связывать экраны между собой. Первый экран определяется по стрелке с надписью "Первый экран".

На последующих экранах стрелка входа будет слева.

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

Выход для кнопки "Skip"

Выход для кнопки Skip

Отдельные выходы для каждой кнопки футера.

Выходы показывается для каждой кнопки футера отдельно

Выходы для таблиц:

количество зависит от одно- и двухколоночных таблиц с одиночным выбором.

Слайдеры и прогресс-бары имеют свои выходы.

Экран с типом Slider имеет свой выход

Callback для Сustom экрана

Таймер

Для кадого типа экрана вы можете настроить таймер перехода на следующий экран

Верхняя панель

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

Идентификатор экрана (ScreenID) - это автоматически сгенерированный идентификатор, который вы можете изменить в любое время.

Клонирование(Clone) позволяет создать копию экрана со всем его содержимым, кроме связей и отметки первого экрана.

Удаление (Delete) позволяет убрать экран. При выборе этой функции появится окно подтверждения. Если нажать "отмена", экран останется на месте. Если нажать "удалить", экран исчезнет навсегда.

Если удалить первый экран, не забудьте назначить другой экран в качестве первого, чтобы не нарушить процесс онбординга.

Дополнительные Настройки (More settings) - здесь вы найдете разные опции для первого экрана и для остальных.

Дополнительные Настройки (More settings) отличаются для экрана помеченного как "первый" и не для первого экрана

Настройки для первого экрана:

Настройки не для первого экрана:

"Apply content"

"Apply Content": добавляет текст и изображения на экран.

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

'Set the first screen' (Установить первый экран)

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

После нажатия 'Set the first screen,' вы увидите подтвержающий поп ап. Если вы нажмете Cancel, поп ап закроется, и First screen не изменится. Если вы нажмете OK, то первый экран заменится

📣Только один экран в добавленный на Flow для текущего онбординга может быть установлен как "первый"

После настройки экрана как первого, все входящие соединения будут автоматически удалены. Если экран был частью последовательности с правилами, правила, следующие за этим экраном, будут очищены.

"Enable/Disable Apply Theme": применение изменения темы для экрана.

Эта функция позволяет вам контролировать, будет ли к определённому экрану применена общая тема оформления, которую вы решили изменить для существующего онбординга.

The "Enable/Disable apply theme" feature in your onboarding platform offers a significant level of control over how theme changes are applied to individual screens. Here’s a detailed explanation of how this feature works:

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

Пример использования:

Допустим, вы решили изменить тему оформления вашего онбординга, например, изменить цвет фона. Вы входите в настройки темы и выбираете новый цвет фона. Если опция "Apply Theme" включена ("Enable") для всех экранов, то изменения автоматически применятся ко всем экранам в последовательности онбординга.

Теперь предположим, что у вас есть один экран, где вы хотите сохранить оригинальный дизайн, несмотря на общие изменения темы. Для этого экрана вы выбираете опцию "Disable Apply Theme". Это означает, что, несмотря на общие изменения в теме оформления, этот конкретный экран сохранит свой первоначальный дизайн, включая цвет фона.


В этой статье мы рассмотрели ключевые аспекты управления экраном "Flow" в процессе онбординга. От понимания структуры экрана до детальных инструкций по добавлению, редактированию и управлению экранами – все эти знания помогут вам эффективно настраивать и оптимизировать процесс онбординга.

Нашли ответ на свой вопрос?