Сайт цветочного магазина без кода: сборка по шагам

Чтобы сделать сайт цветочного магазина без кода, опишите текстом ассортимент, зоны доставки, цены и часы работы, а ИИ-билдер соберёт страницы сам. В Zugo одностраничный сайт стоит 6 кредитов и собирается примерно за минуту. Приём заказов подключается коннектором Stripe, заявки уходят на почту через Resend.

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

Зачем цветочному магазину свой сайт, если есть маркетплейсы?

Маркетплейс берёт комиссию и владеет клиентом. Человек, который купил букет через агрегатор, в следующий раз пойдёт туда же, а не к вам. Свой сайт нужен ровно для того, чтобы повторная покупка шла напрямую, без посредника в середине.

Второй мотив прозаичнее: срочность. Заметная часть заказов на цветы делается за несколько часов до момента, когда букет нужен. Такой покупатель не читает историю бренда, он ищет три вещи: что есть сегодня, сколько стоит доставка в его район и до какого часа принимается заказ.

Если эти три ответа видны без прокрутки, сайт работает. Если за ними надо звонить, покупатель уходит туда, где ответ уже написан. Это и есть основная задача страницы, всё остальное на ней вспомогательное.

Третья причина: сезонность. Восьмое марта, первое сентября, День матери дают всплеск, к которому нужно готовить отдельные предложения. Менять их на своём сайте вы можете сами и за минуту, а не через поддержку площадки.

Что написать в промпте для сайта флориста?

ИИ-билдер придумает верстку, порядок блоков и формулировки. Он не придумает ваши цены, районы доставки и время отсечки заказа, поэтому эти факты идут в промпт. Всё остальное можно спокойно оставить билдеру.

Сделай сайт цветочного магазина «[название]» в [город, район].
Категории: [монобукеты, авторские букеты, композиции в коробках,
горшечные растения, свадебная флористика].
Цены: от [сумма] за букет, авторские от [сумма].
Доставка: [районы], стоимость [сумма], бесплатно от [сумма],
время отсечки для доставки день в день [час].
Часы работы: [дни и время]. Самовывоз: [адрес].
Блоки: первый экран с ценой «от» и кнопкой «Заказать»,
витрина категорий, условия доставки, отзывы, вопросы и ответы,
контакты с картой.
Главное действие: «Заказать букет» открывает форму заказа.
Валюта: доллары. Тон: тёплый, конкретный, без рекламных эпитетов.

Отдельно назовите время отсечки. Это единственное число на странице, которое напрямую снижает количество звонков «а успеете сегодня?». Билдер его не угадает, а покупатель ищет именно его.

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

Какие разделы реально нужны на сайте?

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

Разбивать это на отдельные страницы стоит тогда, когда блок перестаёт помещаться в разумную прокрутку, а не заранее. Многостраничная структура дороже в сборке и дороже в поддержке: подробности в разборе многостраничный сайт нейросетью.

Как принимать заказы и оплату?

Здесь важно честно разделить зоны. Витрина, форма заказа, приём предоплаты и уведомления это работа сайта. Живые остатки цветов на складе, охлаждение, списание и закупка это ваша учётная система, и сайт её не заменяет.

Оплату закрывает коннектор Stripe: разовый платёж за букет, предоплата за свадебное оформление, подарочный сертификат. Настоящий чекаут, а не форма «мы вам перезвоним». Для магазина, где половина заказов идёт от людей из другого города, это заметно меняет конверсию.

Заявки и подтверждения доставляет Resend: письмо клиенту с деталями заказа и письмо вам. Supabase нужен, если хотите личный кабинет с историей заказов или базу подписчиков на сезонные подборки. Google Analytics отвечает на вопрос второго месяца: доходит ли вообще кто-то до кнопки заказа.

Свой домен подключается сразу; адрес вида flowers.zugo.run годится для проверки, но для визитки и рекламы выглядит слабо. Как это делается, описано в заметке про свой домен для приложения.

Сколько стоит сборка в кредитах?

Действия в Zugo считаются в кредитах, и арифметика умещается в таблицу.

Бесплатный тариф даёт 5 кредитов. Этого не хватает даже на один полный сайт, так что Free это способ осмотреться, а не способ запуститься. Pro стоит $25 в месяц и даёт 200 кредитов. Business стоит $99 в месяц. Полный разбор цен лежит в материале сколько стоит сайт или приложение нейросетью.

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

Как обновлять сайт под сезон?

Правка формулируется одной фразой. «Добавь подборку к 8 марта на первый экран и убери её после 10 марта» это одна правка за 3 кредита. Для бизнеса с четырьмя всплесками в году такой ритм удобен: сезонное предложение ставится и снимается одной репликой в чате, без ручной перекладки блоков.

Полезное правило: не публикуйте точные цены на позиции, которые меняются каждую неделю. Пишите «от» и держите точный прайс там, где вы его и так ведёте. Иначе сайт превращается в отдельную работу по поддержанию чисел в актуальном состоянии.

Держите под рукой готовую точку старта. В Zugo есть 25 шаблонов, из них 5 игровых, и доработать готовую витрину обычно быстрее, чем начинать с пустого поля.

Как описывать букеты, чтобы их покупали?

Состав вместо эпитетов. «Розы 15 штук, эвкалипт, крафтовая упаковка» продаёт лучше, чем «нежная композиция для особенного момента». Покупатель сравнивает вас с тремя другими магазинами по количеству стеблей и цене, а не по прилагательным, и выигрывает тот, у кого состав написан.

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

Третье: заранее опишите, что делать, если конкретного цветка нет. «Заменяем на равноценный по согласованию» это честная фраза, которая избавляет от неприятного разговора в день доставки. Сезонность в цветах жёсткая, и притворяться, что ассортимент постоянен, всё равно не получится.

Четвёртое: подписи к фотографиям. Если снимок не ваш, а из каталога поставщика, скажите об этом прямо. Расхождение между картинкой и букетом в руках это самая частая причина конфликтов у цветочных магазинов, и одно предупреждение стоит дешевле испорченной репутации.

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

Где ИИ-билдер не справится?

Четыре места, которые честнее назвать заранее.

• Живые остатки. Каталог, который знает, что роз осталось семь штук, это складская система. Сайт может её показывать, но не заменять.
• Интеграция с вашей учётной программой. Обмен заказами с конкретной кассой или товароучёткой по закрытому API это работа разработчика. Билдер сделает страницы, а код выгружается в GitHub и передаётся дальше.
• Сложная логика доставки. Тарифы по зонам, интервалы, надбавка за срочность и праздничный коэффициент доводятся серией правок, а не одним промптом.
• Фотографии. Сайт цветочного магазина продаётся фотографиями, и здесь никакой генератор не заменит съёмку ваших настоящих букетов.

Между этими границами остаётся большой полезный кусок: быстрый честный сайт, где видно цену, срок и зону доставки. У большинства локальных магазинов сегодня не хватает именно его.

С чего начать?

Соберите одну страницу с пятью блоками из таблицы, вынесите цену «от» и время отсечки на первый экран, подключите Stripe и опубликуйте. Через месяц посмотрите в аналитике, доходят ли люди до кнопки заказа: это число подскажет, какой блок переписывать, лучше любого мнения.

Если помимо витрины нужен полноценный каталог с корзиной, посмотрите разбор интернет-магазин нейросетью, а про приём платежей отдельно написано в оплате через Stripe. Когда структура ясна, опишите свой магазин на zugo.dev теми же словами, которыми объясняете его покупателю по телефону.