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

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

Элементы, выбираемые по умолчанию

Некоторые типы элементов являются выбираемыми по умолчанию — они уже входят в автоматически создаваемые группы и не требуют дополнительной настройки:

• Варианты квиза: каждый ответ квиза — это выбираемый элемент внутри группы квиза. См. Квизы.
• Продукты: карточки продуктов в группе продуктов. См. Блок продуктов.
• Табы: элементы табов внутри группы табов. См. Табы.
• Переключатели триала: контейнер, который входит в группу и получает состояние «выбран». См. Переключатели.

Сделать элемент выбираемым

В некоторых случаях может потребоваться сделать дополнительные элементы выбираемыми. Например, можно добавить чекбокс Don’t ask me again, который работает как элемент внутри группы quiz.

Чтобы сделать элемент выбираемым:

1. Выберите элемент на экране или на панели Layers.
2. Справа перейдите на панель Interactions.
3. Выберите Turn into selectable element.

4. В выпадающем списке Group выберите существующую группу или создайте новую.
5. Задайте Element ID — уникальный идентификатор этого элемента внутри группы.
6. Если вы хотите, чтобы этот элемент был выбран по умолчанию, установите флажок Set as default in group.

Создать группу

Группы организуют выбираемые элементы на экране и определяют логику выбора — один вариант, несколько или переключение.

Чтобы создать группу:

1. Выберите элемент и сделайте его выбираемым.
2. В выпадающем списке Group выберите Create group.

3. Введите Group name.
4. Выберите тип группы.

Группа станет доступна в выпадающем списке Group для других выбираемых элементов на том же экране.

Типы групп

• Single choice: В группе можно выбрать только один элемент. При выборе нового элемента предыдущий снимается.
• Multi-choice: Можно одновременно выбрать несколько элементов.
• Toggle: Каждый элемент независимо переключается между выбранным и невыбранным состоянием при каждом нажатии.

Управление группами

Чтобы просматривать и редактировать группы, откройте панель Screen settings и найдите раздел Selectable groups. В нём перечислены все группы на текущем экране.

Нажмите на идентификатор группы, чтобы:

• Изменить идентификатор группы
• Изменить тип группы
• Посмотреть, как элементы группы используются в условиях

Использование состояния выбора в условиях

Вы можете обращаться к состоянию выбора группы в условиях на любом экране флоу — не только на том, где определена группа. Например: IF quiz.photo is selected, THEN navigate to the Photo screen.

Используйте состояние выбора вместе с:

• Условные действия: Направляйте пользователей на разные экраны или запускайте разные действия в зависимости от выбранных элементов.
• Динамическая навигация: Разветвляйте флоу на основе ответов в квизе, состояний переключателей или других выборов.
• Условная видимость: Показывайте или скрывайте элементы в зависимости от того, что пользователь выбрал на предыдущих экранах.