---
title: Визуальный редактор чат-бота
description: Визуальный редактор — узлы, переходы, связи, отладка сценария
---

> **For AI agents:** the complete documentation index is at [llms.txt](/llms.txt). Append `.md` to any page URL for its markdown version.

# Визуальный редактор чат-бота

> Коротко: визуальный редактор позволяет построить дерево сценария бота из узлов и переходов. Открывается из списка чат-ботов.

## Кому подходит

- Роль: Клиент, Администратор
- Уровень: Опытный

## Что это

Визуальный редактор — это рабочая область, где строится дерево сценария. Оно состоит из:

- Узлов — сообщения от бота и запросы к получателю.
- Переходов — ответы и условия пользователя.
- Связей — стрелки между узлами.

## Как открыть

1. Откройте раздел Диалоги → Чат-боты.
2. В списке доступных чат-ботов наведите курсор на нужную запись.
3. Нажмите на иконку визуального редактора.

## Структура рабочей области

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

| Элемент | Что делает |
|---|---|
| Панель управления | Открывает список доступных чат-ботов |
| Название бота | Показывает имя бота и открывает вкладку с деревом сценария |
| Добавить узел | Создаёт узел — сообщение от системы |
| Добавить переход | Создаёт переход — ответ пользователя |
| Масштаб | Регулирует масштаб отображения |

### Рабочая область

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

### Начальный узел

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

Важно: первый узел в сценарии всегда должен быть Начальный узел.

## Как строить сценарий

### Шаг 1. Перетащите Добавить узел на область

Откроется панель Редактирование шага.

### Шаг 2. Настройте узел

Заполните поля и нажмите Сохранить шаг. Узел появится на рабочей области.

### Шаг 3. Перетащите Добавить переход на область

Откроется панель настройки перехода.

### Шаг 4. Настройте переход

Заполните поля, нажмите Сохранить шаг. Переход появится на рабочей области.

### Шаг 5. Соедините узлы и переходы

1. Начните вести стрелку от корпуса узла.
2. Доведите до заголовка другого узла или перехода.
3. Отпустите — связь установится.

Стрелки показывают направление развития сценария.

### Шаг 6. Отметьте конечный узел

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

### Шаг 7. Добавьте узел отказа

Узел отказа используется при сбое. Отмечается вкладкой В случае отказа.

При необходимости добавьте другие типы узлов:

- Узел истечения тайм-аута ожидания ответа.
- Узел истечения тайм-аута отсутствия активности.
- Узел отписки.

## Действия с узлами

Каждый узел можно:

- Редактировать — двойной клик.
- Переместить — перетаскивание.
- Удалить — через контекстное меню.

## Масштаб

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

- Увеличить отображение для детальной работы.
- Уменьшить для обзора всего дерева.

## Результат

Дерево сценария построено. Бот готов к запуску.

## Что дальше

- [Как добавить узел](/04-mydialogi/05-chatbots/md-703-add-node)
- [Как добавить переход](/04-mydialogi/05-chatbots/md-704-add-transition)
- [Типы узлов: справочник](/04-mydialogi/05-chatbots/md-705-node-types)

## Частые проблемы

| Симптом | Причина | Решение |
|---|---|---|
| Нет начального узла | Узел не создан | Перетащите Добавить узел |
| Связь не устанавливается | Неверное направление | Ведите от корпуса к заголовку |
| Узел не сохраняется | Ошибка валидации | Проверьте обязательные поля |
| Сценарий не запускается | Нет конечного узла | Отметьте конечный узел |

## Нужна помощь?

- Мой диалог: support@mydialogi.ru