> ## Documentation Index
> Fetch the complete documentation index at: https://docs.landerlab.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Условная навигация в квиз-воронках

> Условная навигация направляет посетителей квиза на разные шаги в зависимости от ответов. Настройте Go to Step, ветвление по ответам и Custom URL.

Conditional Navigation (условная навигация) позволяет квизу приспосабливаться к ответам пользователя. Вместо фиксированного пути пользователей можно направлять на разные шаги — в зависимости от того, что они выбрали.

Это помогает создавать **динамические сценарии**, лучше квалифицировать лиды и персонализировать опыт.

## Как это работает

Вы можете задать разные пути в воронке в зависимости от выбора пользователя.

Например:

* Если пользователь выбирает **Yes**, отправьте его на шаг для подходящих лидов
* Если пользователь выбирает **No**, отправьте его на другой шаг

## Где можно использовать

Conditional Navigation доступна только в:

* блоках **Multiple Choice**
* блоках **Image Choice**

## Как добавить условную навигацию

<Frame>
  <img src="https://mintcdn.com/landerlab-babdc23f/zX1e_FbvO5ADeBfk/images/image-15-1024x523.png?fit=max&auto=format&n=zX1e_FbvO5ADeBfk&q=85&s=7accfe3c0829f0e550fe6c6a5c9b0370" alt="Раздел Navigation в настройках блока Multiple Choice" width="1024" height="523" data-path="images/image-15-1024x523.png" />
</Frame>

### 1. Добавьте блок с выбором

* Добавьте блок **Multiple Choice** или **Image Choice**
* Создайте варианты ответов

### 2. Откройте настройки Navigation

* Выберите блок
* Прокрутите до раздела **Navigation**
* Нажмите на него, чтобы открыть

## Варианты навигации

### Next Step (по умолчанию)

* Отправляет пользователей на следующий шаг воронки
* Одинаково работает для всех ответов

<Frame>
  <img src="https://mintcdn.com/landerlab-babdc23f/zX1e_FbvO5ADeBfk/images/image-16-1024x523.png?fit=max&auto=format&n=zX1e_FbvO5ADeBfk&q=85&s=cdc7b0989dcdc3091148d437df6b83e9" alt="Вариант навигации Next Step" width="1024" height="523" data-path="images/image-16-1024x523.png" />
</Frame>

### Go to Step

* Отправляет пользователей на конкретный шаг
* Игнорирует порядок шагов по умолчанию

<Frame>
  <img src="https://mintcdn.com/landerlab-babdc23f/zX1e_FbvO5ADeBfk/images/image-17-1024x524.png?fit=max&auto=format&n=zX1e_FbvO5ADeBfk&q=85&s=762c09b0b9012e0d71d2b5fcdac29e5a" alt="Вариант навигации Go to Step с выбором шага" width="1024" height="524" data-path="images/image-17-1024x524.png" />
</Frame>

### Conditional Navigation

* Позволяет задать разные пути для каждого ответа

При включении:

* у каждого варианта появится свой селектор шага (**step selector**)
* вы можете задать, куда ведёт каждый ответ

Пример:

* **Yes** → Step: Qualified
* **No** → Step: Not Qualified
  <video src="https://mintcdn.com/landerlab-babdc23f/zX1e_FbvO5ADeBfk/videos/Screen-Recording-2025-10-01-at-10.48.29-AM.webm?fit=max&auto=format&n=zX1e_FbvO5ADeBfk&q=85&s=77ba0aa99537dd16d3c91aeb08bbbee0" controls={true} data-path="videos/Screen-Recording-2025-10-01-at-10.48.29-AM.webm" />

### Custom URL

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

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

* внешняя страница благодарности
* страница оффера
* другая воронка

⚠️ Убедитесь, что URL начинается с `https://`

<Frame>
  <img src="https://mintcdn.com/landerlab-babdc23f/zX1e_FbvO5ADeBfk/images/image-19-768x392.png?fit=max&auto=format&n=zX1e_FbvO5ADeBfk&q=85&s=71366b473f53b8f0c41f26e9f5c25efb" alt="Вариант навигации Custom URL" width="768" height="392" data-path="images/image-19-768x392.png" />
</Frame>

## Navigate on Option Click

Эта настройка определяет, как пользователи переходят дальше:

* **Enabled** — переход происходит автоматически по клику на вариант
* **Disabled** — для перехода нужно нажать кнопку

<Frame>
  <img src="https://mintcdn.com/landerlab-babdc23f/zX1e_FbvO5ADeBfk/images/image-20-768x202-1.png?fit=max&auto=format&n=zX1e_FbvO5ADeBfk&q=85&s=6a433fcaecfa29184909e27c19aba701" alt="Переключатель Navigate on Option Click" width="768" height="202" data-path="images/image-20-768x202-1.png" />
</Frame>

## Рекомендации

* Делайте логику простой и понятной
* Используйте понятные названия шагов, чтобы не путаться
* Проверяйте все ветки, чтобы убедиться, что навигация работает правильно


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.