Шаблон Glow Lab: магазин косметики, витрина и корзина

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

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

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

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

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

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

Кому подходит Glow Lab?

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

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

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

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

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

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

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

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

Зачем в магазине фильтр по задаче, а не по бренду?

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

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

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

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

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

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

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

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

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

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

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

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

Чего Glow Lab не сделает?

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

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

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

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

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

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

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

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