# Headless-коммерция: три уровня, реальные варианты и какой из них вам, скорее всего, нужен

> Большинство компаний, которые просят «headless-коммерцию», на самом деле хотят коммерцию, встроенную виджетом. Некоторым действительно нужны commercetools или Saleor. Вот честная схема выбора.

Ryan Badger - 3 октября 2025 г. - 6 мин чтения

## Что на самом деле означает «headless-коммерция»

Headless-коммерция означает разделение фронтенда (того, что видит покупатель) и коммерческого бэкенда (корзина, оформление заказа, склад, заказы). Вместо того чтобы выбирать платформу, где это всё в одном (как темы витрин Shopify), вы строите или покупаете фронтенд отдельно и подключаете его к коммерческому API.

Слово «headless» употребляют вольно. Есть три разных уровня:

- **Полный headless:** вы пишете фронтенд с нуля (React, Next.js, Astro, Nuxt) и обращаетесь к коммерческому API за каждым куском данных. Списки товаров, состояние корзины, оформление заказа. Весь интерфейс в вашей власти.
- **Headless через встроенный виджет:** ваш фронтенд уже существует (маркетинговый сайт, сборка на Webflow, блог). Вы вставляете коммерческий виджет, который отрисовывается внутри него. Это не «полный headless», но всё равно разделение: ваш сайт не шаблон коммерческой платформы.
- **Традиционный (не headless):** вы выбираете Shopify, BigCommerce или WooCommerce, пользуетесь их системой тем, и ваш сайт И ЕСТЬ коммерческая платформа.

Почти весь ажиотаж вокруг «headless» относится к уровню 1. Большинству магазинов он на самом деле не нужен.

## Когда полный headless оправдан

Полный headless окупается в четырёх конкретных ситуациях. Вне их это время разработчиков, которое вы не вернёте.

1. **Нужен нестандартный интерфейс, до которого не дотянутся темы платформ.** Интерактивные конфигураторы, 3D-просмотрщики товаров, контентные истории-лэндинги. Пересобирать фронтенд всё равно пришлось бы; headless лишь означает, что вы заодно управляете потоком коммерческих данных.
2. **Мультиканальная дистрибуция из одного каталога.** Сайт + мобильное приложение + киоск в магазине + голосовой или чат-интерфейс. Общий коммерческий API для всего этого по-настоящему трудно организовать традиционным способом.
3. **Масштаб, на котором упираются традиционные платформы.** Shopify Plus сегодня справляется с большей частью, но если у вас объёмы уровня Nike или IKEA, коммерческий API за вашим собственным фронтендом даёт контроль над производительностью, которого нет в магазине на теме.
4. **Инженерная команда с реальными ресурсами на фронтенд.** Если у вас есть выделенные фронтенд-инженеры, headless со временем становится по-настоящему дешевле, потому что вы перестаёте платить «налог» разработчикам тем.

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

## Варианты для полного headless

Для команд, которым полный headless действительно нужен, реалистичный шорт-лист на 2026 год:

- **commercetools**: корпоративного уровня, немецкой инженерии, дорогой. Эталонная реализация composable commerce.
- **Saleor**: open-source, на своём сервере или управляемый, сильный GraphQL API. Удобен для разработчиков.
- **Medusa**: open-source, нативно на JavaScript, растущая экосистема. По форме ближе всего к «Shopify как API».
- **BigCommerce Headless**: BigCommerce как бэкенд, фронтенд ваш. Самый чистый вариант «мигрировать, не перестраивая бэкенд».
- **Shopify Storefront API**: коммерция Shopify за вашим собственным фронтендом. Хостинг и сложность разработки на вас; склад, заказы и платежи остаются в Shopify.
- **Shoprocket через SDK `@shoprocket/core`**: товары, корзина и сессии полностью программируемы ([shoprocket-js](https://github.com/shoprocket/shoprocket-js)). Откажитесь от виджета, отрисуйте собственный интерфейс и обращайтесь к нашему API напрямую. Оговорки смотрите в разделе «Где находится Shoprocket» ниже.

Примерный рейтинг по удобству для разработчиков: Medusa > Saleor > Shopify Storefront API > BigCommerce > commercetools. Примерный рейтинг по корпоративной надёжности: commercetools > Shopify > BigCommerce > Saleor > Medusa. Выбирайте по тому, что для вас важнее.

## Вариант со встроенным виджетом (категория, которая на самом деле нужна большинству)

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

Shoprocket, Snipcart и Ecwid находятся здесь. Вы сохраняете свой сайт (Webflow, WordPress, статический HTML, Astro, Framer), вставляете тег script, и коммерция отрисовывается внутри. Это разделение, но не повторная реализация.

```
<!-- EXAMPLE ONLY. Grab your real snippet from Sales channels → Embeds in your dashboard -->
<script src="https://cdn.shoprocket.io/loader.js" data-pk="pk_yourkey"></script>
<div data-shoprocket="catalog" data-embed-id="emb_xxx"></div>
```

API тоже доступен, если хотите пойти дальше (собственные карточки товаров на вашей разметке, данные берутся из нашего API). Полный программный контроль даёт JS SDK ([shoprocket-js](https://github.com/shoprocket/shoprocket-js)) для событий, управления корзиной и собственных интерфейсов.

**Когда этот уровень лучше полного headless:**

- У вас уже есть сайт, который вам нравится (не хотите пересобирать фронтенд)
- У вас нет выделенных фронтенд-инженеров
- Ваши требования к интерфейсу укладываются в то, что рисует виджет
- Вы хотите запустить коммерцию за недели, а не за кварталы

**Когда пора переходить на полный headless:**

- Виджет не дотягивается до нужного вам интерфейса
- Нужно показывать товары в контекстах, которые виджет не покрывает (нативное мобильное приложение, киоски, ТВ)
- У вас есть инженерная команда, чтобы это поддерживать

## Как понять, какой уровень вам нужен

Задайте себе два вопроса:

1. **Уместятся ли мои требования к интерфейсу в прямоугольный блок моего существующего сайта?** Если да, вам хватит встроенного виджета. Если нет, вы на территории полного headless.
2. **Будет ли у меня выделенный фронтенд-инженер на ближайшие 18 месяцев?** Если нет, откажитесь от полного headless, что бы вы ни думали о своих потребностях.

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

## А как же «composable commerce»

Та же идея, переупакованная под корпоративный цикл закупок. «Composable» значит: берёте лучшее в своём классе решение для каждой функции (CMS, поиск, PIM, корзина, оформление заказа, налоги) и связываете их через API. Работает, когда у вас есть команда, чтобы всё это связать. Превращается в бремя поддержки, когда её нет.

Для магазинов с выручкой меньше примерно $10 млн в год composable почти всегда ошибка. Поверхность интеграции огромна, и каждая замена вендора что-нибудь ломает.

## Где находится Shoprocket

Мы покрываем уровни 1 и 2 и честно говорим, какой из них стоит выбрать.

**Уровень 2 (встроенный виджет), вариант по умолчанию для 95% наших клиентов.** Вставьте один тег script, и виджет отрисуется внутри вашего существующего сайта. Каталог, корзина, оформление заказа, поиск, варианты, платежи: всё уже сделано. Фиксированная подписка от $29 в месяц, 0% комиссии за транзакции. Это быстрый путь и правильный для большинства магазинов.

**Уровень 1 (полный headless), технически поддерживается, но рекомендуем редко.** SDK `@shoprocket/core` ([shoprocket-js](https://github.com/shoprocket/shoprocket-js)) открывает товары, состояние корзины и сессии программно. Вы можете отрисовать каждый пиксель сами и обращаться к нашему API напрямую. Подписка та же, фиксированная.

**Почему мы не продвигаем уровень 1, хотя он работает:** закрыть все крайние случаи в собственном фронтенде (состояния загрузки, пустые корзины, интерфейс выбора вариантов, процесс оформления, обработка ошибок, доступность, мобильные экраны, i18n на 21 язык) это огромный объём инженерной работы. В виджете всё это уже есть и проверено на тысячах магазинов. Вы заново реализуете решённую задачу, если у вас нет конкретной причины в интерфейсе, чтобы этого не делать.

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

> **Совет:** если вендор называет себя «headless», но не может ответить на вопрос «какой фронтенд-фреймворк вы рекомендуете?», то, скорее всего, это встроенный виджет. Это нормально; просто понимайте, что покупаете.

## Коротко

- **Полный headless:** commercetools, Saleor, Medusa, Shopify Storefront API, BigCommerce Headless. Стоит того только при особых требованиях к интерфейсу, мультиканальности, масштабе или выделенной команде разработки.
- **Встроенный виджет:** Shoprocket, Snipcart, Ecwid. Правильный ответ для большинства магазинов, которые «хотят headless». Shoprocket также поддерживает полный headless через core SDK на редкий случай, когда он нужен.
- **Традиционный:** Shopify + тема, BigCommerce + тема. Всё ещё самый быстрый путь, если у вас пока нет сайта.

Большинству компаний, которые просят headless, на самом деле нужен уровень со встроенным виджетом. [Начните бесплатный пробный период Shoprocket](https://app-v3.shoprocket.io/signup), если это про вас. 14 дней, без карты. [Цены](https://v3.shoprocket.io/ru/pricing.md) от $29.

---

- HTML version: https://v3.shoprocket.io/ru/blog/headless-commerce-the-three-tiers-the-real-options-and-which-one-you-probably-actually-want
- Language: Русский (ru)
- Also in: [العربية](https://v3.shoprocket.io/ar/blog/headless-commerce-the-three-tiers-the-real-options-and-which-one-you-probably-actually-want.md), [Deutsch](https://v3.shoprocket.io/de/blog/headless-commerce-drei-stufen-optionen-entscheidung.md), [Ελληνικά](https://v3.shoprocket.io/el/blog/headless-commerce-the-three-tiers-the-real-options-and-which-one-you-probably-actually-want.md), [English](https://v3.shoprocket.io/blog/headless-commerce-the-three-tiers-the-real-options-and-which-one-you-probably-actually-want.md), [Español](https://v3.shoprocket.io/es/blog/headless-commerce-tres-niveles-opciones-reales.md), [Français](https://v3.shoprocket.io/fr/blog/commerce-headless-trois-niveaux-quelle-option-choisir.md), [עברית](https://v3.shoprocket.io/he/blog/headless-commerce-the-three-tiers-the-real-options-and-which-one-you-probably-actually-want.md), [हिन्दी](https://v3.shoprocket.io/hi/blog/headless-commerce-the-three-tiers-the-real-options-and-which-one-you-probably-actually-want.md), [Bahasa Indonesia](https://v3.shoprocket.io/id/blog/headless-commerce-tiga-tingkatan-pilihan-nyata-dan-mana-yang-anda-butuhkan.md), [Italiano](https://v3.shoprocket.io/it/blog/headless-commerce-tre-livelli-opzioni-reali-quale-scegliere.md), [日本語](https://v3.shoprocket.io/ja/blog/headless-commerce-the-three-tiers-the-real-options-and-which-one-you-probably-actually-want.md), [Lietuvių](https://v3.shoprocket.io/lt/tinklarastis/headless-prekyba-trys-lygiai-ir-kuris-jums-tinka.md), [Norsk](https://v3.shoprocket.io/nb/blogg/headless-commerce-tre-nivaer-reelle-alternativer-og-hva-du-trenger.md), [Nederlands](https://v3.shoprocket.io/nl/blog/headless-commerce-drie-niveaus-welke-past-bij-jou.md), [Polski](https://v3.shoprocket.io/pl/blog/headless-commerce-trzy-poziomy-realne-opcje-co-wybrac.md), [Português](https://v3.shoprocket.io/pt/blog/headless-commerce-tres-niveis-opcoes-reais-e-qual-voce-provavelmente-quer.md), [Română](https://v3.shoprocket.io/ro/blog/headless-commerce-cele-trei-niveluri-si-care-ti-trebuie.md), [ไทย](https://v3.shoprocket.io/th/blog/headless-commerce-the-three-tiers-the-real-options-and-which-one-you-probably-actually-want.md), [Türkçe](https://v3.shoprocket.io/tr/blog/headless-ticaret-uc-kademe-gercek-secenekler-ve-hangisini-istiyorsunuz.md), [中文](https://v3.shoprocket.io/zh/blog/headless-commerce-the-three-tiers-the-real-options-and-which-one-you-probably-actually-want.md)