Человек листает в 22:40
Он увидел вещь в канале, но писать «здравствуйте, а почём?» не хочет. В каталоге цена и наличие видны сразу, а «Заказать» открывает форму из трёх полей. Заявка приходит, пока вы спите.
Telegram · каталог и заявки
Телеграм-бот каталога товаров: два тапа до заказа
Телеграм-бот каталога товаров, который собирается за вечер: покупатель листает карточки, жмёт «Заказать» и отправляет заявку. Вы открываете список, меняете статус и закрываете сделку — без «а сколько стоит?» в личке.
5 000 000 токенов бесплатно
Инструкция из 7 шагов
Один HTML-файл
Напишите боту «старт» — он пришлёт ссылку на установку и откроет доступ к токенам.
Каталог «Тёплый дом»бот · витрина и заказы
···
Сегодня в каталоге 42 позиции. Выберите категорию или листайте подряд.
Текстиль
Посуда
Свет
фото
Плед «Утро»6 цветов · в наличии
4 200 ₽
фото
Набор чашек4 шт. · хлопок
1 850 ₽
фото
Лампа «Точка»тёплый свет
Плед «Утро», 1 шт. Самовывоз сегодня.
Заявка №34 принята. Статус: новая. Ответим до 12:00.
Новая заявка1
три бытовые ситуации
Где витрина экономит вам вечер
Не про «цифровую трансформацию», а про три момента, которые случаются каждую неделю, если вы продаёте вещи руками.
Вы между встречами
В кармане звякает уведомление: «Новая заявка №34». В карточке — состав, сумма, имя и телефон. Одно нажатие переводит её в «в работе», второе закрывает.
Прайс в посте устарел
Вы подняли цену на плед ещё в марте, а в старом посте живёт старая цифра. В каталоге цена одна и меняется за десять секунд — без переверстки постов.
границы честно
Что бот делает, а чего не делает
Каталог в Telegram — это витрина и приём заявок. Стоит сразу понимать, где заканчиваются его обязанности.
Делает
- Показывает товары с ценой, описанием и категориями.
- Принимает заказ в два тапа: карточка → форма → «Отправить».
- Складывает заявки в список с поиском и фильтрами.
- Держит статусы «новая → в работе → закрыта».
- Считает день: новые, в работе, закрытые, сумма.
- Напоминает бейджем о непрочитанных, подстраивается под тему Telegram.
Не делает
- Не проводит платежи: реквизиты или «оплата при получении» обсуждаете сами.
- Не требует сервера, домена и базы — файл открывается в приложении.
- Не заменяет бухгалтерию и склад: это витрина и заявки.
- Не рассылает рекламу: только то, что человек сам написал в заказе.
карточка заявки
Как выглядит заявка, которую приятно закрыть
Одна карточка вместо десяти сообщений: хватает, чтобы собрать заказ, назвать сумму и не переспрашивать имя.
- Состав и сумма. Позиции с количеством и ценой, итог считается сам.
- Данные клиента. Имя, телефон или @username, комментарий к заказу.
- История статусов. Видно, когда заявка появилась и когда ушла в работу.
Заявка №34
новая
КлиентМарина, @marina_k
СоставПлед «Утро» × 1
Набор чашек × 2
Набор чашек × 2
Сумма7 900 ₽
КомментарийСамовывоз сегодня после 18:00
ИсточникКаталог · категория «Текстиль»
состав приложения
Что войдёт в приложение
Список модулей вы подтверждаете ответами на вопросы бота: что-то можно убрать, что-то добавить под свой ассортимент.
Форма или каталог
Сетка товаров с фильтром по категориям и поиском по названию. У каждой позиции — цена, описание и кнопка заказа.
Список заявок
Все обращения в одном месте: сортировка по дате, фильтр по статусу, поиск по клиенту.
Статусы
Три шага «новая → в работе → закрыта». Переход в один клик, без лишних подтверждений и модальных окон.
Карточка заявки
Состав, сумма, контакты, комментарий, заметка и история смены статусов.
Счётчики за день
Четыре цифры на виду: сколько пришло, сколько в работе, сколько закрыто и на какую сумму.
Тема Telegram
Светлая и тёмная тема, крупные кнопки под палец — каталог открывается в телефоне аккуратно.
инструкция
Семь шагов: от слова «старт» до готового каталога
Кнопки названы так же, как в приложении. Скриншоты сняты на реальных экранах — сверяйте по шагам.
1
Приложение установлено
Напишите боту «старт» — он пришлёт ссылку на установку. Установите приложение и откройте: слева «Новый разговор», «Проекты» и «Открыть в браузере».
2
Нажмите «Открыть веб-интерфейс»
Кнопка по центру стартового экрана. В браузерной версии удобнее вставлять длинный промпт и смотреть, как собирается каталог.
3
Нажмите «Создать проект»
Проект — отдельная папка под один магазин, чтобы каталог не перемешался с другими экспериментами.
4
Впишите название и нажмите «Создать проект»
Подойдёт «Каталог: керамика и текстиль». Название видите только вы, покупатели его не встречают. После нажатия откроется пустой чат проекта.
5
Скопируйте промпт с этой страницы и вставьте в поле сообщения (Ctrl+V)
Кнопка «Скопировать промпт» — ниже. Вставляйте текст целиком: в нём уже прописаны экраны, статусы, счётчики и хранение данных.
6
Нажмите «Отправить» ↑ или Enter
Кнопка со стрелкой справа от поля ввода. Отправляйте одним сообщением — бот читает задачу целиком.
7
Ответьте на 8–15 вопросов — и получите готовый HTML-файл
Бот спросит название магазина, категории, доставку и счётчики. Отвечайте коротко. В конце он отдаст HTML-файл приложения — откройте и проверьте витрину.
скопировать и вставить
Промпт, который собирает каталог
Текст уже адаптирован под товары и заявки. Копируется целиком, скачивать ничего не нужно.
ПРОМПТ
···
Ты — senior product designer и frontend-разработчик. Сначала задай мне 8–15 простых вопросов о моей работе, по одному за сообщение, и дождись ответов. Потом собери приложение «каталог товаров и заявок» для Telegram.
Что мне нужно:
— Каталог: карточки товаров с фото-заглушкой, названием, ценой, коротким описанием и кнопкой «Заказать». Поиск по названию и фильтр по категориям.
— Заказ в два тапа: из карточки открывается форма — имя, телефон или @username, количество, комментарий. После отправки клиент видит номер заявки и её статус.
— Заявки: список со статусами «новая → в работе → закрыта», фильтры по статусу и дате, поиск по имени и номеру.
— Карточка заявки: состав заказа с ценами и суммой, данные клиента, история смены статусов, поле заметки.
— Счётчики за день: новых заявок, в работе, закрытых, сумма закрытых за день.
— Уведомление: при новой заявке в шапке появляется бейдж с количеством непрочитанных.
— Тема Telegram: светлая и тёмная, цвета в переменных, крупные кнопки под палец.
Технические условия:
— один файл index.html, HTML + CSS + JavaScript внутри, без внешних библиотек и CDN;
— данные хранятся в localStorage, при первом запуске — 8 демо-товаров и 3 демо-заявки;
— валюта ₽, цены целыми числами, сумма считается автоматически;
— адаптив от 320 px, ничего не вылезает за экран;
— подпиши в коде, где менять название магазина, список категорий и демо-товары;
— в конце выдай готовый HTML-файл приложения и короткую инструкцию: как его открыть и как добавить свои товары.
Вставьте в чат проекта: Ctrl+V, затем «Отправить» ↑
сколько это стоит
Три пути к одному каталогу
Без точных цен и имён подрядчиков — только то, как устроены деньги, сроки и права на результат.
| Что сравниваем | Нанять разработчика | Купить подписку | Собрать самому |
|---|---|---|---|
| Деньги | Десятки тысяч рублей за работу, каждая доработка — отдельная смета.Оплата этапами, зависит от договора. | Платёж за доступ к чужому сервису.Остановились — витрина закрылась. | Файл приложения и 5 000 000 токенов бесплатно.За сам каталог платить не нужно. |
| Срок | Недели переписки, макетов и согласований.Каждый новый пункт сдвигает дату. | День-два на настройку шаблона, если ассортимент в него влезает.Не влез — ждите обновления сервиса. | Один вечер.Промпт, 8–15 ответов и проверка файла. |
| Правки | Новая задача, новая оценка, новая очередь.«Поменять цену» тоже может стать задачей. | Только то, что разрешил тариф: цвет кнопки — да, новая логика — вряд ли. | Словами в чат: «добавь категорию „Свет“».Промпт и приложение остаются у вас. |
| Кому принадлежит результат | Разработчику, пока вы не выкупите исходники. | Сервису: доступ заканчивается вместе с подпиской. | Вам: HTML-файл на вашем диске.Можно открыть где угодно и передать помощнику. |
Суммы и сроки намеренно без цифр: они зависят от города и подрядчика. Важнее другое — кто владеет файлом и сколько стоит следующая правка.
пять причин
Пять причин собрать самому
Не потому, что «так модно», а потому что каталог из десяти товаров не должен стоить как корпоративный портал.
01
Экономия
Вместо счёта за разработку — промпт и несколько ответов. 5 000 000 токенов уже бесплатны, а файл каталога вы получаете без подписки.
02
Приложение принадлежит вам
HTML-файл лежит на вашем компьютере. Никто не отключит доступ, если вы пропустите платёж или смените сервис.
03
Правки словами
Нужна новая категория или другой цвет кнопки — пишете это в чат обычным языком, без описания задачи техспециалисту.
04
Не нужно ждать разработчика
Сезон начался сегодня, а витрину надо показать завтра. Вы не зависите от чужого графика, отпусков и очередей.
05
Нет лимитов тарифа на функции
Счётчики, статусы и поиск не спрятаны за «старшим планом». Приложение не просит доплатить за фильтр.
вопросы
Что чаще всего спрашивают перед сборкой
Коротко и без маркетинга — про сервер, заявки, оплату и расход токенов.
Это настоящий бот с сервером или просто страница?
Это HTML-приложение внутри Telegram. Бот присылает ссылку на установку, а каталог живёт отдельным файлом: сервер и база не нужны, данные хранятся в браузере.
Нужен ли токен от BotFather?
Нет. Достаточно приложения, промпта и ответов на вопросы. Токен понадобится, только если позже подключите своего бота к внешнему серверу.
Куда приходят заявки и не потеряются ли они?
В список внутри приложения на устройстве, где вы его открыли. Оттуда заявку можно скопировать в таблицу или переслать помощнику.
Можно ли принимать оплату прямо в каталоге?
Приложение не проводит платежи. В заказе можно указать «оплата при получении» или вставить ссылку на оплату — реквизиты вы согласуете с клиентом сами.
Что будет, когда заявок станет много?
Список держит сотни строк: поиск, фильтры по статусу и дате, счётчики. Для тысяч заказов скажите об этом боту — он предложит другой способ хранения.
Сколько токенов уйдёт на сборку каталога?
Обычно несколько сотен тысяч из 5 000 000 бесплатных. Расход растёт от правок, поэтому выгоднее сразу ответить на вопросы бота подробно.
каталог на один вечер
Витрина, которая принимает заказы, пока вы заняты
Напишите боту «старт», установите приложение и вставьте промпт. Через 8–15 ответов у вас будет каталог с ценами и заявками.
5 000 000 токенов бесплатно · ссылка на установку приходит в ответ на «старт»