Shopify Безголовая коммерция: полное руководство на 2024 год

Вы планируете инвестировать в Shopify безголовая коммерция?

Возможно, вы слышали термин «безголовая коммерция» и задавались вопросом, из-за чего весь этот шум.

Или, возможно, вы обнаружили потребность в большей гибкости существующих Shopify магазин.

Использование безголовых возможностей, доступных на Shopify может быть отличным способом обновить ваш интернет-магазин.

Но подходит ли вам безголовая коммерция? и как именно начать работу Shopify?

Вот все, что вам нужно знать о Shopify безголовое предложение.

Что вы узнаете в этой статье:

• Понять, что Shopify Безголовая коммерция на самом деле
• Преимущества Shopify Безголовая торговля
• Пойми, если Shopify Безголовая коммерция для вашего бизнеса
• Реальные примеры Shopify Безголовая торговля

Что такое безголовая коммерция? Основы

Безголовая коммерция — одна из самых быстрорастущих тенденций в сфере электронной коммерции. Это подход к создание опыта электронной коммерции, который отделяет интерфейсную технологию вашего сайта (часть, ориентированная на клиента) из бэкэнда (инструментов, которые вы используете для управления своим магазином).

Salesforce обнаружила, что около 80% компаний которые не использовали безголовую архитектуру, планировали сделать это в ближайшие два года.

Почему?

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

С безголовой коммерцией, компании могут получить полный контроль над разработкой, использовать компонуемые стеки технологий и даже создавать разные интерфейсы для разных точек взаимодействия.

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

Что Shopify Без головы?

Shopify Безголовая торговля — это решение безголовой архитектуры, предлагаемое одним из крупнейших в мире поставщиков платформ электронной коммерции.

Это позволяет пользователям быстрее создавать витрины для Интернета с помощью Hydrogen. Shopifyфреймворк, основанный на реагировании. Кроме того, он включает доступ к «Oxygen» для глобального хостинга.

Посмотрите обзорное видео о водороде:

Когда ты остаешься без головы с Shopify, вы сохраняете все невероятные серверные функции Shopify предложения для бизнеса и управления магазином.

Однако вы также можете заменить Shopifyинтерфейс, с новыми инструментами, которые расширяют возможности вашего магазина, ориентированного на клиентов.

Вот как выглядит пример кода Store

Это означает, что вы можете использовать совершенно разные темы и инструменты их редактирования. Вы можете сотрудничать с Shopify experts создавать собственные витрины и интегрировать вашу систему с уже используемыми вами инструментами, такими как инструменты бухгалтерского учета или совместной работы.

В чём Shopify API витрины?

Одна из причин Shopify настолько привлекательна для компаний, использующих безголовую архитектуру, заключается в том, что платформа уже построена с учетом разделения.

Он может легко адаптироваться к другому интерфейсу без необходимости переделывать всю вашу экосистему и самостоятельно создавать технологический стек.

Shopify обеспечивает работу безголовых витрин через свой «Storefront API», написанный с помощью GraphQL. Это фундаментальный инструмент, который раскрывает весь потенциал Shopify безголовая коммерция.

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

Это означает, что два уровня вашей коммерческой бизнес-технологии могут взаимодействовать друг с другом, обмениваться данными и легко согласовываться.

Зачем идти без головы с Shopify?

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

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

Он также включает инструменты для SEO и обработки платежей, сложное управление заказами и инструменты управления запасами.

Однако, как и любая монолитная платформа электронной коммерции, Shopify может показаться немного ограничительным как ваш бизнес начинает расти.

Миграция на безголовый Shopify store позволяет вам лучше контролировать то, как вы взаимодействуете со своими клиентами в разных средах.

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

Плюсы и минусы Shopify Безголовая торговля

Для малого бизнеса сохранение Shopify Соединение бэкэнда и внешнего интерфейса обычно имеет наибольший смысл. Это дешевле и проще, чем безголовый подход, и вы по-прежнему получаете все функции, необходимые для успешного управления магазином.

Однако, если вы ищете масштабируемость и более продвинутые возможности настройки, Обезглавленный Shopify может быть правильным выбором.

Выделим основные плюсы и минусы Shopify безголовая коммерция.

Доводы

• Больше контроля: Безголовая архитектура дает вам больше контроля над «уровнем представления» вашего интернет-магазина и пользовательским интерфейсом. Пока Shopify предлагает на выбор несколько отличных тем и вариантов оформления, а безголовые инструменты дают вам больше свободы. У вас будет больше возможностей выделить свой магазин среди конкурентов.
• Масштаб: Безголовая коммерция по своей сути масштабируема. Если вы строите международный бизнес или хотите создать различные линейки продуктов и бренды, безголовая архитектура может оказаться невероятно полезной. Вы можете перепроектировать рабочие процессы и управлять контентом в любом масштабе, создавая уникальный опыт для всех сегментов вашей аудитории.
• Скорость и производительность сайта: Исследования постоянно показывают, что более быстрая загрузка веб-сайтов приводит к увеличению продаж. особенно на мобильном телефоне. Чем больше вы настраиваете свой Shopify храните приложения и код, тем больше вы его утяжеляете. Отказ от управления означает, что вы можете использовать более быстрые методы доставки внешнего интерфейса, повышая коэффициент конверсии.
• Улучшенное SEO: Безголовая структура также дает вам больше контроля над вашими URL-адресами. Эти URL-адреса могут сыграть значительную роль в рейтинге и видимости вашего сайта в поисковых системах. Пока Shopify довольно негибок, когда дело доходит до модификации URL-адресов, безголовая архитектура означает, что вы можете контролировать каждую часть вашей структуры URL-адресов.
• Более быстрое время выхода на рынок: 77% компаний говорят, что использование безголовой архитектуры дает им больше гибкости. Благодаря безголовой стратегии вы можете экспериментировать с макетом вашего сайта и другими факторами, не влияя на серверные процессы. Это означает, что вы можете вносить изменения намного быстрее. Вы также получаете полный контроль над внешним видом вашего сайта.

Минусы

• Проблемы с приложениями: Когда вы перестанете использовать Shopifyвстроенные инструменты, некоторые из ваших приложений могут перестать работать. Однако, если вы выберете комплексную интерфейсную платформу, она должна предоставить вам больше возможностей интеграции, которые вы сможете выбрать, чтобы сохранить ваши рабочие процессы.
• Сложность: Хотя любой может создать традиционную Shopify хранить с минимальными усилиями, создать безголовый магазин сложнее. Вам нужно будет работать с кем-то, кто понимает API GraphQL, и вам могут понадобиться ресурсы для разработки.
• Потеря тем: С безголовым Shopify store вы не сможете полагаться на все стандартные готовые темы, предоставляемые Shopify. Конечно, это тоже может быть хорошо, поскольку означает, что вы можете создать тему, совершенно уникальную для вашего бизнеса.
• Зависимость от разработчиков: Традиционный Shopify store легко создавать, поддерживать и обновлять, даже если у вас нет знаний разработчика. Однако с безголовым магазином вам понадобится гораздо больше технической помощи. Вам придется довольно часто работать с экспертами.
• Стоимость: Безголовые магазины, как правило, обходятся дороже в создании, управлении и эксплуатации, чем традиционные магазины. Это потому, что вы платите больше за опыт разработчиков, сторонние системы и помощь бригад технического обслуживания.

Shopify Безголовые примеры для вдохновения

Если вам интересно, чего на самом деле можно добиться с помощью обезглавленного Shopify store, есть много отличных примеров, которые стоит проверить. Некоторые крупнейшие мировые бренды, в том числе Allbirds и Staples Canada, используют ShopifyБезголовая архитектура.

Вот лишь некоторые из наших любимых примеров использования веб-сайтов Shopifyбезголовая архитектура:

Фид

The Feed, компания, известная продажей пищевых добавок и продуктов, повышающих производительность, внедрила безголовую торговлю более 3 лет назад.

Хотя партнеры TheFeed.com поначалу немного скептически относились к преимуществам безголовой торговли, они быстро увидели результаты, когда начали проводить тесты.

Команда команда найдена безголовая версия их магазина показала большую эффективность лучше, чем «Жидкий» запустить версию, увеличив коэффициент конверсии примерно на 5.24%. Кроме того, они также добились увеличения дохода на одного клиента на 10.28%.

JB Hi-Fi

Один из крупнейших в Австралии розничных продавцов домашних развлечений. JB Hi-Fi знает насколько важно обеспечивать исключительное качество обслуживания клиентов. В 2018 году компания обратилась Shopify ищет способ масштабировать свой магазин и повысить производительность во время курортного сезона.

Бренду нужен был способ обеспечить стабильно быстрое время загрузки и обрабатывать постоянно растущий объем трафика.

Безголовое решение, предлагаемое Shopify предоставило компании возможность достичь этих целей. Кроме того, компания использует соединения API в режиме реального времени для быстрой проверки наличия товара во всех онлайн-магазинах и обычных магазинах.

кочевник

Бренд аксессуаров для современного образа жизни, Кочевник, решили, что им нужен новый способ отличить свою компанию от конкурентов в сфере электронной коммерции. Охватывая Shopify безголовое решение, команда объединила Shopifyбэкэнд-инструментарий с фронтэнд-системой Shogun.

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

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

Oneblade

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

К сожалению, при использовании стандартного варианта предложить настраиваемые варианты покупки было бы сложно. Shopify экосистемы.

Вот почему Вместо этого OneBlade решил использовать безголовую архитектуру. Внедрение стратегии «без головы» означало, что OneBlade мог получить доступ к гибкости, необходимой им, чтобы предложить клиентам действительно уникальный опыт покупок.

Allbirds

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

Команда решила протестировать автономную архитектуру, чтобы создать более быстрый и гибкий веб-сайт. Команда использовала Hydrogen на базе JSreact. Shopify framework для создания пользовательской витрины и продолжает использовать стандартную Shopify бэкэнд для своего магазина.

Виктория Бекхэм Бьюти

Еще один пример чрезвычайно известного бренда с архитектурой безголовой коммерции. Виктория Бекхэм Бьюти рычаги Shopifyсерверные возможности наряду с автономной системой управления контентом Contentful.

Гибкая CMS предоставляет команде легко настраиваемую модель контента для работы, а также доступ к API производственного контента.

Безголовая архитектура и специальные приложения, доступные для магазина «VB Beauty», позволили команде создать уникальный опыт для покупателей.

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

3 способа построить безголовый Shopify Магазин

1. Используйте маршрут «Сделай сам»
2. Партнер с агентством
3. Используйте

Если вы решите, что безголовая архитектура — правильный выбор для вашего Shopify store, есть несколько разных способов воплотить свою стратегию в жизнь. Правильный для вас вариант будет зависеть от ряда факторов, таких как ваш бюджет и ваши знания разработчика.

1. Маршрут «Сделай сам»

Один из наиболее распространенных способов реализации headless Shopify архитектура – ​​это строить все с нуля.

Shopify имеет свою собственную безголовый раствор под названием «Водород», построенный на платформе React.js. Он имеет модульную структуру и отличную скорость разработки, а также поставляется с удобным стартовым шаблоном, который отлично подходит для новичков.

Самая большая проблема этого метода заключается в том, что вам придется постоянно работать с разработчиками для создания, оптимизации и управления интерфейсом вашего магазина.

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

2. Партнерство с агентством

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

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

Однако стоит помнить, что вам все равно придется найти подходящее агентство, которое сможет вам помочь. Важно искать команду, имеющую опыт работы с такими фреймворками, как

• React.JS
• тлеющие угли
• Next.Js
• Гэтсби

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

В этом случае мы здесь, чтобы помочь, пожалуйста, заполните эту форму, чтобы связаться.

3. Используйте поставщика услуг внешнего интерфейса

Другой вариант — работать с Поставщик «Frontend-as-a-Service» или «FEaaS». Это отличный выбор для брендов, которые хотят обойтись без головы с минимальными усилиями.

Правильный поставщик предоставит вам пакет программных решений, поэтому вам не придется самостоятельно проектировать, исследовать и создавать платформы и API. Таким образом, вы потенциально можете ускорить выход на рынок.

Кроме того, решение FEAaS также предоставляет доступ к партнерам и экспертам, которые могут помочь вам решить любые технические проблемы, с которыми вы можете столкнуться.

Однако работа с одним из этих решений означает, что вы идете на компромисс в отношении определенного уровня контроля. Вы не всегда сможете выбрать все конкретные инструменты CMS, CDN и промежуточного программного обеспечения, которые хотите использовать.

Как построить безголовый Shopify Магазин: Шаг за шагом

• Шаг 1. Проведите первоначальную подготовительную работу
• Шаг 2. Выберите технологию внешнего интерфейса
• Шаг 3. Инвестируйте в свое образование
• Шаг 4: Создайте токен доступа
• Шаг 5. Создайте свою собственную витрину

После того, как вы решили, какую стратегию вы собираетесь использовать для своего автономного сайта, вам нужно будет предпринять несколько дополнительных шагов для создания и реализации вашего автономного магазина. Вот наше пошаговое руководство, которое поможет вам встать на правильный путь.

Шаг 1. Проведите первоначальную подготовительную работу

Если вы начинаете с нуля, вам не нужно слишком беспокоиться об этом шаге, так как вы не переносите никакие данные или информацию. Если вы переходите от традиционного хранилища к архитектуре headless, вам нужно будет:

• Проведите быстрый аналитический аудит: Определите показатели вашего существующего магазина, которые вы хотите улучшить, чтобы вы могли отслеживать влияние вашей новой автономной архитектуры.
• Проведите аудит приложения: Узнайте, какие приложения вы в настоящее время используете в своем магазине и нужно ли вам использовать процесс повторной интеграции.
• Провести контент-аудит: убедитесь, что у вас есть полный список всего контента, который вы хотите перенести в новый магазин.
• Резервное копирование данных: Создайте резервную копию всех данных и информации, имеющихся в вашей старой системе, чтобы ничего не потерять.

Шаг 2. Выберите технологию внешнего интерфейса

Если вы используете Shopify для вашего безголового коммерческого магазина, то вы уже знаете, откуда будет исходить ваша серверная технология.

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

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

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

Шаг 3. Инвестируйте в свое образование

Если вы собираетесь работать с агентством или командой разработчиков над своей новой безголовой архитектурой, вам не обязательно становиться экспертом по программированию. Однако имеет смысл узнать как можно больше о Shopifyбезголовая структура.

Команда Shopify Storefront API использует язык запросов GraphQL и Shopify предлагает на своем веб-сайте различные ресурсы, которые помогут вам научиться использовать этот инструмент. Чем больше вы об этом знаете, тем увереннее вы будете себя чувствовать.

Шаг 4: Создайте токен доступа

Чтобы получить доступ к данным вашего сайта с помощью ShopifyStorefront API, вам нужно будет создать частное приложение в своем Shopify магазин и создать «Доступ к API token .

Для этого зайдите в свой Shopify Страница администратора и нажмите «Приложения», а затем «Управление частными приложениями».

Затем выберите «Создать новое частное приложение» и введите свой адрес электронной почты и имя приложения. В разделе API витрины выберите опцию «разрешить этому приложению доступ к данным витрины».

Вы также можете выбрать, к каким типам данных ваше приложение должно иметь доступ.

Шаг 5. Создайте свою собственную витрину

Далее пришло время создать собственную витрину. Возможно, вам придется привлечь для этого свою команду разработчиков, или вы потенциально можете получить дополнительную поддержку от Shopify, если ты подписан на Shopify Plus.

Есть несколько примеров индивидуальных витрин. доступно на GitHub, но то, чего вы сможете достичь, будет зависеть от выбранной вами безголовой CMS и ваших знаний разработчика.

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

Экспериментируйте со всем: от меню до параметров навигации и индивидуальных проверок.

Стоит ли инвестировать в Shopify Без головы?

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

Использование всех новых интерфейсов программирования приложений от Shopify позволит вам выйти за рамки основ и понять, что вы можете делать с Shopify внешний интерфейс, выбор собственного переднего окружения.

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

FAQ