Wordpress

ECommerce Trends verstoen: Headless Commerce

Wéi d'Welt vum eCommerce weider ausbaut, sou sinn d'Optioune verfügbar fir Clientserfarungen ze bauen déi verschidde Kanäl spanen an d'Konsumenten erreechen wou och ëmmer se sinn.

An der zweeter Installatioun vun dëser dräi-Deel Serie iwwer eCommerce Trends, wäerte mir e méi no kucken op headless oder entkoppelt Approche fir den digitale Commerce, an de Wee wéi e puer vun eise Partner headless benotze fir onheemlech eCommerce Léisungen ze kreéieren.

Wann Dir et verpasst hutt, kuckt en Deel eent vun der Serie hei, déi en déif Tauche op Omnichannel Commerce ubitt an d'Weeër wéi Dir eng komplett verbonne Clientserfarung mat WordPress bauen kënnt.

Am zweeten Deel wäerte mir déi folgend Sektiounen ofdecken:

  • Wat ass Headless Commerce?
  • Firwat Headless Commerce?
  • Headless Commerce mat WordPress
  • BigCommerce + WordPress
  • Shopify + WordPress
  • Progressiv Web Apps (PWA)

Wat ass Headless Commerce?

Mir kënnen net iwwer eCommerce Trends schwätzen ouni Kapplos ze ernimmen. 

Vläicht wëll Äert Team eng optimiséiert Akafserfahrung um Frontend ubidden a steet momentan Aschränkungen mat WordPress. Egal ob dës Aschränkungen Skaléierungsprobleemer mat enger Drëtt Partei Plattform sinn oder Erausfuerderunge mat der Gestioun vu verschidde Kanäl, Headless Commerce kann hëllefen. 

Headless Commerce heescht d'Frontend Presentatiounsschicht vun Ärem Online Store vun der Kern eCommerce Plattform ofkoppelen. 

Mat headless kënnen d'Entwéckler sech op d'Schafe vun der Frontend Experienz mat räichen, SEO-optimiséierten Inhalt konzentréieren fir méi Traffic an den Online Store ze féieren.

Zimlech dacks sinn eCommerce Plattformen net d'Äntwert op Är Inhaltsstrategie. Dëst ass wou WordPress, deen en Universum vu Choixen fir Inhaltskreatioun, Verëffentlechung a Promotioun ubitt, als CMS vun der Wiel erakënnt. 

Mëttlerweil kënnen d'Entwéckler eng robust Handelsplattform benotze fir hir Back-End Bedierfnesser abegraff Bestellungen, Kataloge, Versand an Inventar ze managen. Zousätzlech kann d'Plattform mat kriteschen Geschäftsapplikatiounen verbannen, dorënner ERPs, CRMs, PIMs, a POS. 

Wichteg ass, datt vill industrieféierend Handelsplattformen och verantwortlech sinn fir d'PCI Konformitéit a Sécherheet ze managen, wat d'Risiken a Belaaschtung fir d'Geschäft erliichtert.


Firwat Headless Commerce?

Hei sinn nëmmen e puer vun de Virdeeler déi Organisatiounen realiséieren mat enger headless Approche fir eCommerce:

  • Méi Flexibilitéit. Méi Fräiheet. Andeems Dir d'Architektur ofkoppelt, kann Äert Ingenieursteam oder Agencepartner hiren aktuellen Fäegkeete benotzen fir déi bescht Frontend-Erfarung mat méi Beweeglechkeet ze bauen. Egal ob et React, Vue oder Angular ass, all Organisatioun huet seng eege Präferenz wann et drëm geet Frontend Technologien ze bauen. 
  • Den aktuellen Tech Stack behalen. Fir Geschäfter déi scho a spezifesch Technologien investéiert hunn a sichen eng Handelsléisung z'integréieren, ass d'ganz Architektur z'änneren net machbar. Et kéint ze deier sinn, ze Zäitintensiv oder béid. Eng headless Approche kann hëllefen den existenten Tech Stack lafen ze halen wärend nei Funktionalitéit implementéiert. 
  • Inhalt a Commerce Strategie. Vill Marken hunn en Inhaltsgedriwwen Fokus. D'Best-in-Class Léisunge fir Inhaltsverwaltung a Commerce profitéieren erlaabt separat Technologien ze maachen wat se am Beschten maachen. Fir e komplett headless Szenario, kann d'CMS Inhalt an e Front-End-Framework iwwer API fidderen a sech méi op eng Erfahrung gefouert Approche fokusséieren. Mëttlerweil kann d'Commerce Plattform sech ëm d'Komplexitéit vun de Backend Prozesser këmmeren. Ex. WordPress a BigCommerce*
  • Multiple Frontends. Wann eng Handelsplattform an Ärem Tech-Ökosystem etabléiert ass, kann et déi eenzeg Quell vun der Wourecht fir all Commerce ginn. Mat headless kënnt Dir verschidde Frontend Erfarungen bauen a se an enger zentraliséierter eenzeger Commerce Léisung managen. Dës Frontends kënne verschidde Benotzungsfäll déngen, dorënner Verkeef a verschiddene Regiounen fueren oder Ënner-Marken an enger Mammegesellschaft ënnerstëtzen. 
  • Skalierbarkeet, Stabilitéit a Leeschtung. Mat enger monolithescher Léisung fir Inhalt a Commerce kann deier sinn. Andeems Dir dës Léisungen ofkoppelt, kann Äert Geschäft all Komponent separat an effizient skala wéi néideg. Andeems Dir High-Performance APIen tëscht der Frontend an der Réckschicht benotzt, sinn d'Geschäfter net méi limitéiert op d'Ressourcebeschränkungen vun engem eenzege Komponent vum Stack.

* D'Szenarie, déi mir an dësem Artikel deelen, sinn ënner der "los gekoppelt" oder "gebréckt" Kapplos Approche versus voll entkoppelt.

Dës Virdeeler kommen och mat Erausfuerderungen, vill vun deenen mir hei ernimmt hunn. Méi spéit wäerte mir e puer vun de méi spezifeschen Erausfuerderunge ronderëm de Bau vun Headless Commerce diskutéieren.

Insgesamt erlaabt eng headless Approche méi Flexibilitéit fir eng zwéngend Frontend-Erfarung mat enger robuster Handelsplattform ze bauen déi bescht-an-Klass Technologien benotzt. Mat dëser API-baséiert Approche kënnen d'Geschäfter d'Extensibilitéit vun Open Source Plattforme profitéieren fir e Konkurrenzvirdeel op hirem Maart. 

No allem hu verschidde Marken ënnerschiddlech Bedierfnesser, an eng eenzeg Gréisst-passt-all Léisung ass selten fir all Geschäft uwendbar.


Headless Commerce mat WordPress.

qualifizéiert weiblech et berufflech schaffen op online Plattform fir Programméierer verbonne mat Wi-Fi Internet op modern Laptop Apparat

Headless Approche kënne spannend Virdeeler ubidden, awer wou fänks du un? Loosst eis kucken wéi eng Handelsfunktionalitéit op e Minimum gebraucht gëtt:

  • Weist Produktdaten (Produktnumm, Beschreiwung, Präis, Bild).
  • Wielt Produkt a füügt an de Weenchen.
  • Kasse Produkt. 

Traditionell, mat enger robuster eCommerce Léisung wéi WooCommerce wier déi gekoppelt WordPress Approche (souwuel Frontend an Backend bannent der selwechter WordPress Instanz). Awer well mir iwwer eng Kapplos Approche schwätzen, kucke mir e puer aner digital Handelsléisungen um Maart fir dës Features ze bauen. 


BigCommerce + WordPress.

BigCommerce huet schonn eng genial Léisung fir d'Gestioun vu Produkter an d'Schéinheet dovun ass datt all d'Donnéeën op enger sécherer, skalierbarer Plaz liewen, déi d'Belaaschtung vu WordPress Site Besëtzer läscht fir sech Suergen ze maachen iwwer d'Selbsthosting vun dësen Donnéeën an d'Erënnerungsgrenzen a Sécherheet. Bedenken déi domatter kommen. Dat stellt eng ideal Geleeënheet fir op d'BigCommerce Plattform ze tippen an se direkt op WordPress ze fidderen, sou datt Produkter niewent gebierteg WordPress Inhalt agebonne kënne ginn.

Geoff Graham, Modern Tribe

BigCommerce huet e robuste eCommerce Motor deen Händler vun alle Gréissten servéiert. Am Joer 2020 huet IDC MarketScape BigCommerce als en opkomende Leader am Headless Commerce gewisen.

Aus enger technescher Perspektiv ass d'BigCommerce Plattform héich erweiterbar fir mat engem existente Tech Stack ze verbannen. Dat beinhalt d'Baue vun eCommerce Funktionalitéit mat WordPress.

Fir unzefänken, huet d'Plattform spezifesch APIen déi hëllefen d'fundamental Commerce Features z'erreechen déi hei uewen erwähnt sinn. 

  • Katalog API:  Synchroniséiert Katalog an Inventardaten. Ënnerstëtzt kierperlech Produkter, digital Produkter (Ebooks eroflueden, Software, Musek) a Kaddoszertifikater. 
  • Cart API: Personnaliséiert d'Warrenfarung, egal ob et fir de WordPress Frontend oder mobil App ass. Änneren Wuerekuerf Inhalt an zéien Weenchendaten fir Analyseinstrumenter.  
  • Checkout API: Erlaabt personaliséiert Kasseerfahrungen iwwer de BigCommerce Storefront. Fäegkeeten enthalen Optiounen fir Abonnementer a widderhuelend Bestellungen ubidden.
  • Bezuelungen API: Veraarbecht Bezuelungen duerch gespäichert Kaartbezuelungen oder Kredittkaartbezuelungen mat BigCommerce ënnerstëtzte Bezuelpaarten.  

Dat ass super, richteg? Mir hu vill APIen fir mat ze schaffen fir eng personaliséiert Frontend-Erfarung auszebauen. D'APIs handhaben d'Geschäftslogik vu wéi engem Produkt (a seng Donnéeën) wou geet (WordPress Säit, mobil App). 

De Problem ass datt de WordPress Frontend wesentlech e Remote Storefront gëtt. Dir hutt d'Backend BigCommerce Plattform déi mat WordPress iwwer APIen kommunizéiert.

Wéi och ëmmer, Dir hutt elo zwee separat Systemer déi nach net vereenegt sinn. Ideal wier d'Commerce Plattform déi eenzeg Quell vun der Wourecht fir Produkter, Bestellungen a Benotzer. Awer mat zwou getrennte Plattformen entstinn Probleemer mat der Synchroniséierung vu Clientskonten, Inventarmanagement an Analyse.

Core Settings Dashboard fir de BigCommerce For WordPress Plugin

Wéi léist Dir déi ënnerschiddlech Systemer? Dëst ass wou d'BigCommerce For WordPress Integratioun hëllefe kann. Amplaz de WordPress Frontend mat Commerce Fäegkeeten vun Null ze bauen, kënnt Dir eng headless Commerce Léisung méi séier mat manner Effort implementéieren. 

De Plugin mécht déi folgend:

  • Offload Backend Ressourcen déi normalerweis d'WordPress Instanz géife weien.
  • Importéiert BigCommerce Produktdaten automatesch op WordPress iwwer WP cron (Standardzäit ass 5 Minutten a kann an de Plugin-Astellunge ugepasst ginn)
  • Reduzéiert de Besoin fir verschidde Add-ons z'installéieren fir méi fortgeschratt Funktiounen z'erméiglechen, dorënner Währungshandhabung, Versand, Besteierung a global Bezuelungsgateway Support.
  • Benotzt eng embedded Checkout Erfahrung wou BigCommerce d'Belaaschtung vun der PCI Konformitéit iwwerhëlt.
  • Integréiert Inventardaten mat Geschäftssystemer wéi ERPs a PIMs direkt mat BigCommerce.
  • Skala grouss Kataloge mat enger héijer Zuel vu Variatiounen an SKUs pro Produkt. (Modern Tribe huet stressgetest Kataloge mat bis zu 5000 komplexe Produkter ouni Probleemer)
  • Verwalte Verkaf mat multiple Kanäl (Frontend Erfarungen) an engem eenzegen BigCommerce Dashboard. 

Prinzipiell fonctionnéiert de Plugin als Headless Connector op BigCommerce seng Kernplattform. Et benotzt d'APIs uewen ernimmt fir Äre Produktkatalog op WordPress a Form vu personaliséierte Posttypen z'importéieren. Wéi mat personaliséierte Posttypen, kënnt Dir Ännerungen am WordPress maachen fir d'Produktbeschreiwungen aus BigCommerce ze iwwerschreiden. 

Mat deem gesot, de Plugin ass nëmmen e Start a bitt Basis Commerce Funktionalitéit direkt aus der Këscht. Wéi och ëmmer, wann Dir sicht de WordPress Frontend nach méi ze personaliséieren, kënnt Dir d'Kapazitéite vu BigCommerce verlängeren baséiert op Äre spezifesche Benotzungsfäll.

Zum Beispill ginn et verschidde Weeër fir d'Kasseerfahrung unzegoen. Den embedded Kasse, natierlech, ass de schnellste Wee fir eng Kasse Säit ze bauen well et manner Entwécklung implizéiert. Wéi och ëmmer, et gëtt och manner Kontroll iwwer Design well Dir am Wesentlechen en iframe fir d'WordPress Checkout Säit benotzt. Fir eng méi personaliséiert Kasseerfahrung, betruecht d'BigCommerce Checkout SDK ze benotzen.

Checkout SDK

Checkout SDK ass eng Client-Säit JavaScript Bibliothéik déi et méi einfach mécht de Weenchen an d'Kasse APIen ze konsuméieren. Dëst gëtt och Storefront APIs genannt. Dir kënnt dës Bibliothéik benotze fir e personaliséierte Checkout UI mat Features ze bauen, dorënner:

  • Login Clienten op hire Kont
  • Weist all Versandmethoden an Zitater 
  • Aktivéiert Bezuelung fir Bestellungen

Hei ass e Beispill aus dem Checkout SDK Testen Ëmfeld:

Och wann d'Kasse UI ka personaliséiert ginn, notéiert datt dëst op der BigCommerce Säit vun de Saachen lieft. E Viruleedung geschitt vum WordPress Frontend op d'BigCommerce Checkout Domain wann de Client prett ass fir ze bezuelen. Dir wäert méi Kontroll iwwer d'Kasseerfahrung an Design hunn. Wéi och ëmmer, dëst kënnt mat méi Entwécklungszäit a Ressourcen. Wann Dir no enger méi einfacher Ëmsetzung mat manner Effort sicht, ass den embedded Checkout déi besser Optioun.

Authentifikatioun tëscht Multi-Domänen.

Par défaut benotzt den embedded Checkout och e BigCommerce Domain wéi example.mybigcommerce.com/embedded-checkout. Et ass eng agerummt Säit um WordPress Frontend awer nach ëmmer op der BigCommerce Plattform gehost.

Also, egal wéi eng Zort Kasse Dir benotzt, wëllt Dir sécherstellen datt de Client tëscht BigCommerce a WordPress ageloggt bleift. Dëst gëtt Multi-Domain Ecommerce genannt. 

Normalerweis kënnen Drëtt Partei Cookien benotzt ginn fir d'Authentifikatioun tëscht béide Domainen ze garantéieren. Wéinst Privatsphär Bedenken, awer, populär Browser wéi Firefox, Apple Safari, a Google Chrome hunn ugekënnegt si engagéiert Drëtt Partei Cookien auszeschalten.

Mat dësem vergiessen ass déi bescht Léisung fir sécher Authentifikatioun iwwer getrennte Plattformen ze garantéieren ass datselwecht Domain ze benotzen. Wann de WordPress Store ass storefront.com, da kënnt Dir e Kasse-Subdomain fir BigCommerce erstellen wéi z checkout.storefront.com.

De Subdomain kann mat Ärem DNS Provider erstallt ginn an op de BigCommerce Hostnumm iwwer CNAME weisen. Notiz: Béid Domainen erfuerderen en SSL fir sécher iwwer HTTPS ze lafen.

Och wann Dir elo net vun den neien Ännerungen beaflosst sidd, ass et héich recommandéiert dës Upassungen elo ze maachen an zousätzlech Kappwéi an Zukunft ronderëm Cookien ze vermeiden.

Gutenberg Ënnerstëtzung

Dem Gutenberg seng Block-baséiert Approche mécht et einfach fir séier dynamesch Inhaltssäiten ze bauen

Mat WordPress kënnt Dir Siten méi séier bauen mam neie Block-baséiert Editor, Gutenberg. De grousse Virdeel vu BigCommerce fir WordPress ze benotzen ass datt de Plugin och den visuellen Editor ënnerstëtzt. Op dës Manéier kënnt Dir mediaräich Produktsäite mat pre-built Blocks vu BigCommerce bauen. 

Gestioun vu verschidde Kanäl.

Am Deel eent vun dëser Serie hu mir d'Virdeeler ofgedeckt fir eng Omnichannel Strategie ze verfolgen. Aus enger Architektur Perspektiv, dat kéint heeschen Interaktioun mat multiple Front End Erfahrungen. Dës Channels enthalen Storefronts (WordPress), Maartplazen (Facebook, Amazon, eBay), Point of Sale, a sozial Marketingkanäl. 

Wann Dir verschidde Frontends baut, füügt dat méi Komplexitéit a Potenzial fir Probleemer op. Mat headless kënnt Dir technesch eng mobil App hunn, verschidde WordPress Siten, React Frontend, an e BigCommerce Storefront all duerch eng eenzeg Commerce Instanz wéi BigCommerce lafen. 

Well all Storefront verschidde Benotzungsfäll servéiert wéi verschidde Regiounen, ginn et Differenzen an de Produkter, déi iwwer dës Kanäl opgezielt sinn. Zum Beispill kënnen déiselwecht Produkter verschidde Präisser a Währung baséieren op der Regioun. Fir d'Komplexitéit ze léisen déi mat dësen Differenzen kënnt, kënnt Dir BigCommerce's Channel Manager benotzen:

Zukunft vu BigCommerce + WordPress

Wa mir no vir kucken, schafft WP Engine Agency Partner Modern Tribe enk mat BigCommerce zesummen fir React Components ze kreéieren an Haken Bibliothéiken fir méi headless Optiounen iwwer déi iwwerbréckt Approche ze ënnerstëtzen déi hei uewen beschriwwe gëtt.

Dëst bitt méi Flexibilitéit an Optionalitéit fir Entwéckler fir de Front-End UI op Basis vun hire Bedierfnesser ze bauen. Mëttlerweil konnt WordPress als Kerninhaltsmanagementschicht funktionnéieren mat méi einfacher Designpersonaliséierung iwwer Gutenberg. 

Fir méi Informatioun iwwer d'WP + BigCommerce Approche uewe beschriwwen, fillt Iech gratis un Modern Tribe z'erreechen a verfollegen @ModernTribeInc op sozialen Medien fir ze verbannen. 


Shopify + WordPress.

Shopify ass eng aussergewéinlech Plattform fir Händler an Entwéckler, an eng déi seng Kärziler beandrockend gutt déngt. Mat WordPress kënne mir dës Fondatioun mat personaliséierte Produktattributer, verstäerkten Designen a méi verlängeren, dank der Liichtegkeet a Vertrautheet vu WP-Admin a Gutenberg. D'Zäit an d'Käschte fir nei Client Iddien an d'Liewen ze bréngen sinn Fraktiounen vun deem wat se typesch kënne sinn, a Cliente genéissen méi Datebesëtz a Portabilitéit.

Collin Matthews, Grënner a Managing Director bei Press Foundry

Shopify ass eng vun de populäersten eCommerce Plattformen um Maart haut, stellt ongeféier 20% vun gehoste Commerce Websäiten an den USA aus.

Wärend Shopify a Shopify Plus (déi op Enterprise Sites këmmeren) Händler erméiglechen fir séier an einfach online ze verkafen, ass et wichteg d'Limitatiounen am Spill mat engem Out-of-the-Box Kont ze erkennen. 

E puer Schlëssel Nodeeler enthalen:

  • Shopify limitéiert Iech op dräi Produktoptiounen an 100 Varianten.
  • Variant Produit Biller sinn limitéiert op eng pro Variant.
  • Produktsortéierung a Filterung ass limitéiert.
  • Räich, dynamesch Inhalt - zum Beispill eng robust Blogging Plattform op der Plaz - ass schwéier ze produzéieren.
  • Backend Funktionalitéit kann net personaliséiert ginn.
  • Shopify bitt keng personaliséierbar Kasseerfahrung (d'Fäegkeet ze änneren ass limitéiert op Shopify Plus).
  • Méiglechkeete fir méi déif technesch Sichmotoroptimiséierung (SEO) auszeféieren si wéineg.

Jo, Apps aus dem Shopify App Store - eng curéiert Offer vun Drëtt-Partei Tools fir Kär Shopify Funktiounen ähnlech wéi den Apple App Store oder Google Play Store ze verlängeren - kënnen d'Funktionalitéit verlängeren. An jo, e puer bidden souguer Punkt-klickt-installéieren-gemaach Aarte vu Magie. Awer anerer erfuerderen méi déif Personnalisatioun fir se an den Ökosystem vun engem Storefront ze addéieren - e Punkt deen dacks souwuel vu Buttekbesëtzer wéi och vun deenen, déi d'Shopify Plattform an d'App Store Offeren bewäerten, ignoréiert ginn.

De Shopify App Store bitt Drëtt Partei Tools déi d'Funktionalitéit vun der Plattform verlängeren

Eng weider Komplexitéit? Dir kënnt net dacks d'Donnéeën besëtzen, déi Dir an dës Apps gesat hutt oder an dës Apps baut. Vill erfuerderen dauernd monatlecht Abonnementer, dat heescht datt all Entwécklungsaarbecht déi Dir maacht - oder verlängert Donnéeën déi Dir bäidréit - verluer geet wann Dir jeemools Ären Abonnement annuléiert. 

Bei Press Foundry, eng WordPress a Shopify Agentur zu Boston, eng vun den heefegste Reklamatiounen, déi vu potenzielle Clienten an hirem aktuelle Setup héieren ginn, ass genee dëse Mangel u Datebesëtz a Portabilitéit. Als Resultat si se dacks um Enn vun der Geschäftsinnovatioun opferen, well se net d'Fongen hunn - oder d'Bandbreedung - fir d'Rad nei ze erfannen.

Wärend en typesche Shopify Storefront 6+ Apps op hirem Kont leeft, ass et net ongewéinlech Storefronts mat 20+ Apps installéiert ze gesinn. Aus der Perspektiv vun engem Entwéckler ass dëst e Problem. Stellt Iech vir eng gehost Léisung ze bauen an z'erhalen mat enger Onmass vun Drëtt Partei Apps déi hoffentlech all spillen flott zesummen - alles wärend se vun hiren individuellen Fäegkeeten an Design agespaart sinn.

Eng semi-headless Approche.

Nodeems Dir un e puer eCommerce Builds fir kleng a mëttelgrouss Clientë geschafft huet, huet Press Foundry sech virgestallt fir eng verstäerkte Inhaltsverwaltungsschicht iwwer WordPress ëmzesetzen fir dem Shopify seng Kärfäegkeeten ze verlängeren.

Dës semi-headless Approche léisst d'Entwéckler de Brunt vun hirer Kodéierung an engem vertraute WordPress Ëmfeld maachen ier se Inhalt iwwer Shopify fir Frontend Rendering iwwerginn. Et erlaabt och Site Besëtzer komplex Datestrukture fir Produkter, Sammlungen, Säiten a Bloginhalt ze verwalten, déi WordPress als Backend fir d'Editioun benotzen. 

D'Resultat kann entweder vun engem Hybrid WordPress + Shopify Frontend zerwéiert ginn (iwwer e Subdomain fir entweder de Buttek oder de Marketinginhalt) oder ganz um Shopify Frontend, jee no Bedierfnesser a Virléiften.

Press Foundry benotzt d'Shopify API fir Inhalt ze verwalten a mat personaliséierten Datestrukturen ze verlängeren. Metafields ginn entweder als raw Daten JSON Objekter oder statesch, pre-rendered HTML iwwer d'REST API weidergeleet.

Zum Beispill, loosst eis eng Produkt Display Säit (PDP) huelen a personaliséiert Akkordeon oder Tab-baséiert Inhalt op enger pro-Produkt Basis (Titelen, Inhalt, asw.). Nodeems mir eng Datestruktur op WordPress erstallt hunn (dacks mat ACF Pro), kënne mir entweder:

  1. Pre-rendert den HTML op WordPress a späichert et an e Shopify Metafield verbonne mat dem spezifizéierte Produkt; oder
  2. Späichert dës Datestruktur als JSON Objet a rendert den Inhalt iwwer Liquid op Shopify.

Mat der pre-rendered HTML Approche ass et méi einfach, pre-rendered Donnéeën a Liquid ze sprëtzen, wéi z. {{ product.metafield.namespace.metafieldname }}.

Dësen eenzegen Snippet kann duerch de ganze Site weiderbenotzt ginn fir dës Sektioun oder Widget e puer Mol einfach ze maachen. Dëst ass gutt fir komplex HTML Strukturen déi net op verschidde Manéieren um Frontend presentéiert ginn.

Wéi och ëmmer, wann Dir déiselwecht Donnéeën awer op verschidde Manéiere wëllt maachen, entweder op enger bestëmmter Säit oder op der ganzer Säit, ass et besser déi zweet Approche ze huelen an se als JSON ze späicheren.

Dir kënnt dann op den Inhalt mat Punktnotatioun fir Objekter zougräifen {{product.metafield.namespace.metafieldname.json_object_member }}
oder iteréieren als Array {{ product.metafield.namespace.metafieldname[0] }} 

Fir Säitinhalt mat Gutenberg-Blocken ze bauen, ass HTML scho vir-rendered op der WordPress Säit. Dëst bedeit datt mir dëst direkt an de Kierper vun enger Shopify-gehoste Säit, Artikel oder Produkt kënne passéieren, wat et méi séier mécht de Storytelling Aspekt vun all Gebitt vun engem Shopify Site ze personaliséieren.

Separat Frontends.

Et ass och méiglech zwee getrennte Frontends ze hunn - eent vu WordPress an deen aneren duerch Shopify - fir méi déif Inhaltsbedierfnesser z'ënnerstëtzen (oder ze halen fir eng existent Siteinfrastruktur opzebauen). 

Loosst eis soen domain.com ass Ären existente WordPress Frontend, an Dir wëllt e Storefront iwwer Shopify ausrollen. Andeems Dir eng shop.domain.com Subdomain fir Shopify, Dir kënnt e flëssegt Thema maachen dat verbessert gëtt duerch Custom Post Types, etc., an dat ass visuell ähnlech wéi den Haaptsite op domain.com. Dir kënnt och den HTML vum Header a Fousszeilen injizéieren shop.domain.com, sou datt allgemeng Navigatiounselementer konsequent iwwer béid Plattformen sinn a gläichzäiteg aktualiséiert ginn, wat de Besucher eng nahtlos Erfahrung gëtt.

An dëse Fäll implementéiert Press Foundry e Mechanismus deen WordPress an Shopify synchroniséiert wann ëmmer en Inhaltsupdate am WordPress Dashboard gemaach gëtt. Dëst erlaabt Iech den aktuellen Inhalt bannent Shopify's Metafields z'erhalen ouni de Besoin WordPress op all Säitlast ze pingelen, sou datt d'Zuel vun den Ufroe fir WordPress an de WordPress Host reduzéiert gëtt. Dëst, natierlech, hëlleft eng geréng Bandbreedung ze erhalen.

Als leschte Schrëtt bei der Optimisatioun vun der Liwwerung vu Mediendateien, déi iwwer WordPress verwaltet ginn, kënnt Dir e Content Delivery Network (CDN) an entspriechend WordPress Plugin benotzen. Dëst servéiert Frontend Medien Verméigen, souwéi Aktualiséierungen vun Dateiwee URLen am WordPress Dashboard wéi Dir an Echtzäit ännert. Press Foundry implementéiert dës Approche virum Black Friday / Cyber ​​​​Monday Rush fir ee vun hire Shopify Plus Clienten an huet eng 70% Reduktioun vun der Net-CDN Bandbreed Benotzung gesinn, och mat engem 40% Sprong am Traffic.

Keen vun dësem ass ze soen Shopify ass eng schlecht ECommerce Plattform Wiel. Tatsächlech ass et eigentlech ganz de Géigendeel. Iwwer eng Millioun Geschäfter gi vu Shopify ugedriwwen, mat 7,000+ op Shopify Plus eleng, a Shopify Storefronts hunn iwwer $172B am Gesamtverkaaf gemaach. Shopify ass eng Léisung fir schlësselfäerdeg ECommerce mat villen Erfëllungsvirdeeler, nativ integréiert POS, a Weltklass Uptime, Sécherheet, an Ënnerstëtzung. 

Awer andeems Dir WordPress als eng verstäerkte Inhaltsmanagementschicht bäidréit, kritt Dir dat Bescht vu béide Welten - e konsolidéierten Tech Stack a séier Konzept-zu Realitéit Timelines, souwuel zu engem Ëmwandlung vun de Käschte.

Wann Dir interesséiert sidd fir méi iwwer déi iwwerbréckte WP + Shopify Approche ze léieren, déi hei uewen beschriwwen ass oder Hëllef braucht mat Ärem nächste eCommerce Site ze bauen, zéckt net fir d'Team bei Press Foundry z'erreechen. Follegt @pressfoundry op sozialen Medien fir méi déif Abléck an Hëllef.


Progressiv Web Apps (PWA)

Als Deel vun Ärer allgemenger headless Strategie, wëllt Dir vläicht eng progressiv Web App betruechten. E PWA kann d'Erfahrung vun enger gebierteg mobil App replizéieren. Wat bedeit dat? Et heescht datt dës Apps onheemlech séier kënne lueden, engagéierend Interaktiounen ubidden (Push Notifikatiounen, Display um Heembildschierm), a souguer mat enger schlechter oder kenger Internetverbindung schaffen. Plus, Benotzer mussen net eng mobil App eroflueden.

Eng gebierteg mobil App bauen ka ganz Ressourcen an Zäitintensiv sinn. PWAs maachen et méiglech Benotzer op ähnlech Manéier méi séier ze engagéieren andeems se modern Technologien wéi JavaScript, HTML, CSS benotzen. Zousätzlech ginn et verschidde Kaderen déi an der Popularitéit wuessen, déi Dir mat der eCommerce Kernplattform verbënnt. Dës enthalen Gatsby, Vue Storefront, a React. 

Egal wéi eng Frontend Technologien benotzt ginn, et ass wichteg ze notéieren datt se nach ëmmer e CMS erfuerderen. WordPress funktionnéiert als eenzeg Quell vun der Wourecht fir Ären Inhalt. 

Mat dëser headless Approche kënnen d'Donnéeën am WordPress iwwer REST API op verschidde Endpunkte zougänglech sinn. Nach besser, betruecht déi nei GraphQL API ze benotzen fir Inhalt mat méi Einfachheet an Zouverlässegkeet ze déngen. 

Wann Dir verschidde Frontends geréiert, betruecht de PWA als eenzege Kanal an Ärer Omnichannel Strategie. 


Bleift ofgeschloss fir de leschten Deel an dëser dräi-Deel Serie: ECommerce Trends verstoen: Modular / Microservices Commerce.


Maacht Ären digitale Commerce mat WP Engine.

Optimiséiert Är Omnichannel Strategie op der verwalteter WordPress Plattform vun der Wiel. Fannt méi iwwer WP Engine's WooCommerce Hosting Léisung eraus oder schwätzt mat engem Spezialist a fänkt haut un!

Verbonnen Artikelen

Hannerlooss eng Äntwert

Är E-Mail-Adress gëtt net publizéiert ginn.

Zréck erop zum Knäppchen