Senior Frontend Architect, 10+ лет опыта построения production-проектов на Next.js. Contentful Certified Professional (2024). Специализация: React Server Components, headless eCommerce, инженерия Core Web Vitals.
Ищете цену headless Shopify — и почти каждый результат это форма расчёта в облике блог-поста. Это не случайно. Стоимость правда переменная, а размытость держит переговоры открытыми. Этот текст делает обратное: разделяет три вещи, что реально стоят денег, говорит, какие из них бесплатны, и показывает, где сборка тихо доходит до шестизначной суммы, а где этого не нужно. Написано тем, кто собирает эти витрины, поэтому может позволить себе называть цифры, а не прятать их за звонком.
Фреймворк и хостинг бесплатны, и это удивляет
Самое частое заблуждение — что уход в headless значит платить за дорогую новую инфраструктуру. Нет. Hydrogen, собственный React-фреймворк Shopify для headless-витрин, открытый и бесплатный. Oxygen, глобальный хостинг Shopify для этих витрин, входит в планы Shopify без доплаты. Витрину можно собрать и на Next.js и хостить в другом месте — этот путь разбирает полный гид по сборке, а сравнение Hydrogen и Next.js честно взвешивает оба. Суть в любом случае одна: фреймворк и хостинг — не та статья, что стоит вам денег. Стоит сборка.
Стоимость платформы Shopify
Это предсказуемая часть. Если вы на стандартном плане Shopify, headless его не меняет. Если вы на объёме, где Shopify Plus имеет смысл, его обычно называют стартом около 2300 долларов в месяц на странице цен Shopify, с переходом на оплату по обороту на больших доходах. Headless сам по себе не повод переходить на Plus. На Plus идут ради кастомизации checkout, более высоких лимитов API и B2B-функций, а headless просто хорошо с этим сочетается, но стоимость плана — бизнес-решение, с которым вы столкнётесь и без кастомной витрины.
Стоимость сборки и что её реально определяет
Вот где диапазон взрывается и где живёт честная цифра. Кастомная сборка агентства обычно идёт от примерно 10 000 долларов за сфокусированную витрину до сильно за 100 000 для enterprise-масштаба, и разброс не случаен. Он идёт за коротким списком факторов: сколько кастомного дизайна, стандартный checkout и платёжный путь или сильно кастомизированный, сколько интеграций нужно магазину, сколько SEO и разметки надо аккуратно перенести, и насколько серьёзно проектируются производительность и доступность, а не предполагаются. Каждый из них — реальная работа, и каждый из них — работа, что уже сделана однажды и может быть переиспользована.
Скрытые расходы, которых почти никто не перечисляет
- Риск SEO. Небрежная headless-переделка может уронить позиции, потеряв канонические URL и разметку, а вернуть этот трафик стоит куда дороже, чем сделать правильно с первого раза. Если Search Console уже вас помечает, как читать проваленную оценку Core Web Vitals — более дешёвый первый шаг.
- Инженерия производительности. Скорость — весь смысл headless, но её проектируют, а не получают даром. Сборка, что это пропустила, может оказаться медленнее темы, которую заменила, а это худший из исходов, за которые платят.
- Постоянное обслуживание. Разовая кастомная сборка без тестов — это магазин, что тихо ломается по мере обновления зависимостей, и каждая правка — новый счёт. Сборка с реальным покрытием тестами ведёт себя через полгода так же, как в день запуска.
- Доступность. WCAG 2.2 AA — это и вопрос конверсии, и юридический вопрос, а дооснащать её потом дороже, чем встроить с самого начала.
Будут ли мои приложения Shopify работать после перехода на headless?
Большинство — нет, и именно это удивляет сильнее всего в смете. Приложения из App Store, которые что-то добавляют на витрину, делают это, встраиваясь в вашу Liquid-тему, а у headless-витрины нет Liquid-темы, куда встраиваться. Позиция самого Shopify видна по тому, как у него всё устроено: документация по headless отправляет вас к приложениям, сделанным для headless-коммерции, и под кастомные витрины есть отдельная подборка в App Store, а не общий каталог. Всё, что работает с бэкендом, в порядке: витрины оно и не касалось. Пересобирать нужно видимый слой.
Поэтому честный способ считать headless-сборку — сперва провести аудит приложений и разложить их на три части: бэкенд-приложения, которые переезжают без изменений; приложения, у чьего вендора есть API для интеграции; и витринные приложения без headless-пути, которые придётся пересобирать как часть витрины. Именно третья часть двигает смету, и её размер никто не назовёт, не посмотрев ваш список. Темплейт смягчает это тем, что функции, которые обычно и попадают в третью часть, уже собраны: отзывы и рейтинги-звёзды, вишлист, рекомендации товаров и фасетный поиск, так что они перестают быть строками в смете. Аудит это не отменяет, и у магазина с нестандартным приложением работа всё равно будет.
Кастомная сборка агентства против протестированного темплейта
Яснее всего увидеть, куда уходят деньги, — поставить два подхода рядом. Темплейт не пропускает сложные части, он уже заплатил за них однажды, поэтому стоимость сборки и схлопывается.
| Область затрат | Кастомная сборка агентства | Сборка на темплейте |
|---|---|---|
| Основа витрины | Собирается с нуля каждый раз | Уже собрана и протестирована, включается конфигом |
| Checkout и интеграции | Кастомная работа, оплата по часам | Стандартный хостовый checkout Shopify, подключается конфигом |
| SEO и разметка | Переносится вручную, легко упустить | Встроено: метаданные, карта сайта и JSON-LD по умолчанию |
| Тесты и доступность | Опционально, часто режут ради бюджета | 460+ тестов и WCAG 2.2 AA в гейтах CI |
| Время до запуска | Недели-месяцы | Часы на подключение и запуск |
| Типовой диапазон | ~10 000 до 100 000+ долларов | Доля стоимости кастомной сборки |
Как темплейт меняет расчёт
Причина, по которой протестированный темплейт настолько дешевле, не в том, что он делает меньше. В том, что дорогая, рискованная база уже сделана и проверена, поэтому бюджет покупает ваш магазин, а не оплачивает второй раз сантехнику, которая нужна каждому. Темплейт headless-коммерции работает на Shopify с его стандартным хостовым checkout, со встроенным SEO, типизированным слоем данных, 460+ автотестами, доступностью WCAG 2.2 AA, проверяемой на каждом изменении, и гейтами Lighthouse по производительности. Та же витрина работает и на Magento через один переключатель в конфиге, и это оставляет платформу обратимой, а не привязывает к ней всю сборку. Вы подключаете свой Shopify и запускаетесь за часы. Посмотреть в работе — на живом демо, а как headless ложится на масштаб — в архитектуре enterprise-коммерции.
Когда headless Shopify не стоит денег
Самый дешёвый headless-проект — тот, который вы решили не запускать. Тема, которая уже быстро грузится, проходит свои метрики и делает то, что нужно бренду, — это не проблема в ожидании бюджета, и платить за её замену значит превратить работающий актив в счёт. То же с магазином, который ещё выясняет, что продаётся: деньги, вложенные в переделку витрины на этом этапе, — это деньги, не вложенные в поиск товара, который работает. Расход оправдывают данные, а не архитектура. Когда витрина в ваших собственных цифрах выглядит тем, что ограничивает выручку, сборка себя окупает; до этого — нет, и тот, кто выставляет вам смету, должен сказать это сам. Бесплатный аудит сайта покажет ваши полевые данные для любого URL, а разбор headless-архитектуры покрывает более глубокую работу, если цифры говорят, что пора.
Сколько стоит headless-магазин на Shopify?
Для кастомной сборки агентства — обычно где-то между примерно 10 000 долларов за сфокусированную витрину и сильно за 100 000 для enterprise-масштаба, поверх вашего плана Shopify, который не меняется, если вы не переходите на Plus около 2300 долларов в месяц. Сами фреймворк и хостинг бесплатны. На протестированном темплейте стоимость сборки — доля кастомного проекта, потому что сложные части уже сделаны, и вы подключаете свой Shopify и запускаетесь за часы, а не платите за месяцы кастомной работы. Честный ответ: платформа предсказуема, а сборка — там, где живёт настоящий разброс.
Стоит ли headless Shopify своих денег?
Стоит, когда скорость и контроль измеримо стоят вам продаж, и не раньше. Бизнес-обоснование держится на реальных цифрах: Deloitte выяснил, что десятая доля секунды мобильной скорости подняла конверсию в ритейле на 8,4 процента, а данные Google на web.dev показывают: у сайтов, проходящих Core Web Vitals, на 24 процента ниже доля отказов. Если медленная тема держит эти цифры внизу, быстрая headless-витрина себя окупает. Если ваша тема уже быстрая — нет, и более дешёвый честный ответ: оставить её в покое.
Сколько времени занимает сборка headless Shopify?
Кастомная сборка — это месяцы, а не недели, и именно время обычно превращает фиксированную смету в переменную. Сама витрина редко бывает самым долгим участком. Срок растягивают аудит приложений выше, checkout и платёжный путь, перенос SEO без потери позиций и круги правок по кастомному дизайну, и каждый из этих пунктов живёт в чужом календаре не меньше, чем в вашем. Любой срок, названный до того, как прочитали ваш список приложений, считайте заглушкой.
Темплейт существует, чтобы убрать большую часть этого. Вы подключаете Shopify, добавляете токены бренда и контент, и оформленная оптимизированная витрина работает уже через часы, потому что фундамент, на сборку и тестирование которого иначе уходят месяцы, уже собран и протестирован. Остаётся ваша конкретная работа: приложения из третьей части, всё нестандартное в каталоге и дизайнерские решения, которые можете принять только вы. Этот остаток честно оценивается в разговоре и нечестно — до него.
Как получить честный расчёт?
Начните с живого демо и темплейта headless-коммерции: вдвоём они показывают, что именно лежит в коробке, а чего там нет. Если подходит, темплейт подключается к вашему Shopify и запускается за часы, за долю стоимости кастомной сборки, потому что дорогая база уже сделана. Когда захотите, чтобы цифры разобрали против вашего плана и вашего каталога, свяжитесь, и мы посчитаем, оправдан ли расход сегодня или тема, которая у вас есть, ещё делает свою работу.