Готовая витрина за вечер: Store Kits вместо трёх месяцев вёрстки
Разбираю, почему между покупкой домена и первым заказом обычно проходит три-четыре месяца, и куда на самом деле уходит это время. Показываю, что такое Store Kits — не тема оформления, а готовая рабочая конфигурация магазина под нишу — и где заканчивается кит и начинается ваша собственная работа.
COS / KNOWLEDGE BASE
# Готовая витрина за вечер: Store Kits вместо трёх месяцев вёрстки
Мне однажды прислали смету. Не жаловались, не просили совета — просто скинули PDF от веб-студии и спросили: «Слушай, а это вообще нормальные расценки на запуск магазина?» Я открыл файл и увидел классику жанра: дизайн — сто двадцать тысяч рублей, вёрстка и интеграция с WooCommerce — сто пятьдесят тысяч, наполнение каталога — сорок тысяч, настройка оплаты и доставки — двадцать пять тысяч, «дополнительные работы» отдельной строкой — ещё сорок пять тысяч, куда же без них. Итого триста восемьдесят тысяч рублей и срок — три месяца, если без форс-мажоров. С форс-мажорами, как водится, будет четыре.
Я посчитал нормальными эти расценки — рынок есть рынок, студия не обманывает, там реально сидят люди и реально работают три месяца. Ни один пункт в этой смете не был приписан, ни одна строчка не выглядела как накрутка ради накрутки — если раскладывать честно по часам дизайнера, верстальщика и менеджера проекта, цифры сходятся. Но мой ответ был не про цифры в смете, а про то, откуда вообще взялась эта трёхмесячная планка. Потому что если разложить смету на составляющие, окажется, что уникального интеллектуального труда там от силы четверть. Всё остальное — это работа, которую тысячи магазинов до вас уже проделали, каждый раз с нуля, каждый раз изобретая один и тот же велосипед: структуру каталога, страницы «О компании» и «Доставка и оплата», главную с блоками-баннерами, разделы категорий, юридические документы, настройки способов оплаты и валюты. Ремесленная часть работы — то, что превращает пустой WordPress в магазин, который не стыдно показать клиенту, — она везде одинаковая. И именно на неё уходит львиная доля тех самых трёх-четырёх месяцев.
Вот об этом я и хочу поговорить — о том, куда реально утекает время при запуске интернет-магазина, и о том, как мы в COS WP Woo решили эту проблему модулем Store Kits: готовыми конфигурациями магазина под конкретную нишу, которые ставятся не за квартал, а за вечер. Не тема оформления — с темами это путают чаще всего, и я объясню разницу подробно, — а полноценная рабочая витрина: структура, страницы с реальным содержимым, пресеты меню и фильтров, категории и атрибуты товаров, демонстрационный каталог с изображениями, юридические страницы и настройки WooCommerce. Всё, включая то, о чём почти никогда не думают на старте, пока не упрёшься в это лбом на третьей неделе разработки.
Невидимый налог на запуск: где реально сидят эти три месяца
Когда человек решает открыть интернет-магазин, он мысленно представляет себе одну задачу — «выложить товары на сайт». И искренне удивляется, узнав, что до момента, когда можно будет выложить хотя бы один товар, нужно совершить два-три десятка решений и действий, каждое из которых кажется мелочью, а вместе они и составляют те самые три месяца.
И это ещё без учёта того, что три-четыре месяца — это оценка при условии, что всё идёт гладко: заказчик быстро согласовывает макеты, дизайнер не уходит в отпуск посреди проекта, а верстальщик не находит на середине работы, что выбранная тема плохо совместима с нужным набором плагинов. На практике я видел проекты, растянувшиеся на полгода именно из-за таких мелких сбоев в цепочке, каждый из которых по отдельности звучит несерьёзно — «ждали правки от дизайнера две недели», «переделывали структуру категорий, потому что первая не учитывала фильтры» — а в сумме превращается в полноценную вторую версию той самой сметы.
Начнём со структуры каталога. Сколько уровней категорий вам нужно? Как их назвать? Какие атрибуты будут у товара — размер, цвет, материал, объём, назначение? Это не философский вопрос, это конкретная работа: нужно сесть, продумать таксономию, завести категории и атрибуты в WooCommerce, связать их между собой, настроить, как они отображаются в фильтрах. У магазина одежды это одна логика атрибутов, у магазина автозапчастей — совершенно другая, у продуктового — третья. Универсального шаблона категорий не существует, и каждый раз эту работу приходится делать заново, часто методом проб и ошибок — сначала завели одну структуру, через месяц поняли, что она неудобная, и переделывают.
Дальше — главная страница и внутренние разделы. Нужны баннеры-герои, блоки с категориями, витрина бестселлеров, форма подписки, информационные секции про доставку и гарантии. Даже если у вас уже есть конструктор блоков — а у нас в плагине их семьдесят шесть, от простых плиток категорий до карусели брендов и блока «Товар дня» с таймером, — кто-то должен решить, какие блоки и в каком порядке ставить на главную, какие тексты туда писать, какие изображения подбирать. Это отдельная дисциплина, которая называется композицией страницы, и заказчик, который никогда не занимался вёрсткой сайтов, обычно тратит на неё недели, просто потому что не знает, с чего начать и как понять, что «хорошо» уже получилось.
Отдельная головная боль — юридические страницы. Публичная оферта, политика обработки персональных данных, условия возврата, реквизиты компании. По закону они обязательны, и без них магазин просто не может нормально работать — ни эквайринг не подключишь, ни рекламу не запустишь, потому что модераторы Яндекса и Google проверяют их наличие. Написать эти документы с нуля — это либо покупка юридического шаблона за отдельные деньги, либо часы копания в интернете в поисках «как правильно написать оферту для интернет-магазина», либо, чаще всего, банальное копирование чужой политики конфиденциальности с заменой названия компании — я видел такое десятки раз, и это отдельная тема для разговора о рисках.
И риски здесь не абстрактные. Скопированная политика конфиденциальности упоминает чужое юридическое лицо, чужой ИНН, а иногда и чужой адрес обработки данных — при проверке это моментально видно, и вопрос не в том, поймают ли вас, а когда. Банк, через который вы подключаете эквайринг, тоже читает эти документы при проверке магазина перед подключением, и несовпадение реквизитов в оферте с реквизитами договора — гарантированная задержка подключения платежей на неделю-две, пока вы будете спешно всё переписывать. Я видел, как запуск магазина откладывался именно из-за этого — не из-за отсутствия товара или трафика, а из-за того, что юридические страницы делались в последний момент и кое-как.
И наконец, настройки WooCommerce. Валюта, способы доставки, способы оплаты, единицы измерения, налоговые правила, шаблоны писем покупателю. Каждая настройка сама по себе — вопрос на пять минут. Но их пятьдесят, и человек, который никогда не открывал админку WooCommerce, тратит на это два-три дня чистого времени, а потом ещё неделю донастраивает то, что забыл в первый раз.
Сложите всё это вместе — и вы получите ровно ту самую невидимую часть сметы, которая не про уникальный дизайн и не про вашу конкретную бизнес-логику, а про базовую конфигурацию, одинаковую по сути для тысяч магазинов. Именно эту часть мы и упаковали в Store Kits.
Что такое кит на самом деле — и почему это не тема оформления
Тут нужно остановиться и разобраться в терминах, потому что путаница между «темой» и «китом» — это первое, с чем сталкивается почти каждый, кто впервые слышит про готовые магазины. Тема — это `cos-woo-theme`, компаньон-тема нашего плагина. Она одна. Она отвечает за то, как выглядит типографика, кнопки, сетки, анимации, общая визуальная механика сайта. Тема — это холст и краски.
Кит — это конфигурация поверх этой темы. Скин с токенами оформления — скруглениями, тенями, плотностью верстки, стилем карточек товара, стилем кнопок. Страницы, собранные из блоков `masla/*`, но не пустых, а с реальным содержимым и реальными атрибутами — заголовками, текстами, привязанными изображениями. Пресеты меню, фильтров каталога, форм обратной связи и попапов. Категории и атрибуты товаров, уже заведённые под конкретную нишу. Демонстрационный каталог с фотографиями. Правовые страницы. Настройки WooCommerce. Всё это — один файл `kit.json` и папка с картинками.
Если тема — это холст и краски, то кит — это уже написанная картина, которую вы можете взять как есть или перерисовать по своему вкусу. Купленная на ThemeForest тема даст вам холст и краски. Она не знает, какие у вас категории, какие атрибуты у товара, какой текст должен быть на главной, какие юридические документы вам нужны и как настроить доставку. Тема — это внешний вид. Кит — это рабочая конфигурация магазина. Именно поэтому шаблон темы никогда не заменит кит, сколько бы красивых скриншотов у него ни было в демо-версии на сайте продавца тем.
У нас пять готовых китов, и это не пять раскрасок одного и того же магазина. Кит для космметики (`beauty-boutique`), кит для одежды (`fashion-store`), кит для продуктов питания (`food-market`), кит для электроники (`electronics-shop`) и кит для оптовой торговли автозапчастями (`b2b-parts`). У каждого — свой набор пресетов формы: скругления углов, тени, плотность интерфейса, стиль карточки товара, стиль кнопок. Мы намеренно проектировали их так, чтобы никакие два кита не повторяли форму друг друга — это даже зашито в автоматических тестах на нашей стороне, сборка не соберётся, если у двух китов совпадут визуальные пресеты. Потому что взять пакет одной ниши и просто перекрасить его в другой цвет — это неправильный путь. Оптовый магазин автозапчастей и бутик косметики должны выглядеть и ощущаться принципиально по-разному, а не как один и тот же конструктор с разными акцентными цветами.
Пять живых витрин, которые можно потрогать до покупки
Знаете, что меня больше всего раздражает, когда я сам выбираю какой-то готовый продукт — тему, шаблон, конструктор? Скриншоты. Красивые, отфотошопленные, снятые под идеальным освещением скриншоты, которые не дают ни малейшего представления о том, как это будет выглядеть и работать в реальности, когда вы залогинитесь и начнёте кликать.
Поэтому вместо скриншотов мы подняли пять живых магазинов — по одному на каждый кит, на отдельных поддоменах. Заходишь на `beauty.cos-woo.tech` — видишь настоящую работающую витрину косметического магазина: каталог, карточки товаров, фильтры, корзину, мегаменю. Заходишь на `fashion.cos-woo.tech` — видишь магазин одежды с совсем другой композицией страниц и другим набором блоков. Дальше `food.cos-woo.tech` для продуктов питания, `electronics.cos-woo.tech` для электроники и `parts.cos-woo.tech` — оптовый B2B-магазин автозапчастей, с другой логикой каталога и карточки товара, заточенной под оптового покупателя, а не под розничного.
Это не заглушки и не статичные картинки — это полноценные установки WordPress с реальным WooCommerce, реальным демо-каталогом и настоящей навигацией. Можно покликать по категориям, открыть карточку товара, посмотреть, как работает фильтр, полистать мегаменю на телефоне. При этом сами витрины закрыты от лишнего — туда специально нельзя зайти в административную часть, у сервера отдельный системный пользователь без доступа к выполнению команд, а поисковики получили явную команду не индексировать эти страницы. Потому что пять магазинов с почти одинаковыми демонстрационными текстами про «лучшую косметику» — это дублирующийся контент, который будет тянуть вниз в поиске основной сайт, а продавать должен именно он, а не витрина-демо.
Идея простая: вместо того чтобы верить моим словам или красивой картинке на лендинге, откройте демо своей ниши и покликайте пятнадцать минут. Увидите ли вы там ровно то, что получите после установки кита себе? Да, буквально то же самое, вплоть до карточки товара и мегаменю. Разница только в том, что демо-каталог — это демонстрационные позиции для примера, а у вас будут ваши настоящие товары, ваши настоящие цены и ваш настоящий ассортимент.
И вот что здесь особенно ценно с практической точки зрения — вы можете показать эту демо-витрину партнёру, инвестору, руководителю, который принимает решение о бюджете, не дожидаясь, пока разработчик что-то соберёт специально для презентации. «Вот, смотри, примерно так будет выглядеть наш магазин, вот так работает фильтр, вот так выглядит карточка» — и всё это за одну ссылку, без единой строчки кода, написанной специально ради демонстрации.
Если вы уже пользуетесь плагином и просто присматриваетесь к китам, в самой админке на странице выбора китов у каждого стоит прямая кнопка «Открыть демо», ведущая на соответствующую живую витрину — не нужно даже вспоминать адрес поддомена или искать его на маркетинговом сайте. Это мелочь, но именно из таких мелочей складывается ощущение, что продукт спроектирован для человека, который сравнивает варианты сидя в своей же админке, а не читает рекламный лендинг в соседней вкладке.
Почему пять китов — это не пять раскрасок одного магазина
Я уже сказал, что каждый кит отличается от других не только цветом акцента, но хочу пойти дальше и показать это на конкретных блоках, потому что абстрактное «они разные» ничего не объясняет, а вот конкретный список секций объясняет всё сразу.
Возьмём кит для электроники. У него на страницах стоит блок сравнения моделей рядом с блоком технических характеристик — потому что покупатель электроники почти никогда не берёт первый попавшийся товар, он сначала сравнивает две-три модели по параметрам, и если магазин не даёт ему такой возможности прямо в интерфейсе, он откроет вторую вкладку и будет сравнивать на маркетплейсе, а купит там, где было удобнее сравнивать, а не там, где увидел товар первым. Ещё там стоит блок-витрина одного товара крупным планом с полной выкладкой характеристик — то, что мы называем «product spotlight», для тех случаев, когда конкретная модель — это ваш локомотив продаж и ей нужно уделить целую секцию на главной, а не одну карточку в общей сетке.
Кит для оптовой торговли автозапчастями работает совсем иначе. Там ключевой блок — сравнение «оригинал или аналог», потому что вся логика продажи автозапчастей крутится вокруг вопроса, купить ли оригинальную деталь производителя или более дешёвый аналог с сопоставимыми характеристиками, и покупателю нужно увидеть эти два варианта рядом, а не догадываться самому. Рядом с ним — блок характеристик (кит показывает конкретные технические параметры детали) и блок с точками присутствия склада, потому что для оптового покупателя вопрос «а с какого склада вы отгружаете и как быстро» иногда важнее цены.
Кит для продуктов питания несёт на себе блок рецепта — карточку, которая рассказывает не только «что это за товар», но и что из него можно приготовить, — и блок комплектов, потому что в продуктовой рознице львиная доля выручки строится на том, чтобы продать не одну позицию, а сразу набор для конкретного блюда или случая. Кит для одежды и кит для косметики оба несут блок-витрину товара крупным планом (для флагманских моделей одежды и хитовых средств ухода) и блок подарочных сертификатов — потому что и в моде, и в бьюти подарочный сертификат исторически один из самых конверсионных форматов перед праздниками, а без готового блока эту функциональность почти никто не настраивает вручную, просто потому что руки не доходят.
Я рассказываю про эти детали настолько подробно specifически потому, что хочу разрушить возможное впечатление «ну, это ещё один конструктор лендингов с шаблонами». Разница между китами — это не разница в картинках. Это разница в самой логике продаж, зашитой в набор блоков и в структуру страниц. Кит для бьюти не станет предлагать вам сравнение «оригинал или аналог», а кит для автозапчастей не станет уговаривать вас поставить блок с рецептом — просто потому что это было бы неуместно и работало бы против продаж, а не на них.
Мобильная проверка, о которой вы не узнаете, но которая была
Расскажу об одной внутренней детали, которая напрямую не видна пользователю, но объясняет, почему киты выглядят прилично, а не разваливаются на телефоне, как это бывает со многими готовыми шаблонами. У нас в команде есть жёсткое правило: ни один кит не считается готовым, пока каждая его страница не проверена скриншотами на двух разрешениях — на десктопном экране и на типичном мобильном экране в 375 пикселей шириной. Не потому что кто-то придумал бюрократическую процедуру, а потому что автоматические тесты в принципе не видят, как магазин выглядит визуально — они проверяют, что блок правильно сохраняется и рендерится в разметку, но совершенно не гарантируют, что эта разметка не разваливается на маленьком экране.
И вот что интересно — именно поэтапная проверка на мобильном экране в своё время выловила проблемы, которые никакой автоматический тест не поймал бы: где-то блоки съезжали друг на друга, где-то текст вылезал за границы карточки, где-то фильтр перекрывал контент. Мелочи по отдельности, но если вы вспомните, что для многих ниш больше половины визитов в магазин приходится именно с телефона, а не с десктопа, то станет ясно, что «выглядит нормально на широком мониторе разработчика» — это меньше половины дела. Витрина, которая не проверена на мобильном экране, — это витрина, которая обманывает вас на демонстрационном звонке и разочаровывает в первый же день, когда реальный покупатель откроет её с телефона в метро.
Как кит на самом деле устанавливается — и почему это не рискованно
Тут я хочу быть максимально честным, потому что установка готовой конфигурации поверх живого сайта — это звучит рискованно, и правильно, что это вызывает настороженность. Вставить чужой пакет данных в свой работающий магазин — естественный страх, и я бы тоже насторожился. Поэтому расскажу, как это устроено на самом деле, а не просто «доверьтесь нам».
Первое, что происходит при установке кита, — это снимок текущего состояния сайта. До того, как будет создана хотя бы одна страница или изменена хотя бы одна настройка, система фиксирует, что было на сайте раньше: какие опции стояли, какие страницы существовали. Это первый шаг процесса, не последний и не опциональный. Если что-то в процессе установки пойдёт не так или вам просто не понравится результат — есть, к чему откатиться, потому что снимок уже сделан.
Второе — картинки заводятся в медиабиблиотеку раньше, чем создаются страницы. Звучит как техническая деталь, но она принципиальна: в блоках лежат относительные пути к изображениям, и подменить их на настоящие ссылки на загруженные файлы можно, только когда файлы уже существуют в медиабиблиотеке. Если бы порядок был обратный, часть картинок на страницах просто не отобразилась бы — а это именно то, что убивает первое впечатление от новой витрины быстрее всего.
Третье и, наверное, самое важное для тех, у кого магазин уже частично настроен, — кит не трогает то, что не является его собственным содержимым. Если на сайте уже существует страница с нужным слагом, но она не помечена как созданная китом, система её пропускает и оставляет как есть. Категория товаров, в которой уже лежат реальные товары, переживает даже откат установки — она не удаляется просто потому, что формально была частью пакета. Это тот же принцип, по которому у нас работают юридические страницы: система различает «это наш шаблон» и «это уже написал живой человек», и во втором случае просто не лезет.
Четвёртое — откат кладёт страницы в корзину, а не удаляет насовсем. Если вы уже успели что-то дописать поверх кита, а потом решили откатить установку, эти правки не исчезнут безвозвратно — страница уйдёт в корзину WordPress, откуда её можно восстановить.
И последнее — контрольная сумма. Пакет кита проверяется на целостность перед установкой; без валидной контрольной суммы система откажется применять пакет к живому сайту. Это защита от повреждённого архива или подмены пакета кем-то посторонним — вы устанавливаете именно то, что было опубликовано, а не что-то, что могло измениться или сломаться по дороге.
Я рассказываю про эти детали не для того, чтобы утомить вас техническими подробностями, а чтобы показать: «поставить готовый магазин за вечер» — это не значит «довериться чёрному ящику и надеяться на лучшее». Это управляемый, обратимый процесс с чёткими гарантиями на каждом шаге, спроектированный людьми, которые сами боятся необратимых изменений на живом сайте не меньше вашего.
Есть и промежуточный шаг перед полноценной установкой — примерка. Это отдельная лёгкая операция, которая печатает цветовую схему и токены оформления кита прямо в браузере, но видит её только администратор, и она не трогает ни страницы, ни меню, ни категории. По сути, вы можете «надеть» на свой существующий магазин визуальный скин нужного кита, посмотреть, как будет выглядеть акцентный цвет, скругления и плотность интерфейса именно на вашем содержимом, — и только после этого решить, готовы ли вы применять кит целиком. Мне нравится эта опция именно потому, что она разводит два разных вопроса: «нравится ли мне внешний вид» и «готов ли я применить всю конфигурацию» — и позволяет ответить на первый, не рискуя вообще ничем. Она же снимает дефолтные значения там, где кит совпадает по стилю с вашей текущей темой, чтобы примерка честно показывала именно разницу, а не накладывала одни настройки поверх других незаметным слоем.
Токены вместо переписывания двадцати страниц
Есть одна деталь в китах, которая кажется мелочью, пока вы не столкнётесь с обратной ситуацией на обычном сайте. Контактный телефон, ИНН компании, юридический адрес — вся эта информация в китах не прописана буквами в тексте страниц, а вставлена специальными токенами вроде телефона компании или её ИНН. При установке кита эти токены не подставляются буквально — они остаются в разметке как есть, а раскрываются уже в момент показа страницы посетителю, подставляя актуальные данные из профиля вашего магазина.
Что это значит на практике? Смените телефон в настройках профиля магазина один раз — и он автоматически обновится на всех страницах, где упоминается, будь то подвал сайта, страница контактов, карточка сотрудника или юридический документ. На обычном сайте, собранном руками, эта же задача выглядит иначе: телефон разбросан по двадцати страницам буквальным текстом, и при смене номера кто-то должен вручную найти и поправить каждое упоминание. Я видел сайты, где старый телефон компании продолжал висеть на странице «Вакансии» спустя два года после того, как он перестал существовать, просто потому что никто не подумал поискать его именно там.
Магазин наполовину собран — кит всё равно ставить или уже поздно?
Отдельный вопрос, который мне задают чаще, чем можно было бы подумать: «У меня уже есть магазин, я его полгода собирал, часть страниц готова, товары частично залиты — мне кит уже не нужен?» Ответ зависит от того, что именно вы успели сделать, и это ровно та ситуация, в которой пригождается инвариант «чужое не трогаем», о котором я говорил чуть раньше.
Если у вас уже есть страница с определённым адресом, но она не была создана китом ранее, — она никуда не денется, кит её обойдёт стороной, даже если у него в комплекте есть страница с точно таким же назначением. Если у вас уже заведена категория товаров с реальными позициями внутри — она переживёт установку и переживёт откат кита. По сути, кит в этой ситуации доустанавливает то, чего у вас ещё не было, и аккуратно обходит то, что уже есть. Он не станет затирать написанную вами страницу «О компании» просто потому, что в комплекте кита тоже есть страница с таким назначением, и не тронет категорию «Зимняя коллекция», которую вы завели сами и уже наполнили товаром.
На практике это означает, что кит полезен не только тем, кто начинает с нуля. Он полезен и тем, кто застрял на середине пути — у кого есть какое-то количество товаров, но нет нормального оформления главной страницы, нет юридических документов, нет настроенного мегаменю и фильтров. Такой магазин получает от кита ровно то, чего ему не хватало, не теряя того, что уже было сделано руками. Единственное, о чём стоит помнить, — если вы уже успели прилично кастомизировать какие-то настройки WooCommerce вручную, часть из них кит переопределит своими значениями, и здесь снимок состояния перед установкой — ваша страховка, а не формальность.
Где заканчивается кит и начинается ваша собственная работа
Важно проговорить это прямо, потому что я не хочу создавать впечатление, что кит — это кнопка «сделать бизнес», после нажатия которой у вас на счету появляются деньги. Кит закрывает ремесленную часть запуска — ту самую невидимую работу по вёрстке, структуре и базовым настройкам, о которой я говорил в начале. Он не закрывает ваш бизнес целиком.
Вам всё равно нужны настоящие товары — демонстрационный каталог кита существует для того, чтобы вы увидели, как выглядит заполненный магазин, а не для того, чтобы продавать чужие фотографии под своим брендом. Вам всё равно нужны реальные цены, согласованные с вашей экономикой, а не демонстрационные цифры для примера. Вам всё равно нужны настоящие договоры с транспортными компаниями и настоящее подключение эквайринга — кит настраивает интерфейс способов оплаты и доставки, но не подписывает договор с СДЭКом или банком вместо вас. И вам всё равно нужно решение, что делать с юридическим лицом, налогами, сертификацией товара, если она требуется в вашей нише.
Это ровно то разделение труда, которое, на мой взгляд, и должно быть между инструментом и предпринимателем. Инструмент избавляет вас от той части работы, которую тысячи людей до вас уже проделали одинаковым образом, и оставляет вам ту часть, которая действительно уникальна именно для вашего бизнеса — ассортимент, ценообразование, отношения с поставщиками и клиентами. Как только у вас появился реальный каталог, дальше в дело вступают уже другие модули плагина: например, если вы ведёте учёт в 1С, синхронизация с 1С:УТ заведёт остатки и цены на сайт без ручного дублирования, а если у вас каталог на много позиций с разными характеристиками, AJAX-фильтр по каталогу сразу встанет на пресеты, которые уже настроены в ките под вашу нишу.
Экономика вопроса и одна деталь про честность модульного подхода
Вернёмся к смете, с которой я начал. Триста восемьдесят тысяч рублей и три месяца — это реальная цена, если делать всё руками с нуля, силами студии или фрилансеров. Установка кита занимает вечер, в буквальном смысле — выбрали нишу, посмотрели демо, поставили пакет, снимок сделан автоматически на случай отката. Дальше — уже ваша работа: заливка настоящего каталога, настройка реальных цен, договоры с перевозчиками. Это тоже требует времени, но счёт идёт на дни, а не на месяцы, и вы платите за реальную работу с вашим бизнесом, а не переизобретаете структуру категорий, которую сто раз до вас уже придумали для точно такой же ниши.
Я вижу тут прямую параллель с тем, о чём мы уже писали применительно к единому плагину вместо зоопарка расширений: собирать магазин из десятка не связанных друг с другом инструментов — тема отдельно, конструктор блоков отдельно, каталог настроек отдельно, юридические шаблоны отдельно — значит тратить время не на бизнес, а на состыковку этих кусков между собой. Кит — это ровно та же философия, применённая на уровень выше: не «набор запчастей, из которых можно собрать магазин», а готовая, уже собранная и проверенная конфигурация, поверх которой вы работаете с первого дня.
Мне могут возразить: «А что если мне не подходит ни один из пяти китов, у меня специфичная ниша?» Отвечу честно — пять китов не покрывают все ниши на свете, и не должны. Их задача — закрыть самые массовые сценарии и, что важнее, показать сам принцип: магазин можно и нужно запускать не с чистого листа, а с рабочей конфигурации, которую потом дорабатываешь под себя. Даже если ваша ниша не совпадает буквально ни с одним из пяти вариантов, ближайший по духу кит — за счёт готовых пресетов меню, фильтров и блоков — сэкономит вам большую часть той самой невидимой работы, а специфику вы донастроите поверх.
Разберу второй реальный сценарий, потому что первый — про запуск с нуля — я уже разобрал подробно, а на практике именно вторая ситуация встречается едва ли не чаще первой. Представьте владельца небольшого магазина электроники, у которого уже год работает сайт, но выглядит он так, будто застрял в две тысячи шестнадцатом: главная страница — это просто список категорий текстом, карточка товара — стандартный шаблон WooCommerce без единой доработки, никакого сравнения моделей, никакой карусели брендов. Он не хочет переезжать на новую платформу — товары, заказы, накопленная история покупателей у него уже есть и трогать их страшно. В этом случае разговор идёт не про полный запуск, а про реюскейп конкретно витринной части: поставить кит электроники поверх существующего каталога, получить готовые блоки сравнения и характеристик, готовое мегаменю и фильтры, актуальный визуальный стиль — и при этом ни один существующий товар, ни одна существующая категория с реальными позициями не пострадают, потому что кит их не трогает. Стоимость такой работы вручную — заказ у дизайнера и верстальщика перевёрстки главной страницы и карточки товара — легко выходит за сто тысяч рублей и занимает три-четыре недели согласований макетов. Установка кита с последующей донастройкой под собственный бренд — это дни, а не недели, и происходит без риска для уже накопленной базы заказов.
Отдельно скажу про саму стоимость доступа к модулю — в лицензии COS WP Woo Store Kits идёт отдельной строкой, в районе девяти долларов в месяц, что на фоне сэкономленных недель работы дизайнера и верстальщика — величина скорее символическая, чем определяющая решение.
Что дальше — и почему я думаю, что это только начало
Иногда меня спрашивают, не убивает ли готовая конфигурация индивидуальность магазина, не превращает ли она интернет-торговлю в конвейер одинаковых витрин. Я думаю, ровно наоборот. Когда вам не нужно тратить три месяца на то, чтобы просто выйти на связку «работающий сайт плюс базовый ассортимент», у вас остаётся время и деньги на то, что реально отличает вас от конкурента — на ассортимент, на сервис, на отношения с клиентами, на контент, который объясняет, почему покупать нужно именно у вас. Индивидуальность магазина рождается не в разметке HTML главной страницы, а в том, что вы продаёте и как вы это делаете.
Двадцать лет назад никто не верстал блог с нуля — брали готовую тему WordPress и настраивали её под себя, и это никого не смущало, потому что все понимали: уникальность блога в текстах автора, а не в вёрстке шаблона. Мне кажется, интернет-магазины идут ровно тем же путём, просто с некоторым отставанием, потому что e-commerce исторически считался более «серьёзной» и штучной задачей. Может, скоро вопрос «на какой теме сделан ваш магазин» будет звучать так же странно, как сегодня звучит вопрос «на каком шаблоне сделан ваш блог» — потому что важным окажется не шаблон, а то, что вы в него вложили.
Я часто вспоминаю разговор с одним предпринимателем, который до этого держал точку в торговом центре и решил впервые выйти в онлайн. Он спросил меня напрямую: «А что, если через полгода мне надоест этот дизайн и я захочу другой?» И это, по-моему, отличный вопрос, потому что вскрывает ложную дилемму, в которую обычно загоняет себя человек, впервые запускающий магазин. Кажется, что нужно выбрать раз и навсегда — либо потратить три месяца и большие деньги на что-то уникальное, либо смириться с шаблонностью навсегда. На самом деле ни то, ни другое не обязательно. Вы можете поставить кит сегодня, запуститься за вечер, поработать полгода с реальными клиентами и реальным ассортиментом — и уже на основе реального опыта, а не абстрактных предположений дизайнера, решить, что именно стоит поменять. Донастройка поверх готовой конфигурации — это всегда дешевле и быстрее, чем создание с нуля, потому что вы меняете конкретные вещи, которые не устроили на практике, а не гадаете заранее, что понравится покупателю.
И ещё один момент, который стоит проговорить честно. Три-четыре месяца на запуск — это не только потерянное время, это ещё и потерянная выручка, которую вы могли бы получать всё это время, пока конкуренты уже продают. Каждый месяц простоя — это упущенные заказы, упущенные отзывы, упущенная возможность начать накапливать историю с постоянными покупателями. Разница между запуском за вечер и запуском за квартал — это не только разница в счёте от подрядчика, это разница в том, когда именно вы начинаете зарабатывать, а не тратить.
Если вы сейчас стоите на пороге запуска и смотрите на смету студии, прикиньте для себя: сколько в ней реальной уникальной работы под ваш бизнес, а сколько — той самой ремесленной части, которую можно закрыть готовой конфигурацией за вечер. Установите COS WP Woo, откройте демо-витрину своей ниши на `beauty.cos-woo.tech`, `fashion.cos-woo.tech`, `food.cos-woo.tech`, `electronics.cos-woo.tech` или `parts.cos-woo.tech`, покликайте по ней пятнадцать минут — и решите сами, готовы ли вы потратить три месяца на то, что можно сделать за один вечер.
