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

Шаблон Verdant: магазин растений с подбором и уходом

Verdant это готовый шаблон магазина растений из галереи Zugo. Внутри полка неприхотливых видов, каталог с подбором по освещению, гид по уходу, услуга пересадки, гарантия и личный раздел с корзиной, историей заказов и напоминаниями о поливе. Клон бесплатный, правка стоит 3 кредита.

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

Что внутри шаблона Verdant?

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

Раздел Что внутри
Полка новичка Подборка видов, которые прощают ошибки в уходе
Каталог Девять растений с подбором под освещение и тип помещения
Уход Объяснение, что ухаживать проще, чем кажется
Пересадка Услуга подбора горшка как отдельное предложение
Гарантия Блок про то, что покупка не должна ощущаться рискованной
Личный раздел Корзина, история заказов, мои растения, напоминания

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

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

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

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

Что здесь работает, а что показано как интерфейс?

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

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

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

Личный раздел с историей заказов и напоминаниями работает как интерфейс. Он хорошо показывает будущий опыт покупателя, но данных за ним нет, и пускать туда реальных людей до подключения базы не стоит.

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

Кому подходит Verdant?

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

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

Не подходит для товаров без сопровождения. Если покупателю не нужны ни подбор, ни инструкция, половина блоков превратится в лишний вес, и проще взять более прямой магазинный каркас. Для витрины техники с характеристиками и сравнением ближе шаблон Volt.

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

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

Взять шаблон или собрать магазин с нуля?

Арифметика простая. Сборка по описанию стоит 6 кредитов и даёт результат ровно по вашему тексту, включая всё, что вы забыли назвать. Клон бесплатный, и вы платите только за отличия от каркаса, который уже видели работающим.

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

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

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

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

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

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

  1. Замените название и обещание. Одна правка меняет имя магазина везде и переписывает первый экран.
  2. Подставьте свои товары. Фотографии, названия, цены, описания. Это главная ценность страницы.
  3. Перекроите фильтр. Подбор должен идти по вашему признаку: размер, сложность ухода, назначение, возраст.
  4. Перепишите гид по уходу. Чужие инструкции на вашем сайте приводят к возвратам и претензиям.
  5. Проверьте условия гарантии. Блок про гарантию нельзя оставлять демонстрационным: это обещание, за которое отвечаете вы.
  6. Опубликуйте. Проект живёт на адресе вида имя.zugo.run, свой домен подключается поверх на платных тарифах.

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

Сколько стоит довести шаблон до продаж?

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

Действие Стоимость
Клон шаблона Бесплатно, без обращения к ИИ
Правка в чате 3 кредита
Сборка с нуля по описанию 6 кредитов
Многостраничная платформа 12 кредитов за первые три страницы, дальше по 3 за страницу
Режим Hi-Fi Вдвое дороже: правка 6, сборка 12

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

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

Общий разбор пути от витрины до приёма денег, включая порядок подключения оплаты, есть в статье интернет-магазин нейросетью. Там же объяснено, почему витрину имеет смысл опубликовать раньше, чем появится оплата.

Какие правки просят чаще всего?

Работают формулировки с конкретикой: назван блок и названо изменение. Общее пожелание стоит столько же, но результат у него непредсказуем, а проверить его труднее.

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

«Сделай в каталоге двенадцать позиций и добавь размер горшка в карточку». «Добавь фильтр по цене вместе с фильтром по освещению». «Замени услугу пересадки на доставку с занесением в квартиру». «Покажи в карточке, что товара нет в наличии, вместо кнопки покупки».

Часто просят про доверие: условия доставки живого товара, что делать, если растение пришло повреждённым, как связаться с магазином. Это не украшение, а прямые ответы на возражения, которые иначе останутся в голове у покупателя.

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

Где границы шаблона?

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

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

Остатки и наличие живут в базе. Без неё сайт покажет в продаже то, что закончилось на складе. Для живого товара это особенно болезненно.

Уход и логистика остаются вашей зоной. Инструкции, доставка растений в мороз, замена погибшего экземпляра: за содержание и за обещания отвечает человек, а не инструмент сборки. На по-настоящему сложном продукте Zugo не заменяет команду разработки, а исходники всегда забираются экспортом в GitHub.

Начать можно за несколько минут: откройте галерею на zugo.dev, клонируйте Verdant и замените фильтр по освещению на тот признак, по которому выбирают ваш товар. Если подбор стал осмысленным, каркас вам подходит.

← Все статьи