BIGCOMMERCE Headless Commerce brukerhåndbok

BIGCOMMERCE Hodeløs handel

Spesifikasjoner

• Produktnavn: Headless Commerce Solution
• Vekstrate: Anslått til 20.5 % sammensatt årlig vekstrate
• Forventet markedsstørrelse innen 2027: 32.1 milliarder dollar

Produktinformasjon

• Headless commerce er en av de raskest voksende trendene innen e-handel i dag, og forventes å vokse med en sammensatt årlig vekstrate på 20.5 % – og nå 32.1 milliarder dollar innen 2027.
• I denne veiledningen skal vi utforske de viktigste forskjellene mellom tradisjonell og headless e-handel, hvilke fordeler du kan forvente av en headless-løsning, og hvordan våre egne selgere høster fruktene av et headless e-handelsrammeverk.

Beskrivelse

Headless commerce vs. tradisjonell e-handel: Hva er forskjellen?

• Å velge mellom tradisjonell e-handel og headless e-handel starter med å kjenne bedriftens behov og muligheter. La oss utforske de viktigste forskjellene mellom tradisjonell og headless e-handel og hvordan du finner ut hvilken som er best for bedriften din.
• Uansett hvilken modell du velger, er BigCommerce her for å støtte deg. Vi tilbyr fleksibiliteten til å skape tilpassede, banebrytende brukeropplevelser gjennom en hodeløs e-handelsarkitektur, samtidig som vi opprettholder robust, ferdiglaget funksjonalitet for tradisjonelle handelsoppsett.

Hva er hodeløs handel?

• Hodeløs handel er avkoblingen av en webnettstedets frontend-presentasjonslag (som inkluderer elementer som tekst, farger, stiler, bilder og knapper) fra backend-funksjonaliteten (priser, infrastruktur, sikkerhet, betaling osv.).
• Mellom frontend- og backend-systemet ligger det et lag med kraftige API-er (applikasjonsprogrammeringsgrensesnitt). Disse API-ene fungerer som mellomledd mellom de to systemene, slik at e-handelsbedrifter kan koble til og bruke ulike frontend-løsninger uten risiko for å påvirke backend-handelsfunksjonaliteten.
• Dette betyr at bedrifter har full frihet og fleksibilitet til å optimalisere kundeopplevelsen gjennom flere unike butikkfronter. De kan oppdatere web tekst og bilder på tvers av nettstedet deres, eller til og med utvide disse opplevelsene til nye kanaler som mobilapper, kiosker og IoT-enheter. Og hele tiden fortsetter backend-systemet å støtte all handelsfunksjonalitet.
• Kort sagt? Du kan opprette og endre unike e-handelsopplevelser når du vil og hvordan du vil.

Hva med komponerbar handel?

• Midt i stadig skiftende kundeatferd, trender og teknologiske fremskritt har headless commerce banet vei for et nytt nivå av fleksibilitet og smidighet. Men noen bedrifter har til og med tatt det et skritt videre.
• Noen har brukt begrepene «headless commerce» og «composable commerce» om hverandre. Imidlertid er headless commerce faktisk en del av den større paraplyen for composable commerce.
• Headless Commerce refererer til nedbrytingen av et alt-i-ett-handelssystem ved å frakoble frontend- og backend-lagene slik at de fungerer uavhengig. Komponerbar handel betyr imidlertid at hver komponent i teknologistakken er uavhengig, og derfor kan «komponeres» for å skape den mest optimale, tilpassede løsningen for bedriften din. Som et sett med Lego-klosser er hvert element i teknologistakken modulært og fleksibelt, slik at bedrifter kan skreddersy kundeopplevelsen fullstendig.
• I bunn og grunn er headless-teknologi en hjørnestein i komponerbar handel, og fungerer sammen med de andre prinsippene i MACH (Microservices, API-first, Cloud-native SaaS, headless).

Hva er tradisjonell e-handel?

• I mange år har den vanlige strukturen for mange netthandelsbedrifter vært en alt-i-ett monolittisk struktur som binder sammen frontend- og backend-systemene. Før headless-løsninger kom inn i bildet, brukte mange merkevarer en monolittisk strategi, og mange byråer anbefalte det til og med for store og veletablerte bedrifter.
• Fordelene? For mange bedrifter tilbyr en monolittisk e-handelsarkitektur et raskt og enkelt oppsett og en raskere time-to-market. Mange tradisjonelle e-handelsplattformer tilbyr butikkmaler og dra-og-slipp-funksjoner som lar bedrifter raskt lansere nettstedet sitt.
• Ulempen? Disse monolittiske løsningene kan mangle fleksibiliteten og smidigheten for merkevarer som ønsker å innovere på sparket og gjøre raske endringer på nettstedet senere. I tillegg, siden frontend og backend er koblet sammen, kan eventuelle endringer som gjøres i den ene enden påvirke den andre negativt.
• Men det betyr ikke at en tradisjonell e-handelsløsning ikke er et godt valg for noen bedrifter! Hvis du ønsker å få nettstedet ditt raskt oppe og går, og du ikke forventer å trenge mye tilpasning, kan en tradisjonell e-handelsplattform være det riktige valget for deg.

Fordeler

Hva er fordelene med headless commerce?
Headless commerce åpner opp en verden av muligheter for merkevarer som ønsker å ta i bruk en innholdsdrevet strategi. Ved å ta i bruk denne tilnærmingen kan bedriften din:

• Reduser teknologigjeld og reduser implementeringstiden for utviklingsteam
• Oppdag mer fleksibilitet for å skape sømløse handleopplevelser som øker konverteringer
• Design innholdsrike opplevelser som imøtekommer kundenes behov
• Støtt nye teknologier for skalaen til virksomheten din

La oss utforske disse fire fordelene med headless commerce og hvilke av teammedlemmene dine som hver især vil ha en spesifikk innvirkning.

Reduser teknologigjeld og reduser implementeringstiden for utviklingsteam.

Hvem det hjelper: utviklere
When it comes to decreasing costs and time to market, headless commerce can be a game- changer.

Ved å koble fra frontend-en fra backend-en, kan utviklerne dine lage flere kundeorienterte applikasjoner uavhengig av e-handelsmotoren, noe som betyr to ting:

1. Frontend- og backend-team kan innovere og distribuere løsninger raskt, uten å vente på den andre, og
2. Du kan redusere utgiftene involvert i det som en gang var en lang og krevende utviklingsprosess.

Som et resultat gir headless-løsninger raskere iterasjon og raskere time-to-market for nye prosjekter, enten du lanserer internasjonalt eller ruller ut omnikanalstrategier. Og takket være den fleksible teknologistakken er det enkelt å implementere tilpassede funksjoner.

Mer fleksibilitet for å skape sømløse handleopplevelser som øker konverteringer.

Hvem det hjelper: direktør for e-handel og e-handelssjefer

• Tatt i betraktning at selskaper med en sterk omnikanal-tilnærming ser en kundelojalitetsrate på rundt 890/0 – sammenlignet med 330/0 for de med en svak omnikanal-tilnærming – er det ikke lenger tilstrekkelig å bruke en enkeltkanal-tilnærming.
• Heldigvis betyr det å gå headless at du kan markedsføre innholdet ditt på tvers av kanalene du har nå – så vel som nye du legger til i fremtiden. Siden du kan endre frontend-en din uten å påvirke backend-en din, har du friheten til å legge til flere online- og offline-opplevelser, enten det er en mobilapp, en markedsplass på nett som Amazon eller en sosial medieplattform som Facebook eller Ins.tagram. Hele tiden kjører e-handelsmotoren din konsekvent på backend.
• Å skape disse sømløse handleopplevelsene har også potensial til å drive flere konverteringer og redusere kostnader for kundeanskaffelse. Midt i en økning i betalt annonsering tilbyr headless commerce en ny måte å øke organisk trafikk på: gjennom en innholds- eller opplevelsesdrevet strategi. Ved å teste ulike frontend-løsninger mens du kjører samme backend – og omvendt – kan du bestemme hvilke kanaler som tiltrekker seg mest trafikk og forbedre konverteringsratene raskere enn tradisjonelle e-handelsmodeller.

Design innholdsrike opplevelser som imøtekommer kundenes behov.

Hvem det hjelper: netthandelsleverandører eller markedsførere

• Med et tradisjonelt monolittisk system kan du oppleve at alternativene dine er begrensede når det gjelder å utvikle nye opplevelser på frontend.
• Med en headless-løsning kan du imidlertid integrere nye teknologier og tilpasse deg nye trender etter hvert som de oppstår. Som et resultat vil markedsføringsteamet ditt ha full frihet til å innovere og bygge flere brukeropplevelser på tvers av forskjellige kanaler – uten å skade backend-prosessene dine.
• Dessuten lagrer en headless e-handelsplattform innhold sentralt og kan levere det hvor som helst via API-er. Denne metoden gir mye raskere lastetider enn tradisjonelle e-handelsplattformer og egner seg til eksepsjonelle kundeopplevelser.

Operasjon

Støtte som dukker opp etter hvert som du skalerer virksomheten din.

Hvem det hjelper: IT-ledere

• Etter hvert som nye teknologier og trender dukker opp, må du kunne fremtidssikre merkevaren din. Heldigvis lar headless commerce deg raskt justere frontend-en din uten å måtte endre plattformen på backend-en. I et headless-miljø kan merkevarer sømløst teste og implementere nye teknologier, noe som gir utviklere friheten til å innovere uten å være begrenset av tradisjonelle CMS-begrensninger.
• Frontend-en, eller «hodet», til e-handelsnettstedet ditt kan skreddersys for optimal innholdslevering ved å koble til et CMS-, DXP- eller IoT-enhet som er utviklet for innholds- eller opplevelsesdrevet handel. Dette oppsettet lar deg bytte ut frontend-en etter behov uten å forstyrre backend-driften.
• På denne måten kan du fokusere mindre på utvikling og mer på å skalere virksomheten din.

Hva er vanlige bruksområder for headless commerce?

• Enten du foretrekker WordPress, Concertful, Content Stack, Bloom Reach, Adobe Experience Manager eller andre CMS/DXP-er, PWA-er eller CRM-er – headless Commerce fungerer i omtrent alle brukstilfeller. Alt du trenger er en API-tilkobling for å koble fra plattformens presentasjonslag og deretter koble plattformen til der du trenger at den skal fungere.
• La oss ta en titt på noen av de vanligste bruksområdene for implementering av et headless framework.

Tilpassede løsninger.

• En viktig grunn til å velge headless kan være at du har store ideer som ingen av systemene kan tilby rett fra boksen. Kanskje du har funnet tilpasningen du trenger ved å jobbe med åpen kildekode-plattformer tidligere, men ikke klarte å håndtere de lange utviklingssyklusene og vedlikeholdet. Eller kanskje du har jobbet med SaaS, men funnet ut at det begrenset innovasjonen din.
• Med headless kan du beholde tilpasningsmulighetene og miste kostnader og vedlikehold.
• Headless tilbyr en åpen SaaS-opplevelse som er det beste fra begge verdener. API-er gir fleksibiliteten du trenger for å tenke utover grensene til en hvilken som helst plattform eller teknologi og sømløst koble systemer på en mer modulær måte.

Innholdsstyringssystem (CMS).

• Når den headless-arkitekturen er paret med et CMS, skaper det en kraftig kombinasjon. I disse tilfellene er e-handelsplattformen frakoblet fra presentasjonslaget, slik at et merke kan bruke populære CMS-løsninger som WordPress, DXP-er som Bloom reach, eller tilpassede frontend-løsninger for uovertrufne kundeopplevelser som øker konverteringen.
• Spesielt hvis du bruker en omnikanal-tilnærming, er det å kombinere headless e-handel med et headless innholdsstyringssystem veien å gå. Ved å bruke ett enkelt CMS kan du lage kanalspesifikt innhold og ulike brukergrensesnitt med API-er som driver frontend og backend.

Digital opplevelsesplattform (DXP).

• En DXP er en type programvare som gjør det mulig for bedrifter å raskt digitalisere og gi en forbedret kundeopplevelse. Å kombinere en DXP med en headless CMS-løsning kan resultere i et sterkt fundament.
• Verdien i dette partnerskapet kommer fra det fleksible, API-drevne innholdet og dets evne til å integreres med andre tjenester. Denne kombinasjonen lar utviklere og markedsførere jobbe separat og gir også rom for tillegg og redigeringer uten at det påvirker prosjektflyten.

Progressiv Web Apper (PWA).

• Progressiv web apper (PWA) er web applikasjoner som bruker den nyeste web funksjoner for å levere en innebygd, applignende opplevelse til brukerne. De er vanlige web sider eller webnettsteder, men fremstår for brukeren som tradisjonelle applikasjoner eller native mobilapper. Ved å kombinere funksjonene til webnettsteder og mobilprogramvare, skaper PWA-er en altoppslukende brukeropplevelse som kan føre til høyere konverteringsrater og mer tid brukt på nettstedet.
• BigCommerce er forpliktet til å gi selgere muligheten til å utnytte PWA-er. Vi tilbyr integrasjoner med DEITY Falcon og JM ang0360, samt en Gatsby-Notify CMS-mal for å komme i gang med utviklingen av en serverløs PWA-butikk.
• I tillegg lanserte BigCommerce nylig Catalyst, vår neste generasjons butikkfrontteknologi for utviklere og byråpartnere. Med en fullstendig integrert butikkfrontreferanseimplementering basert på Next.js og React, tilbyr Catalyst en komplett, ende-til-ende gjestekundeopplevelse som er forhåndskablet til plattformen vår, basert på Next.js frontend-rammeverket. Catalyst vil være standardstarteren for nye komponerbare bygg, ved å bruke de nyeste funksjonene i Next.js og våre Graph API-er.

Slik kommer du i gang med headless commerce
Hvis disse brukstilfellene og fordelene gir gjenklang hos deg, lurer du kanskje på hvordan du skal begynne å implementere et headless framework. Her er en trinnvis tilnærming som hjelper deg i gang.

Finn ut om headless commerce er riktig for bedriften din.
Selv om fordelene med en headless-løsning er mange, er ikke denne typen rammeverk for alle. Mange bedrifter bruker fortsatt en tradisjonell monolittisk modell, og mange byråer anbefaler fortsatt en monolittisk strategi for bedrifter og veletablerte merkevarer.

Men hvis du ønsker større fleksibilitet, skalerbarhet og smidighet i e-handelsplattformen din, kan en headless-løsning være verdt å vurdere. Her er noen kriterier som kan hjelpe deg med å bestemme om du skal bytte:

• Dere er et innholdsdrevet merke.
• Merkevaren din er opplevelsesdrevet og trenger evnen til å implementere personalisering, A1 eller AR-funksjoner.
• Du ønsker å skape sømløse digitale opplevelser på tvers av flere kundekontaktpunkter og enheter.
• Du har salgsbehov på flere nettsteder eller internasjonale, og tilbyr flere frontend-opplevelser drevet av samme backend.
• Du bruker allerede et CMS og ønsker å legge til handel.
• Du selger allerede på nett og har et separat nettsted for innhold, og du må kunne slå sammen de to.

Forstå den nødvendige arkitekturen for å gå headless.

• For å få mest mulig ut av den headless-arkitekturen din, er det avgjørende at du først forstår hvordan arkitekturen er unik fra et tradisjonelt handelsnettsted.
• På backend-siden kommer en headless commerce-løsning utstyrt med alle de essensielle funksjonene for å drive butikken din, som lagerstyring, prising, katalog og betaling. Men i motsetning til tradisjonelle eldre systemer, skiller headless commerce disse backend-elementene fra ... webnettstedets frontend, noe som gir både utviklere og forretningsbrukere friheten til kontinuerlig å innovere og bygge unike opplevelser på tvers av ulike kundekontaktpunkter.
• Denne fleksibiliteten betyr at teamene dine kan bygge unike, innholdsdrevne opplevelser som konverterer mer effektivt, noe som fører til høyere inntektsvekst. Å forstå denne arkitekturen er nøkkelen til å utnytte headless commerce for å overgå forretningsmålene dine år etter år.

Identifiser alternativene for frontend-butikken og backend-leverandøren av e-handel.

• For å oppnå den mest optimale headless-arkitekturen trenger du riktig frontend for målgruppen din, samt en sterk backend for å drive e-handelsmotoren din.
• For frontend-løsninger bør du vurdere alternativer som spesialbygde løsninger ved hjelp av rammeverk som React eller Vue.js, eller populære CMS/DXP-plattformer som WordPress eller Drupal. Valg av det ideelle frontend-grensesnittet vil i stor grad avhenge av størrelsen på bedriften din, målgruppen din og ferdighetene til utviklerteamet ditt.
• På backend-plattformen trenger du en robust e-handelsleverandør som tilbyr kjernefunksjonalitet for handel, som lagerstyring, betaling og sikkerhet. Heldigvis tilbyr BigCommerce alle disse funksjonene – og mer – rett ut av esken. Vi lar deg skape unike kundeopplevelser uten sidestykke, drevet av vår backend-handelsplattform med flest headless-integrasjoner, slik at du aldri trenger å bytte plattform igjen.

Exampden hodeløse handelen i aksjon

• Det er ofte veldig vanskelig å si om et merke bruker headless e-handel som en strategi bare ved å se på det. Dette vil bare bli mer sant etter hvert som headless e-handel blir mer mainstream og mister sin URL omdirigere til en betalingsside.
• La oss foreløpig se på noen eksempler på headless commerce.amples.

Svart diamant.
Kasusstudie: Svart diamant

• Da fjellutstyrsmerket Black Diamond henvendte seg til BigCommerce, ønsket selskapet å skape en tydelig kjøperreise fra hjemmeside til kasse, og veve merkevareinnholdet gjennom hele kundeopplevelsen.
• Med fleksibiliteten til et headless-rammeverk oppnådde Black Diamond en uavhengig, men likevel sammenhengende administrasjon av sitt EU-nettsted, samtidig som de utnyttet felles produktdata, en enkelt CMS-instans og andre viktige tjenester. Black Diamond kunne huse sitt amerikanske og EU-nettsted under ett e-handelstak og unikt betjene sine kunder på tvers av ulike markeder.
• Sammen med et fleksibelt, nytt CMS ga BigCommerce Black Diamond friheten til å gjennomføre visjonen sin uten å være sterkt avhengig av utviklere. Med friheten til å administrere nettstedet sitt direkte, kunne Black Diamond utnytte sitt tekniske team til å integrere et PIM-oppsett så vel som et ERP-system.

FUNKSJONALITET

Burrow

Case-studie: Burrow

• Som et merke som spesialiserer seg på modulære, tilpassbare møbler, trengte Burrow en headless-arkitektur som ville gjenspeile den samme fleksibiliteten. Etter å ha nådd 3 millioner dollar i omsetning i 2017, lette teamet etter en modulær, fleksibel e-handelsløsning som kunne holde tritt med forretningsveksten.
• Burrow vendte seg mot BigCommerce og fant det skalerbare backend-systemet de trengte for å tilpasse nettstedet sitt raskt og enkelt. Påliteligheten og mangelen på vedlikehold frigjorde teamet til å fokusere mer på markedsføringsfokuserte oppdateringer av nettstedet. De kunne også bruke et tilpasset CMS på frontend, slik at de kunne skape den typen brukeropplevelser de ønsket for kundene sine. Siden lanseringen av sin headless-løsning har Burrow sett en økning på 30 % i konverteringsfrekvensen på bare to måneder og en økning på 50 % i nettstedets hastighet og ytelse.

Hvite ting.

Kasusstudie: Hvite ting

• Å tilby kundene en bedre opplevelse gjennom ytelsesforbedringer var den første motivasjonsfaktoren som fikk White Stuff, et britisk kles- og livsstilsmerke, til å endre plattformen til BigCommerce. De visste at hastighet og funksjonalitet var begrenset av teknologien de brukte, så løsningen var å skille front- og backend-plattformen ved å gå headless.
• «Jeg var veldig bestemt på hastighetens rolle på nettstedet på grunn av behovet for motehandel for å bringe innhold til live gjennom økt bruk av video og rike bilder som en kunde ønsker å oppleve for merkevaren vår», sa Steve Borg, teknologi- og transformasjonsdirektør hos
• White Stuff. «Så det drev virkelig frem noen avgjørelser rundt en headless-implementering. Vi følte at det var den beste måten å beholde et lettvektsgrensesnitt og gi oss maksimal sjanse til å konsekvent kunne tilby den raske opplevelsen for kundene.»

Kamphjørnet.

KasusstudieKamphjørnet

• Før implementering forenkler handelen. Tincture, om at ornery ace. Betydelige utfordringer med den forrige e-handelsplattformen, inkludert langsomme sideinnlastingstider som hindret brukeropplevelsen og vanskeligheter med å administrere og oppdatere nettstedet effektivt.
• Etter å ha migrert til BigCommerce, implementerte Combat Corner en headless-løsning med et React-grensesnitt på WordPress Engines Atlas-plattform. Denne integrasjonen forbedret ikke bare nettstedets ytelse og brukernavigasjon, men ga også fleksibiliteten som trengs for å administrere og oppdatere nettbutikken effektivt, noe som sikret en sømløs kundeopplevelse på tvers av enheter.
• For å se flere eks.ampFor å lære mer om headless commerce i aksjon, sjekk ut vår side med casestudier om BigCommerce.

Det siste ordet

• Tallene lyver ikke – kundene ønsker bedre nettopplevelser.
• PwC fant ut at 73 % av kundene sier at kundeopplevelsen er det viktigste de vurderer når de bestemmer seg for om de skal kjøpe fra et selskap.
• Heldigvis baner hodeløse handelsløsninger vei for bedrifter å bygge innholds- og opplevelsesdrevne nettbutikker – samtidig som de oppnår mer fleksibilitet, raskere tid til markedet og større skalerbarhet.

Ofte stilte spørsmål