Shopify Bezhlavý obchod: Kompletní průvodce pro rok 2024

Uvažujete o investici do Shopify bezhlavý obchod?

Možná jste už někdy slyšeli termín „bezhlavý obchod“ a přemýšleli jste, co to všechno znamená.

Nebo jste možná objevili potřebu větší flexibility se stávajícími Shopify uložit.

Přijetí bezhlavých schopností dostupných na Shopify může být skvělým způsobem, jak upgradovat váš internetový obchod.

Ale je bezhlavý obchod to pravé pro vás? a jak přesně s tím začít Shopify?

Tady je vše, co potřebujete vědět o Shopify bezhlavý návrh.

Co se dozvíte v tomto článku:

• Rozumět čemu Shopify Bezhlavý obchod ve skutečnosti je
• Výhody Shopify Bezhlavý obchod
• Pochopte jestli Shopify Bezhlavý obchod přímo pro vaše podnikání
• Příklady z reálného světa Shopify Bezhlavý obchod

Co je to bezhlavý obchod? Základy

Bezhlavé obchodování je jedním z nejrychleji rostoucích trendů v oblasti elektronického obchodování. Jde o přístup k vytváření prostředí elektronického obchodu, které odděluje front-end technologii vašeho webu (část orientovaná na zákazníka) z backendu (nástroje, které používáte k provozování svého obchodu).

Salesforce to zjistil kolem 80% společností které nepoužívaly bezhlavou architekturu, to plánovaly v příštích dvou letech.

Proč?

Bezhlavá technologie totiž dává společnostem svobodu vytvářet jedinečné zákaznické zkušenosti, které na standardních platformách nejsou možné.

S bezhlavým obchodem, společnosti mohou odemknout úplnou kontrolu nad vývojem, využívat sestavitelné technologické sady a dokonce vytvářet různé front-endové zkušenosti pro různé dotykové body.

Vaše webové, prodejní, hlasové a mobilní front-endy mohou všechny komunikovat s jediným backendem prostřednictvím úrovně API, což umožňuje všestranný omnichannel.

Co je Shopify Bezhlavý?

Shopify Bezhlavý obchod je řešení bezhlavé architektury nabízené jedním z největších světových poskytovatelů platforem elektronického obchodování.

Umožňuje uživatelům rychleji vytvářet výklady pro web s vodíkem, Shopifyrámec založený na reakcích. Navíc zahrnuje přístup k „Oxygen“ pro globální hosting.

Podívejte se na video s přehledem vodíku:

Když jdeš bezhlavě s Shopifyzachováte všechny neuvěřitelné funkce backendu Shopify nabídky pro obchod a vedení prodejen.

Nicméně, můžete také vyměnit Shopifyfrontend, s novými nástroji, které posílí stranu vašeho obchodu orientovanou na zákazníka.

Zde je ukázka kódu, jak vypadá Store

To znamená, že si můžete vybrat použití zcela odlišných motivů a nástrojů pro úpravu témat. Můžete spolupracovat s Shopify experts vytvářet vlastní výklady a integrovat svůj systém s nástroji, které již používáte, jako je účetnictví nebo nástroje pro spolupráci.

Co je Shopify Storefront API?

Jedním z důvodů Shopify je tak přitažlivý pro společnosti, které využívají bezhlavou architekturu, je, že platforma je již postavena s ohledem na oddělení.

Může se snadno přizpůsobit jinému front-endu, aniž byste museli předělávat celý váš ekosystém a sami vytvářet technologické sady.

Shopify pohání bezhlavé výlohy prostřednictvím svého „Storefront API“, napsaný pomocí GraphQL. Je to základní nástroj, který odemyká veškerý potenciál Shopify bezhlavý obchod.

Toto řešení bylo vyvinuto s cílem zajistit, aby poskytovatelé třetích stran byli kompatibilní s Shopify plošina. s API, „volání“ vytvořené mezi vašimi frontendovými a backendovými nástroji.

To znamená, že dvě vrstvy vaší obchodní technologie mohou spolu mluvit, sdílet data a hladce se sladit.

Proč jít bezhlavě s Shopify?

Pojem „bezhlavý elektronický obchod” se v posledních letech stává stále populárnější, protože společnosti hledají způsoby, jak zákazníkům na všech platformách poskytnout úžasnou uživatelskou zkušenost. Budování však bezhlavě Shopify uložit může být složitější než jednoduše používat tradiční sadu nástrojů.

Pokud hledáte jednoduchý elektronický obchod, Shopify již funguje jako fantastické jednotné kontaktní místo pro podniky. Zahrnuje řadu Shopify integrace aplikací pro různé nástroje a skvělé přizpůsobitelné prostředí pokladny.

Obsahuje také nástroje pro SEO a zpracování plateb, sofistikovanou správu objednávek a nástroje pro správu zásob.

Nicméně, jako každá monolitická platforma elektronického obchodu, Shopify může cítit trochu omezující jak vaše firma začne růst.

Migrace do bezhlavého Shopify Store vám umožňuje udržet si větší kontrolu nad tím, jak komunikujete se svými zákazníky v různých oblastech.

Může přispět k bleskurychlému načítání stránek, intuitivnímu používání mobilních aplikací a poskytuje vám plně flexibilní systém správy obsahu a strukturu adres URL.

Výhody a nevýhody Shopify Bezhlavý obchod

Pro malé podniky zachování Shopify backend a frontend spojení obvykle dává největší smysl. Je to levnější a jednodušší než bezhlavý přístup a stále získáte všechny funkce, které potřebujete k provozování úspěšného obchodu.

Pokud však hledáte škálovatelnost a pokročilejší možnosti přizpůsobení, bezhlavě Shopify může být správná volba.

Pojďme si nastínit hlavní klady a zápory Shopify bezhlavý obchod.

Pros

• Větší kontrola: Bezhlavá architektura vám dává větší kontrolu nad „prezentační vrstvou“ vašeho online obchodu a uživatelskými zkušenostmi. Zatímco Shopify má na výběr několik skvělých motivů a stylů, nástroje bez hlavy vám dávají větší svobodu. Budete mít větší potenciál odlišit svůj obchod od konkurence.
• Škálovatelnost: Bezhlavý obchod je ze své podstaty škálovatelný. Pokud budujete mezinárodní obchod nebo chcete vytvářet různé produktové řady a značky, bezhlavá architektura může být neuvěřitelně užitečná. Můžete přepracovat pracovní postupy a spravovat obsah ve velkém a vytvářet tak jedinečné zážitky pro všechny vaše segmenty publika.
• Rychlost a výkon webu: Studie neustále ukazují, že rychlejší načítání webových stránek generuje vyšší tržby, zejména na mobilních zařízeních. Čím více si přizpůsobíte svůj Shopify ukládat s aplikacemi a kódem, tím více to zatěžujete. Bezhlavý přístup znamená, že můžete používat rychlejší způsoby doručování prostřednictvím frontendu a zlepšit tak konverzní poměr.
• Vylepšené SEO: Bezhlavá struktura vám také poskytuje větší kontrolu nad vašimi adresami URL. Tyto adresy URL mohou hrát významnou roli v hodnocení a viditelnosti vašeho vyhledávače. Zatímco Shopify je docela neflexibilní, pokud jde o úpravu URL, bezhlavá architektura znamená, že můžete ovládat každou část vaší struktury URL.
• Rychlejší uvedení na trh: 77% společností použití bezhlavé architektury říká, že jim to dává větší agilitu. S bezhlavou strategií můžete experimentovat s rozložením webu a dalšími faktory, aniž byste ovlivnili procesy backendu. To znamená, že změny můžete provádět mnohem rychleji. Získáte také přesnou kontrolu nad vzhledem a chováním vašeho webu.

Nevýhody

• Problémy s aplikacemi: Když přestanete používat Shopifyvestavěné nástroje , mohou některé vaše aplikace přestat fungovat. Pokud však zvolíte komplexní frontendovou platformu, měla by vám poskytnout více integrací, ze kterých si můžete vybrat, abyste zachovali své pracovní postupy.
• Složitost: Zatímco tradiční si může založit každý Shopify obchod s minimálním úsilím, vytvoření bezhlavého obchodu je složitější. Budete muset spolupracovat s někým, kdo rozumí GraphQL API, a možná budete potřebovat vývojové prostředky.
• Ztráta témat: S bezhlavou Shopify obchod, nebudete se moci spolehnout na všechna standardní předpřipravená témata, která poskytuje Shopify. Samozřejmě to může být také dobré, protože to znamená, že můžete vytvořit téma, které je zcela jedinečné pro vaši firmu.
• Spolehlivost na vývojáře: Tradiční Shopify store se snadno vytváří, udržuje a aktualizuje, i když nemáte vývojářské znalosti. S bezhlavým obchodem však potřebujete mnohem více technické pomoci. Budete muset poměrně často spolupracovat s odborníky.
• Cena: Bezhlavé obchody jsou obecně dražší na vytvoření, správu a provoz než tradiční obchody. Je to proto, že platíte více za odborné znalosti vývojářů, systémy třetích stran a pomoc týmů údržby.

Shopify Bezhlavé příklady pro inspiraci

Pokud vás zajímá, co vlastně můžete s bezhlavým dokázat Shopify obchod, existuje spousta skvělých příkladů, které si můžete prohlédnout. Používají některé z největších světových značek, včetně Allbirds a Staples Canada Shopifybezhlavá architektura.

Zde jsou jen některé z našich oblíbených příkladů použití webových stránek Shopifybezhlavá architektura:

Krmivo

The Feed, společnost známá prodejem doplňků výživy a produktů zvyšujících výkon, přijala bezhlavý obchod před více než 3 lety.

Ačkoli partneři na „TheFeed.com“ byli zpočátku trochu skeptičtí ohledně výhod bezhlavého obchodování, rychle viděli výsledky, když začali s testováním.

Jedno tým nalezen bezhlavá verze jejich obchodu předvedla hodně lepší než "tekutina" spustit verzi, což zvyšuje míru konverze o 5.24 %. Navíc také dosáhli 10.28% nárůstu tržeb na zákazníka.

JB Hi-Fi

Jeden z největších australských prodejců domácí zábavy, JB Hi-Fi ví jak důležité je poskytovat zákazníkům výjimečné zkušenosti. V roce 2018 společnost přistoupila Shopify hledá způsob, jak rozšířit svůj obchod a zlepšit výkon během prázdnin.

Značka potřebovala způsob, jak zajistit, aby mohla poskytovat trvale rychlé časy načítání a zvládat neustále se vyvíjející objem provozu.

Bezhlavé řešení, které nabízí Shopify umožnily společnosti dosáhnout těchto cílů. Navíc společnost využívá připojení API v reálném čase k rychlé kontrole skladové dostupnosti ve všech online a osobních obchodech.

Nomád

Značka moderních lifestylových doplňků, Nomád, rozhodli, že potřebují nový způsob, jak odlišit svou společnost od konkurentů v oblasti elektronického obchodování. Objímání Shopify bezhlavé řešení, tým spojil ShopifyBackend Toolkit s frontend systémem Shogun.

Oddělení backend a frontend technologií znamenalo, že Nomad mohl zjednodušit proces návrhu a správy produktové stránky a spouštět nové marketingové kampaně mnohem rychleji.

Konverzace na bezhlavý web také znamenala, že Nomad mohl zlepšit celkovou rychlost webu a získat jednodušší integraci s aplikacemi třetích stran.

Oneblade

Inovativní značka holicích strojků, Oneblade se odlišuje od konkurence v tomto odvětví tím, že zákazníkům poskytuje úplnou kontrolu nad jejich nákupní zkušeností. Kupující mají přístup k řadě přizpůsobitelné možnosti nákupu, aby bylo zajištěno, že vždy dosáhnou požadovaných výsledků.

Bohužel nabízet přizpůsobitelné možnosti nákupu by se standardem bylo obtížné Shopify Ekosystému.

Proto OneBlade se rozhodl místo toho použít bezhlavou architekturu. Implementace bezhlavé strategie znamenala, že OneBlade měl přístup k flexibilitě, kterou potřeboval k tomu, aby zákazníkům nabídl skutečně jedinečný nákupní zážitek.

Allbirds

Jedna z nejoblíbenějších značek elektronického obchodu s oblečením, která využívá Shopify plošina, Allbirds má mezi nakupujícími fantastickou pověst. Používali Shopifytechnologie, která pohání jejich podnikání od prvního dne. Když však návštěvnost společnosti začala stoupat, potřebovali najít způsob, jak personalizovat uživatelské zkušenosti, aniž by došlo ke snížení výkonu.

Tým se rozhodl otestovat bezhlavou architekturu, aby vytvořil rychlejší a flexibilnější web. Tým použil vodík na bázi JSreact Shopify framework k vytvoření vlastní výlohy a nadále bude používat výchozí Shopify backend pro svůj obchod.

Kráska Victoria Beckham

Další příklad extrémně známé značky s architekturou bezhlavého obchodu, Kráska Victoria Beckham páky Shopifybackendové funkce spolu s Contentful bezhlavým redakčním systémem.

Flexibilní CMS poskytuje týmu vysoce přizpůsobitelný model obsahu, se kterým lze pracovat, spolu s přístupem k produkčním rozhraním API obsahu.

Bezhlavá architektura a vlastní aplikace dostupné pro obchod „VB Beauty“ umožnily týmu vytvořit pro zákazníky vysoce jedinečný zážitek.

Každý krok od výběru produktu po objednání a platby lze nyní přizpůsobit potřebám každého návštěvníka.

3 způsoby, jak postavit bezhlavý Shopify Obchod

1. Použijte DIY Route
2. Partner s agenturou
3. Použijte

Pokud se rozhodnete, že bezhlavá architektura je pro vás tou správnou volbou Shopify existuje několik různých způsobů, jak svou strategii uvést do života. Správná volba pro vás bude záviset na řadě faktorů, jako je váš rozpočet a vaše vývojářské znalosti.

1. Cesta DIY

Jeden z nejčastějších způsobů bezhlavé implementace Shopify architektura je stavět vše od nuly.

Shopify má vlastní bezhlavé řešení s názvem „Vodík“, postavený na frameworku React.js. Má modulární strukturu a vynikající rychlost vývojáře a navíc přichází s pohodlnou startovací šablonou, která je skvělá pro začátečníky.

Největším problémem této metody je, že budete muset neustále spolupracovat s vývojáři na vytváření, optimalizaci a správě frontendu vašeho obchodu.

Tam je zde není žádný drag-and-drop builder. Vše je vytvořené pomocí kódu, a neexistují žádné možnosti náhledu obchodu v reálném čase. Budete se také muset ujistit, že jste vybrali správný CMS pro integraci s vaším obchodem.

2. Partnerství s agenturou

Pokud nemáte dovednosti a vývojářské zdroje, které potřebujete interně k využití bezhlavé architektury, může být partnerství s agenturou další nejlepší možností.

Zkušená agentura vám může pomoci využít svobody, kterou získáte s bezhlavým modelem, a zároveň poskytnout zásadní technické znalosti, které potřebujete. Mohou dokonce pomoci s designem a přizpůsobením obchodu.

Je však třeba si uvědomit, že stále budete muset najít tu správnou agenturu, která vám pomůže. Je důležité hledat tým, který má zkušenosti s prací s frameworky, jako je

• Reagovat.JS
• žhavý popel
• Další.Js
• gatsby

Navíc si možná budete muset připlatit za podporu, pokud budete potřebovat průběžnou pomoc se správou vašeho obchodu po vytvoření front-end a backend řešení.

V tomto případě jsme tu, abychom vám pomohli, vyplňte prosím tento formulář a kontaktujte nás.

3. Použijte poskytovatele frontendových služeb

Další možností je pracovat s a Poskytovatel „Frontend-as-a-Service“ nebo „FEaaS“.. To je skvělá volba pro značky, které chtějí jít bez hlavy s minimálním úsilím.

Správný poskytovatel vám poskytne balíček softwarových řešení, takže nemusíte sami navrhovat, zkoumat a budovat platformy a rozhraní API. Tímto způsobem můžete potenciálně urychlit svůj čas na trhu.

Navíc řešení FEaaS přichází také s přístupem k partnerům a odborníkům, kteří vám mohou pomoci s překonáním jakýchkoli technických problémů, se kterými se můžete setkat.

Práce s jedním z těchto řešení však znamená kompromis v určité míře kontroly. Ne vždy si budete moci vybrat všechny konkrétní nástroje CMS, CDN a middleware, které chcete použít.

Jak postavit bezhlavý Shopify Obchod: Krok za krokem

• Krok 1: Proveďte počáteční přípravné práce
• Krok 2: Vyberte si svou technologii frontendu
• Krok 3: Investujte do svého vzdělání
• Krok 4: Vygenerujte přístupový token
• Krok 5: Vytvořte si vlastní výlohu

Jakmile se rozhodnete, jakou strategii pro svůj web bez hlavy použijete, je potřeba provést několik dalších kroků, abyste svůj bezhlavý obchod vybudovali a implementovali. Zde je náš průvodce krok za krokem, který vás přivede na správnou cestu.

Krok 1: Proveďte počáteční přípravné práce

Pokud začínáte od nuly, nemusíte se tímto krokem příliš zabývat, protože nepřenášíte žádná data ani informace. Pokud přecházíte z tradičního obchodu na bezhlavou architekturu, budete muset:

• Proveďte rychlý analytický audit: Identifikujte metriky ze svého stávajícího obchodu, které chcete zlepšit, abyste mohli sledovat dopad, jaký má vaše nová bezhlavá architektura.
• Proveďte audit aplikace: Zjistěte, které aplikace aktuálně používáte ve svém obchodě a zda nebudete muset využít proces opětovné integrace.
• Proveďte obsahový audit: Ujistěte se, že máte úplný seznam veškerého obsahu, který chcete migrovat do nového obchodu.
• Zálohujte data: Zálohujte všechna data a informace, které máte na svém starém systému, abyste o nic nepřišli.

Krok 2: Vyberte si svou technologii frontendu

Pokud používáte Shopify pro váš bezhlavý obchod, pak už víte, odkud vaše backendová technologie přijde.

Máte nekonečné možnosti, pokud jde o váš frontend. Neexistuje zde žádná univerzální strategie. Je však důležité pečlivě přemýšlet o dovednostech vašeho týmu.

Pokud se rozhodnete použít vlastní kód k úpravě frontendu, budete potřebovat buď vlastní vývojáře, nebo správnou agenturu, se kterou můžete spolupracovat.

Navíc budete potřebovat odborné znalosti k údržbě a úpravám vašeho obchodu do budoucna.

Krok 3: Investujte do svého vzdělání

Pokud budete spolupracovat s agenturou nebo týmem vývojářů na vaší nové bezhlavé architektuře, nemusíte se nutně stát programátorským expertem. Nicméně má smysl se o tom dozvědět co nejvíce Shopifybezhlavá struktura.

Jedno Shopify Storefront API používá dotazovací jazyk GraphQL a Shopify nabízí na svých webových stránkách různé zdroje, které vám pomohou naučit se tento nástroj využívat. Čím více o tom víte, tím jistější se budete cítit.

Krok 4: Vygenerujte přístupový token

Chcete-li získat přístup k datům vašeho webu pomocí Shopify's Storefront API, budete si muset ve svém účtu vytvořit soukromou aplikaci Shopify uložit a vygenerovat „API access token".

Chcete-li to provést, přejděte do svého Shopify stránku správce a klikněte na „Aplikace“ a poté na „Spravovat soukromé aplikace“.

Dále vyberte „Vytvořit novou soukromou aplikaci“ a zadejte svůj e-mail a název aplikace. V části Storefront API vyberte možnost „povolit této aplikaci přístup k datům obchodu“.

Můžete si také vybrat, ke kterým datovým typům má vaše aplikace přistupovat.

Krok 5: Vytvořte si vlastní výlohu

Dále je čas vytvořit si vlastní výlohu. Možná budete muset za tímto účelem obrátit svůj vývojový tým nebo byste mohli získat další podporu Shopify, pokud jste přihlášeni k odběru Shopify Plus.

Existuje několik příkladů vlastní výlohy k dispozici na GitHubu, ale to, čeho můžete dosáhnout, bude záviset na bezhlavém CMS, který si vyberete, a na vašich vývojářských znalostech.

Pamatujte si, že klíčem k úspěchu je vytvoření neuvěřitelné uživatelské zkušenosti. Nedělejte svůj obchod atraktivnějším jen tím, že překročíte základy průměru Shopify témata.

Experimentujte se vším od nabídek po možnosti navigace a přizpůsobené pokladny.

Měli byste investovat do Shopify Bezhlavý?

Pokud podnikáte v oblasti škálování, použijte Shopify pro vaši platformu elektronického obchodu a máte pocit, že potřebujete větší flexibilitu, jít bezhlavě s Shopify by mohlo být ideálním řešením.

Využití všech nových rozhraní pro programování aplikací z Shopify vám umožní rozšířit nad rámec základů toho, co s ním můžete dělat Shopify frontend, výběr vlastního předního prostředí.

Díky bezhlavé architektuře budete mít neomezenou svobodu vytvářet jedinečné zážitky pro každého zákazníka, bez ohledu na to, zda prodáváte předplatné, služby nebo fyzické produkty. A pro každý kanál můžete vytvořit jedinečná front-endová prostředí.

Nejčastější dotazy