Фото тонут в переписке
Тридцать человек просят «покажите, что есть». В галерее двести снимков, цены — в заметках, наличие — в голове. Пока собираете букет, двое уходят к соседям.
Цветочный магазин · витрина и заказы
Сайт цветочного магазина без конструктора: букеты с фото и ценой
Покупатель хочет увидеть букет, цену и наличие — а не двадцать сообщений в переписке. Соберите витрину цветов, корзину и список заказов в одном файле: без оплаты за конструктор.
Напишите боту «старт» — он пришлёт ссылку на установку и 5 000 000 токенов.
- Один HTML-файл
- 5 млн токенов бесплатно
- 0 ₽ подписки
- 2 минуты на заказ
Все
Букеты
Срезка
Композиции
Свадебные
До 3 000 ₽
Корзина · 2 букета
1 900 + 3 400 = 5 300 ₽
Оформить заказ
Три бытовые ситуации, где витрина решает всё
Это не про технологии, а про вечер перед праздником, когда руки заняты цветами.
Состав живёт в блокноте
Пионы, лента, доставка к девяти утра и предоплата — на странице, которую видите только вы. Флорист заболел, и никто не знает, что заказано на утро.
«Что-нибудь до трёх тысяч»
Вместо ответа вы шлёте двенадцать фото по одному и называете цены по памяти. Покупатель закрывает чат, хотя подходящий букет стоит на витрине.
Сколько это стоит
Три пути к одной витрине. Сравниваем деньги, срок и то, кому принадлежит результат.
| Нанять разработчикаагентство или фрилансер | Купить подпискуготовый сервис магазинов | Собрать самомупо инструкции в боте | |
|---|---|---|---|
| Деньги | Десятки тысяч рублей за витрину | Платёж каждый месяц за чужой сервис | Свой файл и 5 000 000 токенов бесплатно |
| Срок | Недели: бриф, макеты, согласования | День на шаблон, дальше — настройка под себя | Один вечер: семь шагов и диалог с ботом |
| Правки | Через подрядчика и новый счёт | Только то, что разрешает тариф | Словами в чате: «фильтр по цене» |
| Кому принадлежит | Студии: код и доступ у неё | Сервису: не оплатили — витрина закрылась | Вам: файл на вашем диске |
| Фото и цены | Меняет разработчик по заявке | В рамках лимитов тарифа | Меняете сами за пару минут |
Разработчик «под ключ» — десятки тысяч рублей. Подписка — платёж каждый месяц за доступ к чужому сервису. Здесь — свой файл и 5 млн токенов бесплатно: хватит на витрину, корзину, список заказов и несколько переделок.
Пять причин собрать самому
Не потому, что «модно». Потому что цветочный магазин меняется быстрее, чем подрядчик отвечает на письма.
-
Экономия без растянутого бюджета
Нет счёта за разработку и ежемесячной строки расходов. Пять миллионов токенов бесплатно — это витрина, корзина и правки, а не пробный период.
-
Приложение принадлежит вам
Готовый HTML-файл остаётся у вас на диске. Никто не выключит его за просроченный платёж.
-
Правки словами
«Фильтр до трёх тысяч», «поле для открытки», «покажи остаток» — пишете в чат обычным языком и получаете обновлённый файл.
-
Не нужно ждать разработчика
Перед пиковым днём понадобился новый раздел — вы добавили его сами вечером, а не через две недели после согласования сметы.
-
Нет лимитов тарифа на функции
Корзина, статусы, заказы и фильтры не разложены по платным уровням: всё работает в одном файле.
Что будет в магазине
Семь модулей обычного заказа: от «понравился букет» до «получен». Ничего лишнего.
-
01
Витрина с фильтрами
Категории, цена, повод, цвет, наличие. Отдельная кнопка «доставка сегодня» — её нажимают чаще всего.
-
02
Карточка товара
Фото, состав, размер, цена за букет и стебель, срок стойкости, «в корзину».
-
03
Корзина
Открытка, дата и время доставки, адрес, комментарий. Сумма пересчитывается сразу.
-
04
Оформление заказа
Имя, телефон, способ получения, предоплата. Без регистрации — две минуты.
-
05
Статусы заказа
Новый → подтверждён → собран → отправлен → получен. Видно, что ещё не собрано и где курьер.
-
06
Список заказов
Свежие сверху, фильтр по дате и статусу, поиск по телефону. История не теряется.
-
07
Добавление товаров
Название, категория, цена, фото, остаток — тридцать секунд на букет. Новинка появляется на витрине сразу.
Путь заказа:
новый→подтверждён→собран→отправлен→получен
Инструкция: семь шагов до готовой витрины
Скриншоты сделаны под цветочный магазин — повторяйте по порядку. Промпт берётся прямо с этой страницы.
1
Приложение установлено
Ссылку на установку бот прислал после слова «старт». Если пропустили — напишите ему ещё раз.
2
Нажмите «Открыть веб-интерфейс»
Кнопка «Открыть веб-интерфейс» на стартовом экране запускает окно со списком проектов.
3
Нажмите «Создать проект»
В открывшемся окне нажмите «Создать проект». Это папка для витрины, заказов и фотографий.
4
Впишите название и нажмите «Создать проект»
Название — «Магазин: цветочный магазин». Затем нажмите кнопку «Создать проект», чтобы папка появилась на диске.
5
Скопируйте промпт с этой страницы
Нажмите «Скопировать промпт» в блоке ниже и вставьте текст в поле сообщения — Ctrl+V (на телефоне: долгое нажатие → «Вставить»).
6
Нажмите «Отправить» ↑
Кнопка «Отправить» ↑ или Enter запускает сборку. Дальше бот задаст вопросы о вашем магазине.
7
Ответьте на 8–15 вопросов
Вопросы про категории, доставку, предоплату и открытки. Отвечайте своими словами — получите готовый HTML-файл.
Что делать, когда файл готов
Откройте файл в браузере, добавьте десять букетов с ценами и фото и оформите тестовый заказ — увидите витрину глазами покупателя.
Промпт для витрины цветочного магазина
Скопируйте целиком и вставьте в проект. Бот уточнит детали простыми вопросами, а вы поправите их своими словами.
Промпт · Магазин: цветочный магазин
Целиком, без сокращений
Собери одностраничное приложение «Магазин: цветочный магазин» в одном HTML-файле. Внутри — HTML, CSS и JavaScript, без внешних библиотек, шрифтов, CDN и иконок-шрифтов. Интерфейс на русском языке, светлый и спокойный: фон #f8fafc, текст #0f172a, вторичный #64748b, линии #e2e8f0, акцент #0f766e только на кнопках и ссылках, карточки с рамкой 1px и скруглением 12px, числа моноширинным шрифтом.
Данные храни в localStorage и восстанавливай при запуске: товары, категории, корзина, заказы, покупатели. Приложение должно работать без интернета после загрузки страницы.
Сущности:
1. Товар: название, категория, цена, единица (букет или стебель), фото (ссылка или загруженный файл), остаток, состав, размер, повод, срок стойкости, доставка сегодня (да/нет), под заказ (да/нет), описание.
2. Категория: название, порядок вывода.
3. Корзина: товар, количество, цена, сумма, открытка с текстом.
4. Заказ: номер, дата создания, состав, сумма, покупатель, телефон, адрес, дата и интервал доставки, текст открытки, комментарий флористу, предоплата, статус.
5. Покупатель: имя, телефон, адрес, история заказов.
Экраны:
- Витрина: сетка карточек с фото, названием, ценой и бейджем наличия; фильтры по категории, цене от и до, поводу, цвету, наличию и «доставка сегодня»; поиск по названию; сортировка по цене и новизне.
- Карточка товара: большое фото, цена за букет и за стебель, состав, размер, сколько простоит, кнопка «В корзину», поля «дата» и «время доставки».
- Корзина: список позиций, изменение количества, удаление, поле открытки, итоговая сумма, кнопка «Перейти к оформлению».
- Оформление заказа: имя, телефон с проверкой формата, способ получения (доставка или самовывоз), адрес, дата и интервал, предоплата, согласие на обработку данных; заказ оформляется за три коротких шага и без регистрации.
- Список заказов: свежие сверху, фильтр по дате и статусу, поиск по номеру и телефону, сумма и состав в строке.
- Карточка заказа: все данные, смена статуса, кнопка «Скопировать заказ текстом» и «Отправить в Telegram».
- Товары (режим магазина): добавление и редактирование товаров, загрузка фото, остатки, скрытие с витрины, категории.
Статусы заказа: новый → подтверждён → собран → отправлен → получен. Статус меняется вручную из карточки заказа, рядом показывай дату и время изменения. Добавь отмену с причиной.
Поведение:
- Добавление в корзину не перезагружает страницу; сумма пересчитывается сразу.
- После оформления показывай номер заказа и короткое сообщение «Заказ принят, флорист свяжется с вами».
- Пустые состояния: «В этой категории пока нет букетов», «Корзина пуста», «Заказов за эту дату нет».
- Валидация: телефон, обязательное имя, дата доставки не в прошлом.
- В шапке — название магазина, ссылки «Витрина» и «Мои заказы», счётчик корзины.
Демо-данные: 10 букетов в категориях «Букеты», «Срезка», «Композиции», «Свадебные» с правдоподобными ценами в рублях, 6 заказов в разных статусах и 4 покупателя.
Адаптивность: сначала телефон, карточки в одну-две колонки, кнопки не меньше 44 пикселей, ничего не вылезает за экран. Проверь, что приложение открывается двойным щелчком по файлу и не выдаёт ошибок в консоли.Частые вопросы
Коротко о главном перед сборкой.
Нужно ли покупать домен и хостинг, чтобы витрина открылась?
Нет. HTML-файл открывается двойным щелчком на компьютере или в приложении на телефоне. Домен нужен только для короткого адреса и на саму витрину не влияет.
Можно ли принимать оплату картой прямо на витрине?
На этих семи шагах платёжный модуль не подключается: предоплату принимаете привычным способом и отмечаете её в заказе. Эквайринг — задача следующего этапа.
Сколько букетов выдержит такая витрина?
Работайте с десятками и сотнями позиций: есть поиск, категории и фильтры. Следите только за весом фотографий — сжатые снимки быстрее открываются на телефоне.
Как поменять цену или фото, когда пионы подорожали?
В режиме магазина откройте товары, найдите букет и измените цену, остаток или фото. Витрина обновится сразу, а старый заказ сохранит прежнюю сумму.
Заказы будут приходить в Telegram?
Заказ остаётся в списке внутри приложения, а кнопка «Скопировать заказ текстом» собирает номер, состав, адрес и время. Это сообщение можно отправить флористу или курьеру.
Хватит ли телефона, чтобы вести магазин?
Да: файл открывается в мобильном браузере. Добавлять букеты с фото удобнее с компьютера, а заказы на день держите на телефоне.
Витрина к ближайшей поставке
Не нужно переносить весь ассортимент. Добавьте пять букетов и оформите заказ руками — увидите, где покупателю не хватает фото или цены.
Собрать магазин цветовНапишите боту «старт» — он пришлёт ссылку на установку и 5 000 000 токенов. Карту привязывать не нужно.