Headless Shopify
- Стоимость
- от 1 000 000 ₽
- Срок
- 3–4 месяца
- Опыт
- 100+ проектов · 10+ лет · 9+ стран
Витрина на собственном фронтенде, а каталог, корзина и оплата — на Shopify
- Shopify
- Nuxt
- Vercel
Базовый набор. Под задачу и требования проекта подключаем и другие инструменты.
Темы Shopify ограничивают дизайн и скорость. Headless-подход оставляет Shopify каталог, корзину, оформление заказа и платежи, а витрину строит отдельным быстрым приложением по Storefront API.
Так магазин может выглядеть как полноценный брендовый сайт с анимациями и сложными страницами, а команда продолжает работать в привычной админке Shopify.
Что делаем
- Витрину на Hydrogen или Nuxt через Storefront API
- Каталог, фильтры, корзину и переход к оформлению заказа
- Контентные страницы из CMS рядом с товарами
- Анимации и интерактив, которых нет в темах
- Хостинг на Oxygen, Vercel или вашем сервере
Когда теме Shopify становится тесно
Дизайнер нарисовал сайт, а тема позволяет половину
Строим витрину на Hydrogen или Nuxt, где вёрстка не ограничена секциями темы. Каталог и корзину берём из Storefront API, оформление заказа остаётся на Shopify.
Статьи и лукбуки живут отдельно от товаров
Подключаем headless-CMS для материалов и выводим товары прямо внутри них: читатель добавляет вещь в корзину, не уходя со страницы.
Переходы по каталогу и фильтры работают медленно
Кэшируем каталог на CDN и предзагружаем следующую страницу заранее. Фильтры пересчитывают выдачу без перезагрузки.
Боимся, что поисковики не увидят новую витрину
Рендерим страницы на сервере, отдаём готовую разметку, микроразметку товаров и карту сайта. Поисковый робот видит каталог так же, как на обычной теме.
Кому оправдан headless
Подойдёт, если
- Бренду важны анимации и подача уровня имиджевого сайта, а не шаблонные секции
- Контента много: истории, лукбуки, коллаборации рядом с товарами
- Вы готовы развивать отдельное приложение — своими силами или с нами по подписке
Не подойдёт, если
- Каталог небольшой и тема с доработками закрывает задачи — дешевле остаться на теме
- Магазин держится на десятке приложений с виджетами, которым нужна тема — тут лучше доработка темы
Свобода дизайна, надёжность Shopify
Сайт бренда и магазин в одном
Истории, лукбуки и лендинги живут рядом с товарами и выглядят так же цельно, как весь остальной сайт.Быстрый каталог
Страницы рендерятся на сервере и кешируются, поэтому каталог открывается быстро даже на медленном мобильном интернете.Опыт в интерактиве
Мы много лет делаем сайты с WebGL и сложными переходами и переносим этот опыт в e-commerce.Честный выбор подхода
Если вашему магазину хватит хорошей темы, скажем об этом прямо: headless нужен не всем.
Как мы работаем
- 01
Архитектура
1–2 неделиВыбираем фронтенд (Hydrogen или Nuxt), хостинг и CMS для контента и проектируем работу со Storefront API.
Итог этапа Схема архитектуры и прототип запроса каталога через Storefront API - 02
Дизайн витрины
3–4 неделиРисуем витрину без ограничений тем Shopify: сложные фильтры, конструкторы товара, редакционный контент.
Итог этапа Макеты всех страниц и дизайн-система для фронтенда - 03
Фронтенд
7–8 недельРазрабатываем витрину с серверным рендерингом, кешированием каталога и быстрым переходом между страницами.
Итог этапа Витрина на тестовом адресе с реальными товарами из Shopify - 04
Корзина и checkout
1–2 неделиПодключаем корзину, переход в checkout Shopify, аккаунты покупателей и аналитику электронной торговли.
Итог этапа Полный путь покупки от витрины до оплаты на Shopify - 05
Нагрузка и запуск
1 неделяПроверяем витрину под нагрузкой, настраиваем редиректы и переключаем домен. Гарантия на ошибки — 3 месяца.
Итог этапа Headless-магазин в работе и отчёт нагрузочного теста
Что нужно для headless-витрины
- Действующий магазин на Shopify или решение его открыть
- Макеты или референсы витрины, которую не удаётся собрать на теме
- Список приложений, которые должны работать на новой витрине
- Где будет жить контент: в текущей CMS или в новой
- Человек, который будет развивать витрину после запуска: ваш или наш
Созвон: тема или headless
За полчаса разбираем задачу и прямо говорим, хватит ли доработанной темы. Если headless оправдан, присылаем архитектуру, сроки и оценку.
Тема Shopify
тесна для бренда?
Честно скажем, нужен ли вам headless. Если да — построим быструю витрину, а каталог, корзина и оплата останутся на Shopify.
Когда бренду важны уникальный дизайн, сложный контент и скорость, а возможностей темы уже не хватает. Для стандартного магазина тема быстрее и дешевле.
От 1 000 000 ₽. Это дороже магазина на теме: витрину на собственном фронтенде проектируем и разрабатываем с нуля. Итог зависит от числа шаблонов, объёма контента из CMS, рынков и языков и интеграций с оформлением заказа. Смету присылаем после созвона, на котором проверяем, нужен ли вам headless.
Товары, остатки, заказы, оформление заказа и платежи. Команда работает в той же админке.
Да, те, что работают с данными и оформлением заказа. Приложения, которые меняют тему, нужно заменить возможностями витрины.
Да, разработка сложнее. Окупается у брендов, для которых витрина — главный инструмент продаж.
Другие решения
- Магазин на Shopify с нуляЗапуск нового магазина на Shopify: структура, дизайн, тема, оплата и доставка
- Перенос на ShopifyПереносим магазин с WooCommerce, Tilda и других платформ на Shopify без потери данных и трафика
- Темы и приложения ShopifyДорабатываем темы, ускоряем магазин и подключаем приложения и интеграции