Шаблон TKAN: магазин одежды с дропами и предзаказом

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

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

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

Шаблон устроен не как каталог, а как история одного выпуска. Это принципиальное отличие, и оно определяет всё остальное: тексты, порядок блоков и даже кнопки.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Насколько вообще Zugo подходит для торговли и что придётся достраивать самому, разобрано в статье подходит ли это для интернет-торговли.

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

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

«Сделай восемь позиций вместо четырёх и добавь состав ткани в карточку». «Добавь счётчик до старта продаж с датой и временем». «Замени бронь на обычное добавление в корзину». «Покажи в карточке, каких размеров уже нет».

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

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

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

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

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

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

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

Начать проще всего с малого: откройте галерею на zugo.dev, клонируйте TKAN и поставьте туда съёмку своей капсулы вместо демонстрационной. Тон страницы проверяется именно на настоящих фотографиях, а не на чужих.