Перейти к содержимому

Как сделать сайт зоомагазина без кода: разбор шагов

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

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

Чем зоомагазин отличается от обычного магазина?

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

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

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

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

Как собрать сайт зоомагазина без кода?

Шаг Что делаете Что получаете
1 Описываете каталог и доставку текстом План страниц и структура товара
2 Запускаете сборку Версия, прошедшая песочницу
3 Подключаете базу Товары и заказы в Supabase
4 Подключаете оплату Stripe для платежей и подписок
5 Дорабатываете правками Фильтры, вес и вкус корма, доставка
6 Публикуете slug.zugo.run или свой домен

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

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

Как устроена карточка товара в зоомагазине?

Карточка корма отличается от карточки футболки набором вариантов. У одного и того же корма есть вес (400 г, 2 кг, 10 кг) и вкус, и это не разные товары, а варианты одного. Если заложить их как отдельные позиции, каталог быстро станет нечитаемым.

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

Отдельно стоит цена за килограмм. Покупатель корма считает именно её, потому что сравнивает упаковки разного объёма. Строка «$6 за кг» рядом с ценой мешка снимает половину сомнений и уменьшает число брошенных корзин.

Что писать в промпте?

Описание «интернет-магазин зоотоваров» оставляет модели все решения о структуре, и переделывать придётся много. Магазин это как раз тот случай, где подробное описание экономит больше всего кредитов.

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

Дальше уточняете по одному: «добавь фильтр по возрасту животного», «покажи бейдж "мало осталось"». Каждая правка стоит три кредита, и на магазине их обычно нужно больше, чем на лендинге.

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

Что собираете Кредитов
Многостраничная платформа, первые три страницы 12
Каждая следующая страница 3
Одностраничная витрина 6
Одна правка 3
Сборка в режиме Hi-Fi 12
Правка в режиме Hi-Fi 6

Реалистичный расчёт: магазин на пять страниц (главная, каталог, карточка, корзина, оформление) это 18 кредитов, плюс восемь-десять правок на фильтры и доставку, то есть ещё 24-30. Итого от 42 до 48 кредитов до рабочей версии. Free даёт 5 кредитов, это меньше стоимости одной сборки в 6. Pro стоит $25 в месяц за 200 кредитов, Business стоит $99 в месяц.

Как устроить доставку и самовывоз?

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

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

Способ Цена Когда подходит
Самовывоз Бесплатно Есть точка выдачи
Курьер по городу Фиксированная Основной поток заказов
От суммы заказа Бесплатно Стимул к крупному заказу
Почта или транспортная По тарифу Другие города

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

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

Сколько времени занимает сборка магазина?

Простая сборка занимает около минуты, многостраничная платформа несколько минут. Это срок генерации, а не срок запуска магазина, и разницу честнее назвать сразу: за несколько минут вы получаете рабочий каркас, а не заполненный каталог.

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

Правки структуры занимают ещё час-два: поправить фильтры, переставить блоки, уточнить состав карточки. Каждая стоит три кредита, и на магазине их обычно требуется больше, чем на лендинге, просто потому что узлов больше.

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

Где заканчивается конструктор?

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

Вторая: сложные правила доставки и скидок доводятся правками, а не одним промптом. Расчёт по весу и габаритам (а мешок корма на 15 кг это габарит), бесплатная доставка по районам, промокоды с ограничением по категориям: каждое правило формулируется отдельно.

Третья: ветаптека это зона ответственности, а не оформление. Что можно продавать онлайн, какие товары требуют назначения врача, как оформлять возврат: это вы проверяете сами, а сгенерированный текст оферты считаете черновиком. Проект при этом остаётся вашим: код экспортируется в GitHub, и его можно передать разработчикам, когда магазин вырастет.

С чего начать

Возьмите двадцать реальных позиций с фото, весом и ценой, опишите каталог по животным и логику доставки одним абзацем и соберите первую версию на zugo.dev. Проверьте оформление заказа на себе, подключите Stripe и Supabase, затем публикуйте. Если у вас есть ещё и груминг, посмотрите разбор сайта груминг-салона, а базу и вход разбирает материал AI-приложение с Supabase.

← Все статьи