BIGCOMMERCE Podręcznik użytkownika Headless Commerce

BIGCOMMERCE Handel bezgłowy

Specyfikacje

• Nazwa produktu: Rozwiązanie Headless Commerce
• Tempo wzrostu: Prognozowane na poziomie 20.5% skumulowanego rocznego tempa wzrostu
• Przewidywana wielkość rynku do 2027 r.: 32.1 mld USD

Informacje o produkcie

• Oczekuje się, że średni roczny wskaźnik wzrostu handlu bezgłowego wyniesie 20.5%, a do 32.1 r. wartość ta osiągnie 2027 mld dolarów. Obecnie jest to jeden z najszybciej rozwijających się trendów w handlu elektronicznym.
• W tym przewodniku przyjrzymy się najważniejszym różnicom między handlem tradycyjnym a bezgłowym, korzyściom, jakich można oczekiwać od rozwiązania bezgłowego, a także temu, w jaki sposób nasi sprzedawcy czerpią korzyści z zastosowania bezgłowego środowiska handlu elektronicznego.

Opis

Handel bezgłowy a tradycyjny handel elektroniczny: jaka jest różnica?

• Dokonywanie wyboru między tradycyjnym e-commerce a handlem bezgłowym zaczyna się od poznania potrzeb i możliwości Twojej firmy. Przyjrzyjmy się kluczowym różnicom między handlem tradycyjnym a bezgłowym i jak określić, który jest najlepszy dla Twojej firmy.
• Niezależnie od wybranego modelu, BigCommerce jest tutaj, aby Cię wesprzeć. Oferujemy elastyczność w tworzeniu niestandardowych, najnowocześniejszych doświadczeń użytkownika poprzez architekturę e-commerce bez użycia głowy, jednocześnie zachowując solidną, gotową funkcjonalność dla tradycyjnych konfiguracji handlowych.

Czym jest headless commerce?

• Handel bezgłowy to oddzielenie webwarstwa prezentacji front-endowej witryny (obejmująca takie elementy, jak tekst, kolory, style, obrazy i przyciski) od funkcjonalności zaplecza (cen, infrastruktury, bezpieczeństwa, realizacji transakcji itp.).
• Pomiędzy systemem front-end i back-end znajduje się warstwa potężnych interfejsów API (interfejsów programowania aplikacji). Te interfejsy API działają jako pośrednicy między dwoma systemami, umożliwiając firmom e-commerce podłączanie i odtwarzanie różnych rozwiązań front-end bez ryzyka wpływu na funkcjonalność handlu back-end.
• Oznacza to, że firmy mają pełną swobodę i elastyczność w optymalizacji doświadczeń klientów poprzez wiele unikalnych witryn sklepowych. Mogą aktualizować web kopiować i obrazy w całej witrynie, a nawet rozszerzać te doświadczenia na nowe kanały, takie jak aplikacje mobilne, kioski i urządzenia IoT. A przez cały czas system zaplecza nadal obsługuje wszystkie funkcje handlowe.
• Krótko mówiąc? Możesz tworzyć i modyfikować unikalne doświadczenia e-commerce, kiedy chcesz i jak chcesz.

A co z handlem kompozycyjnym?

• Wśród ciągle zmieniających się zachowań klientów, trendów i postępu technologicznego, handel bezgłowy utorował drogę do nowego poziomu elastyczności i zwinności. Ale niektóre firmy posunęły się nawet o krok dalej.
• Niektórzy używają zamiennie terminów „headless commerce” i „composable commerce”. Jednak headless commerce jest w rzeczywistości składnikiem większego parasola composable commerce.
• Headless commerce odnosi się do rozbicia systemu handlu typu „wszystko w jednym” poprzez rozdzielenie warstw front-end i back-end, aby działały niezależnie. Composable commerce oznacza jednak, że każdy komponent stosu technologicznego jest niezależny i dlatego może być „skomponowany”, aby stworzyć najbardziej optymalne, dostosowane rozwiązanie dla Twojej firmy. Podobnie jak zestaw klocków Lego, każdy element stosu technologicznego jest modułowy i elastyczny, co pozwala firmom na całkowite dostosowanie doświadczenia klienta.
• W istocie technologia headless stanowi kamień węgielny handlu składanego, współdziałając z innymi zasadami MACH (mikrousługi, API-first, SaaS w chmurze, headless).

Czym jest tradycyjny handel elektroniczny?

• Przez wiele lat struktura docelowa dla wielu firm e-commerce była strukturą typu „wszystko w jednym”, która łączy systemy front-end i back-end. Zanim headless wszedł do gry, wiele marek stosowało strategię monolityczną, a wiele agencji nawet zalecało ją przedsiębiorstwom i dobrze prosperującym firmom.
• Korzyści? Dla wielu firm monolityczna architektura e-commerce oferuje szybką i łatwą konfigurację oraz szybszy czas wprowadzania produktów na rynek. Wiele tradycyjnych platform e-commerce oferuje szablony witryn sklepowych i funkcje „przeciągnij i upuść”, które umożliwiają firmom szybkie uruchomienie witryny.
• Wady? Te monolityczne rozwiązania mogą nie mieć elastyczności i zwinności dla marek, które chcą wprowadzać innowacje w locie i szybko zmieniać witrynę. Ponadto, ponieważ front-end i back-end są ze sobą połączone, wszelkie zmiany wprowadzone na jednym końcu mogą negatywnie wpłynąć na drugi.
• Ale to nie znaczy, że tradycyjne rozwiązanie e-commerce nie jest dobrym wyborem dla niektórych firm! Jeśli chcesz szybko uruchomić swoją witrynę i nie przewidujesz konieczności wielu dostosowań, tradycyjna platforma e-commerce może być dla Ciebie właściwym rozwiązaniem.

Korzyści

Jakie są korzyści z handlu bezgłowego?
Handel bezgłowy otwiera świat możliwości dla marek, które chcą przyjąć strategię opartą na treści. Przyjmując to podejście, Twoja firma może:

• Zmniejsz zadłużenie techniczne i skróć czas wdrażania dla zespołów programistycznych
• Odkryj większą elastyczność, aby tworzyć płynne doświadczenia zakupowe, które zwiększają konwersję
• Projektuj bogate w treści doświadczenia, które spełnią potrzeby klientów
• Wspieraj nowe technologie dostosowane do skali Twojej firmy

Przyjrzyjmy się tym czterem korzyściom płynącym z handlu bezgłowego i sprawdźmy, który członek Twojego zespołu będzie miał na nie szczególny wpływ.

Zmniejsz zadłużenie techniczne i skróć czas wdrażania dla zespołów programistycznych.

Komu pomaga: deweloperom
When it comes to decreasing costs and time to market, headless commerce can be a game- changer.

Dzięki oddzieleniu front-endu od zaplecza Twoi programiści mogą tworzyć wiele aplikacji skierowanych do klientów niezależnie od modułu handlowego, co oznacza dwie rzeczy:

1. Zespoły front-end i back-end mogą szybko wprowadzać innowacje i wdrażać rozwiązania, nie czekając na siebie nawzajem,
2. Możesz zmniejszyć wydatki związane z procesem rozwoju, który kiedyś był długi i żmudny.

W rezultacie headless pozwala na szybszą iterację i szybszy czas wprowadzania na rynek nowych projektów, niezależnie od tego, czy wprowadzasz je na rynek międzynarodowy, czy wdrażasz strategie wielokanałowe. A dzięki elastycznemu stosowi technologicznemu wdrażanie niestandardowych funkcji i funkcjonalności jest dziecinnie proste.

Większa elastyczność w tworzeniu płynnych doświadczeń zakupowych, które zwiększają konwersję.

Komu to pomaga: dyrektorowi ds. handlu elektronicznego i menedżerom ds. handlu elektronicznego

• Biorąc pod uwagę, że firmy z silnym podejściem wielokanałowym odnotowują wskaźnik utrzymania klientów na poziomie 890/0 — w porównaniu do 330/0 w przypadku firm ze słabym podejściem wielokanałowym — podejście jednokanałowe nie jest już wystarczające.
• Na szczęście, przejście na tryb headless oznacza, że ​​możesz promować swoje treści w kanałach, które masz teraz — a także w nowych, które dodasz w przyszłości. Ponieważ możesz modyfikować swój front-end bez wpływu na back-end, masz swobodę dodawania wielu doświadczeń online i offline, czy to będzie aplikacja mobilna, internetowy marketplace, taki jak Amazon, czy platforma mediów społecznościowych, taka jak Facebook lub Instagram. Przez cały czas Twój silnik handlowy stale działa na zapleczu.
• Tworzenie tych płynnych doświadczeń zakupowych ma również potencjał zwiększenia liczby konwersji i obniżenia kosztów pozyskiwania klientów. W obliczu wzrostu płatnych reklam, handel bezgłowy oferuje nowy sposób na zwiększenie ruchu organicznego: poprzez strategię opartą na treści lub doświadczeniu. Testując różne rozwiązania front-endowe, uruchamiając ten sam back-end — i odwrotnie — możesz określić, które kanały przyciągają najwięcej ruchu i poprawić wskaźniki konwersji szybciej niż tradycyjne modele e-commerce.

Projektuj bogate w treść doświadczenia odpowiadające potrzebom klientów.

Komu to pomaga: sprzedawcom i marketerom działającym w branży e-commerce

• W przypadku tradycyjnego systemu monolitycznego możliwości tworzenia nowych doświadczeń w obszarze front-end mogą okazać się ograniczone.
• Jednak dzięki rozwiązaniu headless możesz integrować nowe technologie i dostosowywać się do nowych trendów w miarę ich pojawiania się. W rezultacie Twój zespół marketingowy będzie miał pełną swobodę innowacji i budowania wielu doświadczeń użytkownika w różnych kanałach — bez uszkadzania procesów zaplecza.
• Ponadto platforma e-commerce bez interfejsu użytkownika przechowuje treści centralnie i jest w stanie dostarczać je wszędzie za pośrednictwem interfejsów API. Ta metoda pozwala na znacznie szybsze czasy ładowania niż tradycyjne platformy e-commerce i sprzyja wyjątkowym doświadczeniom klientów.

Działanie

Wsparcie, które zyskujesz w miarę rozwoju swojego biznesu.

Komu pomaga: Dyrektorom IT

• Wraz z pojawianiem się nowych technologii i trendów, będziesz musiał być w stanie zabezpieczyć swoją markę na przyszłość. Na szczęście, headless commerce pozwala na szybkie dostosowanie frontendu bez konieczności zmiany platformy w backendzie. W środowisku headless marki mogą bezproblemowo testować i wdrażać nowe technologie, dając programistom swobodę innowacji bez ograniczeń tradycyjnych CMS.
• Frontend, czyli „głowa” Twojej witryny e-commerce może zostać dostosowany do optymalnego dostarczania treści poprzez połączenie z urządzeniem CMS, DXP ​​lub IoT zaprojektowanym do handlu opartego na treści lub doświadczeniu. Ta konfiguracja umożliwia wymianę frontendu w razie potrzeby bez zakłócania operacji zaplecza.
• Dzięki temu możesz skupić się bardziej na skalowaniu swojego biznesu, a mniej na jego rozwijaniu.

Jakie są typowe przypadki użycia handlu bezgłowego?

• Niezależnie od tego, czy wolisz WordPress, Concertful, Content stack, Bloom reach, Adobe Experience Manager lub inne CMS/DXP, PWA lub CRM — headless commerce działa w niemal każdym przypadku użycia. Wszystko, czego potrzebujesz, to połączenie API, aby oddzielić warstwę prezentacji platformy, a następnie podłączyć platformę tam, gdzie jej potrzebujesz.
• Przyjrzyjmy się niektórym najczęstszym przypadkom użycia rozwiązań w zakresie wdrażania frameworka headless.

Rozwiązania niestandardowe.

• Głównym powodem wyboru headless może być to, że masz wielkie pomysły, których żaden system nie jest w stanie dostarczyć od razu. Być może znalazłeś potrzebną personalizację, pracując w przeszłości z platformami open-source, ale nie mogłeś poradzić sobie z długimi cyklami rozwoju i konserwacji. Albo może pracowałeś nad SaaS, ale odkryłeś, że ogranicza to Twoją innowacyjność.
• Dzięki opcji headless możesz zachować możliwość personalizacji, oszczędzając na kosztach i utrzymaniu.
• Headless zapewnia otwarte środowisko SaaS, które łączy w sobie najlepsze cechy obu światów. Interfejsy API zapewniają elastyczność potrzebną do myślenia poza ograniczeniami jednej platformy lub technologii i bezproblemowego łączenia systemów w bardziej modułowy sposób.

System zarządzania treścią (CMS).

• Gdy architektura headless jest sparowana z CMS, tworzy potężną kombinację. W takich przypadkach platforma e-commerce jest oddzielona od warstwy prezentacji, więc marka może korzystać z popularnych rozwiązań CMS, takich jak WordPress, DXP, takich jak Bloom Reach, lub niestandardowych rozwiązań front-end, aby zapewnić niezrównane doświadczenia klientów, które zwiększają konwersję.
• Zwłaszcza jeśli stosujesz podejście wielokanałowe, połączenie handlu bezgłowego z systemem zarządzania treścią bezgłową jest właściwą drogą. Używając jednego CMS-a, możesz tworzyć treści specyficzne dla kanału i różne interfejsy użytkownika z interfejsami API zasilającymi Twój front-end i back-end.

Platforma Doświadczeń Cyfrowych (DXP).

• DXP to rodzaj oprogramowania, które umożliwia firmom szybką digitalizację i zapewnienie ulepszonego doświadczenia klienta. Połączenie DXP z rozwiązaniem CMS headless może zapewnić solidne podstawy.
• Wartość tego partnerstwa wynika z elastycznej, opartej na API treści i jej możliwości integracji z innymi usługami. Ta kombinacja pozwala deweloperom i marketerom pracować osobno, a także pozostawia miejsce na dodatki i edycje bez wpływu na przepływ projektu.

Progresywny Web Aplikacje (PWA).

• Progresywny web aplikacje (PWA) to web aplikacje wykorzystujące najnowsze web możliwości dostarczania użytkownikom natywnego, aplikacyjnego doświadczenia. Są one regularne web strony lub webale wyglądają dla użytkownika jak tradycyjne aplikacje lub natywne aplikacje mobilne. Łącząc możliwości webstron internetowych i oprogramowania mobilnego, aplikacje PWA tworzą wciągające doświadczenie użytkownika, które może prowadzić do wyższych wskaźników konwersji i dłuższego czasu spędzanego na stronie.
• BigCommerce zobowiązuje się do zapewnienia sprzedawcom możliwości wykorzystania PWA. Oferujemy integracje z DEITY Falcon i JM ang0360, a także szablon CMS Gatsby-Notify, aby szybko rozpocząć tworzenie witryny sklepowej PWA bez serwera.
• Ponadto BigCommerce niedawno uruchomiło Catalyst, naszą technologię witryny sklepowej nowej generacji dla deweloperów i partnerów agencji. Dzięki w pełni zintegrowanej implementacji referencyjnej witryny sklepowej opartej na Next.js i React, Catalyst zapewnia pełne, kompleksowe doświadczenie zakupowe gości, które jest wstępnie podłączone do naszej platformy, opartej na frameworku front-end Next.js. Catalyst będzie domyślnym starterem dla nowych kompilacji kompozycyjnych, wykorzystując najnowsze funkcje w Next.js i naszych interfejsach API Graph.

Jak rozpocząć korzystanie z handlu bezgłowego
Jeśli te przypadki użycia i korzyści są dla Ciebie istotne, możesz się zastanawiać, jak zacząć wdrażać framework headless. Oto podejście krok po kroku, które pomoże Ci zacząć.

Określ, czy technologia Headless Commerce sprawdzi się w przypadku Twojej firmy.
Chociaż korzyści z rozwiązania headless jest wiele, ten typ struktury nie jest dla każdego. Wiele firm nadal korzysta z tradycyjnego modelu monolitycznego, a wiele agencji nadal zaleca strategię monolityczną dla przedsiębiorstw i dobrze ugruntowanych marek.

Ale jeśli szukasz większej elastyczności, skalowalności i zwinności w swojej platformie e-commerce, rozwiązanie headless może być warte rozważenia. Oto kilka kryteriów, które pomogą Ci zdecydować, czy dokonać zmiany:

• Jesteś marką, która opiera się na treści.
• Twoja marka opiera się na doświadczeniach, dlatego musi umożliwiać personalizację, A1 lub AR.
• Chcesz tworzyć spójne doświadczenia cyfrowe w różnych punktach styku z klientem i na różnych urządzeniach.
• Potrzebujesz sprzedaży wielooddziałowej lub międzynarodowej, obsługującej wiele środowisk front-endowych obsługiwanych przez to samo zaplecze.
• Używasz już CMS-a i chcesz dodać funkcję handlu.
• Sprzedajesz już online i masz osobną witrynę do przechowywania treści, dlatego musisz mieć możliwość połączenia tych dwóch witryn.

Zrozum niezbędną architekturę do przejścia na tryb headless.

• Aby w pełni wykorzystać potencjał architektury bezgłowej, niezwykle ważne jest zrozumienie, na czym polega jej wyjątkowość w porównaniu z tradycyjną witryną handlową.
• W zapleczu rozwiązanie handlu bezgłowego jest wyposażone we wszystkie niezbędne funkcje do prowadzenia sklepu, takie jak zarządzanie zapasami, ustalanie cen, katalog i realizacja transakcji. Jednak w przeciwieństwie do tradycyjnych systemów legacy, handel bezgłowy oddziela te elementy zaplecza od Twojego webfront-end witryny, zapewniając zarówno programistom, jak i użytkownikom biznesowym swobodę ciągłego wprowadzania innowacji i tworzenia wyjątkowych doświadczeń w różnych punktach styku z klientem.
• Ta elastyczność oznacza, że ​​Twoje zespoły mogą tworzyć wyjątkowe, oparte na treści doświadczenia, które konwertują skuteczniej, co prowadzi do większego wzrostu przychodów. Zrozumienie tej architektury jest kluczowe dla wykorzystania handlu bezgłowego w celu przekraczania celów biznesowych rok do roku.

Określ opcje front-endowego interfejsu użytkownika i dostawcę zaplecza e-commerce.

• Aby osiągnąć optymalną architekturę bezgłową, będziesz potrzebować odpowiedniego front-endu dla swojej grupy docelowej, a także mocnego back-endu do obsługi swojego modułu handlowego.
• W przypadku frontendu rozważ opcje takie jak rozwiązania custom-built wykorzystujące frameworki takie jak React lub Vue.js, lub popularne platformy CMS/DXP takie jak WordPress lub Drupal. Wybór idealnego frontendu będzie w dużej mierze zależał od wielkości Twojej firmy, grupy docelowej i zestawu umiejętności Twojego zespołu programistów.
• W zapleczu będziesz potrzebować solidnego dostawcy e-commerce, który oferuje podstawowe funkcje handlowe, takie jak zarządzanie zapasami, płatności i bezpieczeństwo. Na szczęście BigCommerce oferuje wszystkie te funkcje — i wiele więcej — od razu. Umożliwiamy tworzenie niezrównanych, unikalnych doświadczeń klientów, obsługiwanych przez naszą platformę handlową back-end z największą liczbą integracji headless, dzięki czemu nigdy więcej nie będziesz musiał ponownie tworzyć formularza.

ExampLe of headless commerce w akcji

• Często bardzo trudno stwierdzić, czy marka stosuje headless commerce jako strategię, patrząc na nią. Stanie się to jeszcze bardziej prawdziwe, gdy headless ecommerce stanie się bardziej popularny i straci swoją URL przekierowanie do strony realizacji transakcji.
• Przyjrzyjmy się teraz kilku przykładom handlu bezgłowegoamples.

Czarny diament.
Studium przypadku: Czarny diament

• Kiedy marka sprzętu górskiego Black Diamond zwróciła się do BigCommerce, firma chciała stworzyć przejrzystą ścieżkę zakupową ze strony głównej do kasy, wplatając treści dotyczące marki w całe doświadczenie klienta.
• Dzięki elastyczności headless framework, Black Diamond osiągnął niezależną, ale spójną administrację swojej witryny UE, wykorzystując jednocześnie wspólne dane o produktach, pojedynczą instancję CMS i inne kluczowe usługi. Black Diamond był w stanie umieścić swoją witrynę USA i UE pod jednym dachem e-commerce i w wyjątkowy sposób obsługiwać swoich klientów na różnych rynkach.
• Wraz z elastycznym, nowym CMS-em, BigCommerce dało Black Diamond swobodę realizacji wizji bez dużego uzależnienia od programistów. Dzięki swobodzie bezpośredniego zarządzania witryną, Black Diamond mógł wykorzystać swój zespół techniczny do zintegrowania konfiguracji PIM, a także systemu ERP.

FUNKCJONALNOŚĆ

Nora

Studium przypadku: Nora

• Jako marka specjalizująca się w modułowych, konfigurowalnych meblach, Burrow potrzebowała architektury headless, która odzwierciedlałaby tę samą elastyczność. Po osiągnięciu 3 milionów dolarów sprzedaży w 2017 r. zespół poszukiwał modułowego, elastycznego rozwiązania e-commerce, które nadążałoby za rozwojem firmy.
• Zwracając się do BigCommerce, Burrow znalazł skalowalny system zaplecza, którego potrzebował, aby szybko i łatwo dostosować swoją witrynę. Niezawodność i brak konserwacji uwolniły zespół, aby mógł skupić się bardziej na aktualizacjach witryny ukierunkowanych na marketing. Mogli również wykorzystać niestandardowy CMS na froncie, co pozwoliło im tworzyć takie doświadczenia użytkownika, jakich chcieli dla swoich klientów. Od czasu uruchomienia rozwiązania headless, Burrow odnotował 30% wzrost współczynnika konwersji w ciągu zaledwie dwóch miesięcy i 50% wzrost szybkości i wydajności witryny.

Biała rzecz.

Studium przypadku: Biała substancja

• Oferowanie klientom lepszych doświadczeń poprzez poprawę wydajności było początkowym czynnikiem motywującym, który skłonił White Stuff, brytyjską markę odzieżową i lifestylową, do zmiany platformy na BigCommerce. Wiedziała, że ​​szybkość i funkcjonalność są ograniczone przez technologię, której używała, więc rozwiązaniem było oddzielenie front-endu i back-endu poprzez przejście na headless.
• „Byłem naprawdę nieugięty co do roli szybkości na stronie ze względu na potrzebę w handlu detalicznym modą, aby ożywić treści poprzez zwiększone wykorzystanie materiałów wideo i bogatych obrazów, których klient chce doświadczyć w naszej marce” — powiedział Steve Borg, dyrektor ds. technologii i transformacji w
• White Stuff. „To naprawdę wpłynęło na pewne decyzje dotyczące implementacji headless. Uznaliśmy, że to najlepszy sposób na zachowanie lekkiego front-endu i zapewnienie nam maksymalnej szansy na konsekwentne dostarczanie klientom tego szybkiego doświadczenia”.

Kącik bojowy.

Studium przypadku: Narożnik bojowy

• Wdrożenie kolejnych usprawnień ułatwia handel elektroniczny. Firma Tincture, znana również jako Ornery Ace, musiała zmierzyć się ze znacznymi wyzwaniami związanymi z poprzednią platformą handlu elektronicznego, w tym długim czasem ładowania stron, który utrudniał korzystanie z witryny, oraz trudnościami w skutecznym zarządzaniu witryną i jej aktualizowaniu.
• Po migracji do BigCommerce, Combat Corner wdrożył rozwiązanie headless z frontendem React na platformie Atlas WordPress Engine. Ta integracja nie tylko poprawiła wydajność witryny i nawigację użytkownika, ale także zapewniła elastyczność potrzebną do wydajnego zarządzania i aktualizacji sklepu internetowego, zapewniając bezproblemowe doświadczenie klienta na różnych urządzeniach.
• Aby zobaczyć więcej byłychampWięcej informacji na temat handlu bezgłowego znajdziesz na naszej stronie poświęconej studium przypadku BigCommerce.

Ostatnie słowo

• Liczby nie kłamią — klienci oczekują lepszych wrażeń podczas korzystania z Internetu.
• PwC odkryło, że 73% klientów uważa, że ​​doświadczenie klienta jest najważniejszym czynnikiem branym pod uwagę przy podejmowaniu decyzji o dokonaniu zakupu w danej firmie.
• Na szczęście rozwiązania handlu bezobsługowego otwierają przedsiębiorcom drogę do tworzenia sklepów internetowych opartych na treściach i doświadczeniach — jednocześnie zapewniając większą elastyczność, szybszy czas wprowadzania produktów na rynek i większą skalowalność.

Często zadawane pytania