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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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