---
title: "Выбираемые элементы и группы"
description: "Делайте элементы выбираемыми, организуйте их в группы и используйте их состояние в условиях флоу."
---

Выбираемые элементы — это элементы флоу, на которые пользователь может нажать, чтобы выбрать или снять выбор. Их состояние может управлять навигацией, видимостью и другой логикой во флоу. Вот что можно сделать:
- [Использовать стандартные выбираемые элементы](#default-selectable-elements) — варианты квиза, продукты, вкладки и переключатели пробного периода доступны из коробки
- [Сделать любой элемент выбираемым](#make-an-element-selectable) — превратите любой элемент в выбираемый и назначьте его в группу
- [Создавать группы и управлять ими](#create-a-group) — организуйте выбираемые элементы в группы с одиночным, множественным выбором или переключателем
- [Использовать состояние выбора в условиях](#use-selectable-state-in-conditions) — обращайтесь к значениям группы в условиях на любом экране флоу
## Элементы, выбираемые по умолчанию \{#default-selectable-elements\}

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

- **Варианты квиза**: каждый ответ квиза — это выбираемый элемент внутри группы квиза. См. [Квизы](onboarding-quizzes).
- **Продукты**: карточки продуктов в группе продуктов. См. [Блок продуктов](paywall-product-block).
- **Табы**: элементы табов внутри группы табов. См. [Табы](builder-tabs).
- **Переключатели триала**: контейнер, который входит в группу и получает состояние «выбран». См. [Переключатели](builder-toggles).
## Сделать элемент выбираемым \{#make-an-element-selectable\}

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

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

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

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

## Создать группу \{#create-a-group\}

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

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

1. Выберите элемент и [сделайте его выбираемым](#make-an-element-selectable).
2. В выпадающем списке **Group** выберите **Create group**.

3. Введите **Group name**.
4. Выберите [тип группы](#group-types).

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

## Типы групп \{#group-types\}

:::important
Большинство [пресетов квизов](onboarding-quizzes) по умолчанию используют тип **multi-choice**. Измените [тип группы](#manage-groups), чтобы разрешить выбор только одного ответа.
:::

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

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

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

- Изменить идентификатор группы
- Изменить [тип группы](#group-types)
- Посмотреть, как элементы группы используются в условиях

## Использование состояния выбора в условиях \{#use-selectable-state-in-conditions\}

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

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

Используйте состояние выбора вместе с:
- **[Условные действия](onboarding-actions#conditional-actions)**: Направляйте пользователей на разные экраны или запускайте разные действия в зависимости от выбранных элементов.
- **[Динамическая навигация](onboarding-navigation-branching)**: Разветвляйте флоу на основе ответов в квизе, состояний переключателей или других выборов.
- **[Условная видимость](onboarding-element-visibility)**: Показывайте или скрывайте элементы в зависимости от того, что пользователь выбрал на предыдущих экранах.