Шаблон Maison: магазин товаров для дома и керамики

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

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

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

Maison сделан в редакционном тоне: много воздуха, крупные фотографии, мало кричащих кнопок. Такая подача работает там, где товар покупают глазами и за историю, а не по таблице характеристик.

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

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

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

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

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

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

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

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

Как переделать Maison под свой магазин?

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

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

Сколько кредитов уходит на переделку?

Клон шаблона ничего не стоит: страница копируется в ваш проект без обращения к модели. Платить начинаете с первой правки.

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

Почему в таком магазине важны фотографии?

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

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

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

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

Что подключить, чтобы принимать заказы?

Корзина в шаблоне считает состав заказа, но денег не берёт. Оплату включает Stripe: карты, чеки, при желании подписка на регулярную поставку.

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

Порядок такой: сначала база и оплата, потом письма, потом аналитика. Разбор платёжной части целиком есть в материале про оплату через Stripe.

Чего Maison не сделает?

Три честные границы.

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

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

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

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

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

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

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