Как создать сайт-конвертер для генерации заявок на свои услуги и продукты
Разбираем, как с помощью нейросети, Telegram-бота и Chatium собрать сайт-анкету: человек переходит с вакансии или рекламы, проходит квиз, а заявка сразу прилетает в Telegram.
Что создаёмСайт-квиз для квалификации кандидата или клиента перед заявкой.
Куда приходят заявкиВ отдельный Telegram-чат через бота, созданного в BotFather.
Как адаптироватьМеняем вопросы и тип результата под консультации, услуги, продукты или отбор людей.
Логика сайта-конвертера
В примере из урока создаётся сайт-анкета для вакансии менеджера по продажам. Человек видит вакансию, читает её, переходит на сайт, заполняет анкету, а его заявка попадает в Telegram-бот. После этого можно связаться только с подходящими кандидатами.
Эту механику можно переделать под себя: вместо кандидатов собирать заявки на услугу, консультацию, диагностику, аудит, подбор продукта или любой другой сценарий, где перед общением нужно быстро квалифицировать человека.
Шаг 1
Создаём тест в GPT или другой нейросети
Сначала просим нейросеть придумать квиз. В уроке тест определяет тип менеджера: результатник, статусник, денежник или процессник. Важно: результат не показывается человеку, который проходит тест. Он нужен администратору, чтобы понять, с кем связываться дальше.
На первом этапе нейросеть придумывает вопросы, варианты ответов и логику определения типа кандидата.Шаг 2
Создаём бота через @BotFather
Откройте Telegram и найдите @BotFather.
Отправьте команду /newbot.
Придумайте имя бота, например «Заявки менеджера отдела продаж».
Придумайте username. Он должен быть уникальным и заканчиваться на bot или содержать bot.
Сохраните API-токен бота. Он понадобится для отправки заявок с сайта в Telegram.
После создания BotFather выдаёт токен. Его нельзя публиковать в открытом доступе.Шаг 3
Создаём чат, куда будут приходить заявки
Создайте отдельную Telegram-группу для заявок.
Сделайте историю сообщений открытой, если это нужно вашей команде.
Добавьте своего бота в чат и назначьте его администратором.
Добавьте бота @myidbot.
Напишите в чат команду /getgroupid.
Скопируйте ID чата. Обычно он выглядит как длинное число и может начинаться с -100.
Шаг 4
Составляем ТЗ для генерации сайта
Теперь готовим техническое задание для нейросети, которая будет создавать сайт-квиз. В ТЗ нужно описать логику экранов, дизайн, вопросы теста и интеграцию с Telegram.
Обязательно проверьте, что в ТЗ есть ID чата и токен бота. Иногда нейросеть их не переносит, поэтому эти данные можно дописать вручную перед отправкой в Chatium.
Готовое ТЗ вставляется в рабочее поле Chatium. После этого сервис генерирует сайт.Шаг 5
Регистрируемся или авторизуемся в Chatium
Зайдите в Chatium.
Нажмите «+ пространство».
Назовите пространство понятно для себя, например «Отдел продаж».
Вставьте ТЗ в рабочее поле.
Если в ТЗ нет API-токена и ID чата, допишите их вручную.
Отправьте задание на генерацию сайта.
Шаг 6
Проверяем результат и вносим правки
Когда сайт готов, откройте его в отдельном окне и пройдите квиз как обычный пользователь: нажмите «Начать тест», заполните контакты, ответьте на вопросы и отправьте анкету.
После отправки проверьте Telegram-чат. В уроке заявка пришла с текстом «Новая анкета менеджера» и итоговым типом кандидата, например «денежник».
Первый экран готового сайта-квиза.Проверка интеграции: заявка пришла в Telegram-чат.Если нужно, просим Chatium удалить лишние поля или поправить формулировки.
В уроке также проверялась возможность убрать служебную кнопку Chatium. В текущем интерфейсе это оказалось доступно только на платной подписке. Если брендирование мешает, заложите подписку в бюджет проекта.
Промпты для копирования
Ниже готовые тексты, которые можно вставлять в GPT и Chatium. Реальный токен бота не публикуйте: вместо него в промпте стоит безопасный плейсхолдер.
Промпт 1. Создать квиз-опрос
Я хочу создать квиз-опрос, который буду размещать на сайте для квалификации менеджера отдела продаж на предмет того, какой у него тип человека: результатник, статусник, денежник или процессник.
Тест должен быть несложный, состоять из 7-8 вопросов. Можно использовать шуточные формулировки, но вопросы должны помогать понять поведение человека в продажах.
Результаты не должны показываться тому, кто проходит тест. Их нужно отправлять мне как администратору этого теста.
Дополнительно в анкету нужно добавить поля:
- имя;
- какие есть соцсети;
- какой удобен способ связи.
Придумай этот тест: вопросы, варианты ответов и логику, по которой определяется тип кандидата.
Промпт 2. Составить ТЗ для сайта-квиза
Теперь нужно составить техническое задание для другой нейросети, которая будет создавать сайт-квиз.
Задача сайта:
Создать сайт-анкету для квалификации менеджера отдела продаж. Пользователь проходит короткий квиз, оставляет имя, соцсети и удобный способ связи. После отправки анкеты результат должен уходить администратору в Telegram-чат через бота.
Логика:
1. Первый экран: заголовок, короткое объяснение и кнопка «Начать тест».
2. Экран контактов: имя, соцсети, удобный способ связи.
3. 7-8 вопросов квиза с вариантами ответов.
4. После отправки пользователь видит нейтральное сообщение: «Спасибо, анкета отправлена».
5. Пользователь не должен видеть свой тип.
6. Администратор в Telegram должен получить:
- имя кандидата;
- соцсети;
- удобный способ связи;
- ответы на вопросы;
- итоговый тип: результатник, статусник, денежник или процессник.
Дизайн:
Должен быть светлый, с размытыми яркими элементами синего и фиолетового цвета на фоне, чтобы создавался эффект боке.
Плашки, на которых размещается квиз, должны быть стеклянными, матовыми, полупрозрачными, чтобы задний фон было видно.
Текст может быть градиентным в акцентных цветах сайта, но обязательно должен быть хорошо различимым на фоне и на плашках.
Анимация должна быть плавной. Интерфейс должен выглядеть современно и аккуратно.
Интеграция:
Результаты прохождения теста должны приходить через Telegram-бота в чат.
ID чата: ВСТАВЬТЕ_ID_ЧАТА
API-токен бота: ВСТАВЬТЕ_ТОКЕН_БОТА
Собери сайт-квиз по этому ТЗ.
Промпт 3. Внести правки после генерации
Внеси правки в сайт-квиз:
1. Удали лишние поля, которых не было в ТЗ.
2. Оставь обязательными только имя, соцсети и удобный способ связи.
3. Сделай формулировки вопросов проще и живее.
4. Финальный экран после отправки должен быть нейтральным: «Спасибо, анкета отправлена».
5. Пользователь не должен видеть свой итоговый тип.
6. Проверь, что заявка всё ещё отправляется в Telegram-чат через бота.
Хотите делегировать нейросети больше рутины?
Посмотрите короткое видео о том, как за несколько минут с нейро-агентом можно собрать канал, упаковку и стратегию.
