Урок 2: Работа в конструкторе ботов PuzzleBot

В прошлом уроке мы зарегистрировались на платформе, подключили нашего первого бота и осмотрелись в личном кабинете. Теперь пора погрузиться в самое интересное — в визуальный конструктор. Это «сердце» PuzzleBot, где и рождается вся магия автоматизации.

Если вы открыли его и почувствовали легкую панику от обилия кнопок и пустого поля — это нормально. Цель этого урока — превратить хаос в понятную систему. Мы разберем интерфейс, изучим основные «строительные кирпичики» и на практике соберем простейшего, но работающего бота.

Что где находится: обзор интерфейса конструктора

Давайте для начала сориентируемся на местности. Интерфейс конструктора можно условно разделить на три главные зоны.

[Общий вид конструктора PuzzleBot с выделением рабочего поля, панели блоков и панели управления]

1. Основное рабочее поле: Это ваш «холст», где вы, как из кубиков Lego, будете собирать схему (mind map) вашего чат-бота.
2. Панель с блоками (слева): Это ваши «строительные материалы». Отсюда вы будете брать все необходимые элементы для вашей схемы.
3. Верхняя панель управления: Здесь находятся главные инструменты: «Сохранить», «Применить изменения», «Отменить действие», а также кнопки для масштабирования и выравнивания вашей схемы.

Видео-версия урока для тех, кто предпочитает смотреть, а не читать. 

«Кирпичики» для вашего бота: разбираем основные блоки

Вся логика чат-бота строится из набора стандартных блоков. Давайте разберем самые важные из них.

• 🚀 Команда: Это «спусковой крючок», который запускает определенный сценарий. Команда может срабатывать на текстовое сообщение от пользователя (например, «привет» или «меню») или на системное действие (например, /start при первом запуске бота). Каждая воронка начинается с команды.
• 💬 Сообщение: Это то, что видит ваш подписчик. Блок «Сообщение» может содержать текст, изображение, видео, аудиофайл или документ.
• 🔘 Кнопки: Это главный элемент навигации для пользователя. Кнопки позволяют ему не печатать ответы, а выбирать из предложенных вариантов, переходя по разным веткам вашей воронки.
• 📝 Форма ввода: Этот блок нужен, когда вы хотите задать пользователю вопрос и сохранить его ответ. Например, вы спрашиваете «Как вас зовут?», и то, что напишет пользователь, сохраняется в специальную ячейку — переменную.
• ⏳ Таймаут: Простая, но важная функция. Этот блок создает искусственную задержку перед отправкой следующего сообщения. Пауза в 2-3 секунды имитирует, будто сообщение печатает живой человек, что повышает доверие.
• 🧠 Условия и Действия: Это мозг вашего бота.
  • Условия позволяют создавать «развилки». Например: «Если пользователь нажал кнопку “Да”, то отправить ему сообщение А. Иначе — отправить сообщение Б».
  • Действия выполняют невидимую работу за кулисами. Например, присвоить пользователю определенную категорию, отправить уведомление администратору или записать данные в Google Таблицу.

Собираем первого простого бота: пошаговый практикум

Теория — это хорошо, но лучше один раз сделать. Давайте создадим простейшего бота, который будет знакомиться с пользователем.

Шаг 1: Создаем команду «привет»

На рабочем поле нажмите кнопку «+» и выберите «Обычная команда». Назовите ее «Приветствие». В настройках команды укажите, что она должна срабатывать на слово привет.

Шаг 2: Добавляем блок «Сообщение»

Внутри созданной команды нажмите «Добавить блок» и выберите «Сообщение». В поле для текста напишите:

Привет! Рад знакомству. Как я могу к тебе обращаться?

Шаг 3: Добавляем блок «Форма ввода»

Теперь нам нужно дождаться ответа и сохранить его. Соедините предыдущий блок со следующим, выбрав тип «Форма ввода». В настройках этого блока в поле «Записать ответ в переменную» напишите название вашей переменной, например, name.

[Пример настройки блока ‘Форма ввода’ с указанием переменной для сохранения ответа.]

Шаг 4: Добавляем финальный блок «Сообщение»

После того как бот получит и сохранит имя, он должен ответить. Соедините блок «Форма ввода» с финальным блоком «Сообщение». Напишите в нем текст: Приятно познакомиться, {{name}}!

Что такое {{name}}? Двойные фигурные скобки — это специальный синтаксис, который говорит боту: «Возьми значение из переменной name и подставь его сюда». Так бот обратится к каждому пользователю по тому имени, которое тот сам указал.

Шаг 5: Сохраняем и тестируем

В левом верхнем углу нажмите на иконку с дискетой («Применить изменения»). Теперь откройте вашего бота в Telegram и напишите ему команду привет. Он должен в точности выполнить наш сценарий!

Одна команда — одна задача

Совет от Евгения КарташоваЭксперт по техническому сопровождению онлайн-школ

Не пытайтесь впихнуть всю логику вашей онлайн-школы в одну гигантскую команду. Это верный путь к хаосу. Разбивайте вашу воронку на логические части. Пусть одна команда отвечает за приветствие, другая — за сбор контактов, третья — за выдачу бонуса. Так вы никогда не запутаетесь в своей схеме и сможете легко ее редактировать.

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

Навигация по курсу:

• ⬅️ Предыдущая статья: В прошлом уроке мы зарегистрировались на платформе
• ➡️ Следующий урок: В следующем уроке мы разберем рассылки и сценарии
• 📚 Перейти ко всем урокам курса по PuzzleBot