Боитесь «пустого листа» в конструкторе PuzzleBot? Напрасно! В этом пошаговом уроке мы разберем интерфейс на «кирпичики»: что такое команды, сообщения, кнопки и условия. А затем, шаг за шагом, соберем вашего первого простого бота, который научится знакомиться с подписчиками.
В прошлом уроке мы зарегистрировались на платформе, подключили нашего первого бота и осмотрелись в личном кабинете. Теперь пора погрузиться в самое интересное — в визуальный конструктор. Это «сердце» PuzzleBot, где и рождается вся магия автоматизации.
Если вы открыли его и почувствовали легкую панику от обилия кнопок и пустого поля — это нормально. Цель этого урока — превратить хаос в понятную систему. Мы разберем интерфейс, изучим основные «строительные кирпичики» и на практике соберем простейшего, но работающего бота.
Что где находится: обзор интерфейса конструктора
Давайте для начала сориентируемся на местности. Интерфейс конструктора можно условно разделить на три главные зоны.
[Общий вид конструктора PuzzleBot с выделением рабочего поля, панели блоков и панели управления]
Основное рабочее поле: Это ваш «холст», где вы, как из кубиков Lego, будете собирать схему (mind map) вашего чат-бота.
Панель с блоками (слева): Это ваши «строительные материалы». Отсюда вы будете брать все необходимые элементы для вашей схемы.
Верхняя панель управления: Здесь находятся главные инструменты: «Сохранить», «Применить изменения», «Отменить действие», а также кнопки для масштабирования и выравнивания вашей схемы.
Видео-версия урока для тех, кто предпочитает смотреть, а не читать.
💡 Выберите удобный источник и нажмите на значок Play для просмотра
Обратите внимание: видео в этом плеере воспроизводится с внешних платформ (YouTube, VK, RuTube), которые могут встраивать собственные рекламные материалы. Наш проект не имеет отношения к этой рекламе, не контролирует её содержание и не получает от неё доход.
02:08 – Интерфейс конструктора и его основные элементы
02:50 – Как создавать разные ветки логики с помощью “Групп команд”
06:21 – Три типа основных блоков: Команда, Инлайн-команда и Условие
07:50 – Обзор “Блоков экран”: Текст, Изображение, Видео, Аудио и др.
13:45 – Обзор “Блоков для бота”: Форма ввода, Таймаут, Товар и др.
17:01 – Как создавать кнопки и чем отличается обычная клавиатура от инлайн
23:12 – Функция “Действия”: как настроить фоновую автоматизацию
Выжимка ключевых моментов:
00:00:00Введение в конструктор PuzzleBot
Автор объясняет, что конструктор — это основной инструмент для создания логики бота, который позволяет настроить полноценного рабочего бота в Telegram.
Урок построен на разборе реального примера — обучающего бота, в котором находятся сами ученики.
Напоминается о специальном предложении: +7 бесплатных дней к любому оплаченному тарифу при регистрации по ссылке.
02:08:00Обзор интерфейса и основных блоков
Конструктор представляет собой визуальную mind-map, где каждый блок — это шаг сценария.
Есть три основных типа блоков для построения логики: “Обычная команда”, “Инлайн-команда” и “Условие”.
Функция “Группы команд” позволяет создавать отдельные рабочие пространства для разных веток воронки (например, для бесплатных и платных пользователей).
07:05:00Структура команды и типы вложенных блоков
“Команда” — это главный контейнер, внутри которого размещаются более мелкие блоки.
“Блоки экран” — это контент, который видит пользователь: текст, изображения, видео, аудио, документы, кнопки и т.д.
“Блоки для бота” отвечают за внутреннюю логику и сбор данных: форма ввода, таймер-задержка (таймаут), списки, товары, интеграция с Google Таблицами.
17:01:00Создание кнопок и связей между командами
Кнопки — основной способ навигации пользователя по боту; они связывают одну команду с другой.
Есть два типа клавиатур: обычная (появляется внизу экрана) и инлайн (прикреплена к конкретному сообщению).
Чтобы связать два блока, нужно в первом блоке создать кнопку и в её настройках выбрать действие “Переход к команде”, указав название второго блока.
25:35:00Дополнительные настройки и действия
В дополнительных настройках команды можно задать “Синонимы” — альтернативные ключевые слова, которые будут вызывать эту же команду.
Функция “Защита контента от пересылки” запрещает пользователям копировать и пересылать сообщения из этого блока.
“Действия” — это мощный инструмент для фоновой автоматизации: при выполнении команды бот может изменить переменную, добавить пользователя в группу, отправить триггер и многое другое.
«Кирпичики» для вашего бота: разбираем основные блоки
Вся логика чат-бота строится из набора стандартных блоков. Давайте разберем самые важные из них.
🚀 Команда: Это «спусковой крючок», который запускает определенный сценарий. Команда может срабатывать на текстовое сообщение от пользователя (например, «привет» или «меню») или на системное действие (например, /start при первом запуске бота). Каждая воронка начинается с команды.
💬 Сообщение: Это то, что видит ваш подписчик. Блок «Сообщение» может содержать текст, изображение, видео, аудиофайл или документ.
🔘 Кнопки: Это главный элемент навигации для пользователя. Кнопки позволяют ему не печатать ответы, а выбирать из предложенных вариантов, переходя по разным веткам вашей воронки.
📝 Форма ввода: Этот блок нужен, когда вы хотите задать пользователю вопрос и сохранить его ответ. Например, вы спрашиваете «Как вас зовут?», и то, что напишет пользователь, сохраняется в специальную ячейку — переменную.
⏳ Таймаут: Простая, но важная функция. Этот блок создает искусственную задержку перед отправкой следующего сообщения. Пауза в 2-3 секунды имитирует, будто сообщение печатает живой человек, что повышает доверие.
🧠 Условия и Действия: Это мозг вашего бота.
Условия позволяют создавать «развилки». Например: «Если пользователь нажал кнопку “Да”, то отправить ему сообщение А. Иначе — отправить сообщение Б».
Действия выполняют невидимую работу за кулисами. Например, присвоить пользователю определенную категорию, отправить уведомление администратору или записать данные в Google Таблицу.
Собираем первого простого бота: пошаговый практикум
Теория — это хорошо, но лучше один раз сделать. Давайте создадим простейшего бота, который будет знакомиться с пользователем.
Шаг 1: Создаем команду «привет»
На рабочем поле нажмите кнопку «+» и выберите «Обычная команда». Назовите ее «Приветствие». В настройках команды укажите, что она должна срабатывать на слово привет.
Шаг 2: Добавляем блок «Сообщение»
Внутри созданной команды нажмите «Добавить блок» и выберите «Сообщение». В поле для текста напишите:
Привет! Рад знакомству. Как я могу к тебе обращаться?
Шаг 3: Добавляем блок «Форма ввода»
Теперь нам нужно дождаться ответа и сохранить его. Соедините предыдущий блок со следующим, выбрав тип «Форма ввода». В настройках этого блока в поле «Записать ответ в переменную» напишите название вашей переменной, например, name.
[Пример настройки блока ‘Форма ввода’ с указанием переменной для сохранения ответа.]
Шаг 4: Добавляем финальный блок «Сообщение»
После того как бот получит и сохранит имя, он должен ответить. Соедините блок «Форма ввода» с финальным блоком «Сообщение». Напишите в нем текст: Приятно познакомиться, {{name}}!
Что такое {{name}}? Двойные фигурные скобки — это специальный синтаксис, который говорит боту: «Возьми значение из переменной name и подставь его сюда». Так бот обратится к каждому пользователю по тому имени, которое тот сам указал.
Шаг 5: Сохраняем и тестируем
В левом верхнем углу нажмите на иконку с дискетой («Применить изменения»). Теперь откройте вашего бота в Telegram и напишите ему команду привет. Он должен в точности выполнить наш сценарий!
Одна команда — одна задача
Совет от Евгения КарташоваЭксперт по техническому сопровождению онлайн-школ
Не пытайтесь впихнуть всю логику вашей онлайн-школы в одну гигантскую команду. Это верный путь к хаосу. Разбивайте вашу воронку на логические части. Пусть одна команда отвечает за приветствие, другая — за сбор контактов, третья — за выдачу бонуса. Так вы никогда не запутаетесь в своей схеме и сможете легко ее редактировать.
Теперь вы знаете, из каких «кирпичиков» состоит бот и как соединять их между собой. Вы готовы к созданию более сложных сценариев.
PuzzleBot — это продвинутый конструктор для создания чат-ботов эксклюзивно в Telegram. Чтобы помочь вам освоить его глубокий функционал, мы создали отдельный бесплатный видео-курс.
В уроках рассматриваются все ключевые аспекты: от создания первой автоворонки до настройки интернет-магазина в Telegram и интеграции с другими сервисами.
Этот сайт использует файлы cookie и сервис аналитики Яндекс.Метрика для сбора обезличенной технической статистики о посещениях. Это необходимо для базового функционирования и анализа работы сайта. Продолжая навигацию, вы соглашаетесь с использованием этих технологий.
