AI DIYкаталог своими руками

Ниша: доставка еды · вариант сборки

Меню доставки еды: категории, зоны и минимальный заказ в одном файле

Каталог, который вы правите сами: состав, вес, цена, стоп-лист, районы и QR для гостей. Ни вёрстки, ни дизайнера, ни чужого сервиса.

  • 7 шагов
  • один HTML-файл
  • 5 000 000 токенов бесплатно
Получить доступ в боте

Бот пришлёт ссылку на установку. Дальше — промпт со страницы.

01

Сколько это стоит и почему меню собирают сами

Сначала — три вечера, знакомые любой доставке. Потом — честное сравнение трёх путей: разработчик, подписка, свой файл.

Ситуация 01

Пятница, закончилась говядина

Меню лежит PDF-кой в переписке. Гость звонит, вы диктуете «этого нет», он слышит паузу и уходит к соседям. А на сайте позиция всё ещё продаётся.

Ситуация 02

Курьер уже в пути

Адрес за окружной, а зона не описана и минимальный заказ не указан. Спор на 15 минут: везти за свой счёт или отменять.

Ситуация 03

Поставщик поднял цену

Четыре десятка позиций, а доступ к редактору у подрядчика. Неделю продаёте сыр по старой цене и считаете убыток в тетради.

Таблица прокручивается вбок →

Три пути к одному меню
Что сравниваем Нанять разработчика Купить подписку Собрать самому
Деньги Десятки тысяч рублей за сайт и столько же за каждую доработку. Платёж каждый месяц, и он растёт с числом точек и позиций. Ноль за сборку: бот даёт 5 000 000 токенов бесплатно.
Срок Недели переписки, правок и согласований. Быстро, но меню живёт по чужим шаблонам и ограничениям. Один вечер: ответы на вопросы бота и готовый файл.
Правки Заявка, очередь, счёт — до следующей недели. Только то, что разрешил тариф. Свои блоки — за доплату. Словами: «убери позицию», «подними цену», «добавь район».
Кому принадлежит Код и доступы у студии, пока вы за неё платите. Сервису. Уйдёте — меню и история заказов останутся там. Вам: файл лежит на вашем диске и открывается без посредников.

Цен намеренно нет: у подрядчиков и сервисов они разные, а разница в подходе видна и так.

Пять причин собрать меню самому

Про рабочие выгоды маленькой доставки, без обещаний «магии».

  1. ЭкономияСборка не стоит денег, правки — тем более. Бюджет уходит на продукты.
  2. Приложение принадлежит вамФайл у вас на диске: никто не отключит доступ и не поднимет тариф.
  3. Правки словамиПишете «подними цену на роллы», как повару на кухне. Код не нужен.
  4. Не нужно ждать разработчикаСтоп-лист вводится, когда продукт закончился, а не на следующий день.
  5. Нет лимитов тарифаХоть сто категорий и десять зон — рамок нет.
02

Что будет внутри

Шесть модулей под ежедневные вопросы гостя и ваши. Все помещаются в один HTML-файл и работают в браузере телефона.

01 / категории

Категории и позиции

Пицца, роллы, супы, напитки — любой порядок. Позицию можно скрыть, не удаляя: сезонное блюдо вернётся кнопкой.

Вкладки сверху, как в бумажном меню
02 / состав

Состав, вес и аллергены

Под названием — строка: что внутри, сколько граммов, на что предупредить гостя. Это снимает половину звонков.

«Лосось, сыр, огурец · 280 г · рыба»
03 / цены

Цены в одном месте

Одна таблица на всё меню. Меняете число — оно меняется везде.

Правка за 20 секунд
04 / стоп-лист

Стоп-лист вместо звонков

Статус «в наличии → стоп-лист» переключается нажатием: позиция остаётся, но гость видит, что её нет.

Не удаляя историю и цены
05 / доставка

Зоны и минимальный заказ

Районы, время в пути, минимальная сумма и стоимость доставки. Гость сам понимает, довезёте ли вы.

Центр — 30 мин, от 700 ₽
06 / QR

QR-ссылка для гостей

Код на столе, в листовке и в сторис. Гость открывает меню на телефоне, без установки и регистрации.

Один адрес — всегда свежие цены
Результат 01

Один HTML-файл

Ни базы, ни админки, ни сборки. Файл открывается двойным щелчком и живёт на любом хостинге или на диске.

Результат 02

Понятный редактор

Отдельный экран: добавить блюдо, поменять цену, отметить стоп-лист, поправить район.

Результат 03

Данные не теряются

Меню хранится в браузере и выгружается в JSON. Перенесли на другой компьютер — загрузили файл обратно.

Результат 04

Запас на вырост

Второй филиал или новая категория — допишете словами в чат и получите обновление.

03

Инструкция: семь шагов до готового меню

От установки до файла, который можно показать гостю. Кнопки называются так же, как на экране.

Шаг

Приложение установлено

Ссылку на установку бот прислал после слова «старт». Пропустили — напишите «старт» ещё раз, сообщение придёт повторно.

Экран установки приложения со ссылкой от бота

Проверьте, что приложение открывается: внутри понадобится интерфейс, а не только чат.

Шаг

Нажмите «Открыть веб-интерфейс»

Кнопка переводит из переписки в рабочее окно с проектами. Дальше всё происходит там, чат можно свернуть.

Кнопка «Открыть веб-интерфейс» в приложении
Шаг

Нажмите «Создать проект»

Пустой проект — папка под ваше меню. Один проект удобно держать под одну точку доставки, чтобы не путать правки.

Кнопка «Создать проект» на главном экране
Шаг

Впишите название и нажмите «Создать проект»

Название рабочее, для себя: например, «Меню доставки, основная точка». Гости его не увидят.

Поле названия проекта и подтверждение создания
Шаг

Вставьте промпт в поле сообщения

Скопируйте текст из блока «Промпт» ниже — кнопка рядом с ним. Вернитесь в проект, щёлкните по полю ввода и нажмите Ctrl + V.

Поле сообщения с вставленным промптом для меню доставки

Ничего прикреплять не нужно: промпт вставляется обычным текстом.

Шаг

Нажмите «Отправить» ↑

Кнопка со стрелкой справа от поля или клавиша Enter. Отправится один длинный запрос — так и задумано.

Кнопка «Отправить» со стрелкой вверх
Шаг

Ответьте на 8–15 вопросов

Бот спросит про категории, средний чек, районы и минимальный заказ. Отвечайте своими словами, цифры уточните позже. В конце — готовый HTML-файл.

Готовый HTML-файл меню доставки после ответов на вопросы
04

Промпт для сборки меню

Скопируйте целиком и вставьте в поле сообщения на шаге 5: категории, состав, цены, стоп-лист и зоны уже описаны.

Промпт · меню доставки еды
Сделай приложение «Меню: доставка еды» — один самодостаточный HTML-файл.
Внутри только HTML, CSS и JavaScript, без внешних библиотек, шрифтов и картинок.
Открывается в браузере телефона и компьютера, данные сохраняются в localStorage.

Сущности:
1. Категория: название, порядок вывода, видимость.
2. Позиция: название, категория, состав, вес или объём, цена, аллергены,
   статус «в наличии» / «стоп-лист», признак «хит», фото-заглушка из CSS.
3. Зона доставки: название района, время в пути, минимальный заказ,
   стоимость доставки, доступность «да / нет».
4. Настройки: название заведения, телефон, часы работы, ссылка на мессенджер.

Экраны:
- «Меню по категориям»: вкладки категорий, карточки позиций с составом,
  весом и ценой, отдельная плашка «Стоп-лист», поиск по названию.
- «Карточка позиции»: крупное название, состав, вес, аллергены, цена,
  кнопки «В корзину» и «Позвонить».
- «Корзина и доставка»: выбранные позиции, сумма, проверка минимального
  заказа по выбранному району, итог с доставкой, предупреждение, если
  сумма ниже минимума.
- «Стоп-лист»: список позиций со статусом «в наличии» и переключателем
  в «стоп-лист», сразу видно, что скрыто от гостя.
- «Редактирование»: форма добавления и правки категорий, позиций, цен,
  аллергенов и зон доставки, удаление с подтверждением, экспорт и импорт JSON.
- «QR-ссылка»: блок с QR-кодом на текущий адрес меню и короткой подписью
  для гостя.

Требования:
- Стиль: светлый, спокойный, крупные цены, читаемо с телефона на улице.
- Все изменения сохраняются и не пропадают после перезагрузки страницы.
- Пустые состояния с подсказкой: «Добавьте первую позицию».
- Валидация: цена и вес — числа, обязательные поля подсвечиваются.
- Никаких внешних запросов: приложение работает офлайн после сохранения файла.
- В конце выведи готовый код файла целиком, без сокращений.

Промпт копируется прямо со страницы — кнопка сверху. Никаких файлов скачивать и прикреплять не нужно.

05

Вопросы, которые задают перед сборкой

О том, что чаще всего останавливает: цены, интернет, QR, хостинг и время.

01Цены поменяются через день — переделывать меню заново?

Нет. Цена — это поле в карточке позиции. Открываете экран редактирования, меняете число, сохраняете: у всех, кто откроет QR, меню уже новое. Второй экземпляр не нужен.

02Гость отсканирует QR без интернета — что он увидит?

Если файл сохранён на телефоне или открыт из локальной папки, меню покажется целиком: внешних картинок и скриптов нет. А за свежими ценами нужно подключение — их отдаёт ваш адрес в сети.

03Зоны доставки и минимальный заказ правда помещаются в один файл?

Да, это список в данных приложения. Район, время в пути, минимальная сумма и стоимость доставки лежат рядом с меню, а корзина сама сверяет заказ с минимумом выбранной зоны.

04Нужен ли хостинг и домен?

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

05А фотографии блюд добавим?

Сначала собирается меню с текстовыми карточками и CSS-заглушками — так его запускают за вечер. Потом загрузите свои снимки в проект и опишите словами, куда их поставить. Стоковые лучше не брать: они не совпадают с вашей подачей.

06Сколько времени займёт вся сборка?

Установка и создание проекта — несколько минут. Ответы на вопросы — примерно столько же, сколько разговор с новым поваром о меню. Первая рабочая версия появляется в тот же вечер, а шлифовка цен идёт уже на живом меню.

Меню, которое вы правите сами

Категории, цены, стоп-лист, районы доставки и QR — в одном файле, который останется у вас. Начните с «старт» в боте.

Открыть бота

5 000 000 токенов бесплатно. Промпт копируется одной кнопкой.