Headless e-commerce is niet zo eng als het klinkt (of misschien wel, afhankelijk van de expertise van je ontwikkelaar). In essentie betekent het dat de frontend van je e-commerceplatform is gescheiden van de backend, in tegenstelling tot een traditioneel e-commerceplatform waarbij de twee nauw met elkaar verbonden zijn.
Dit artikel gaat uitgebreid in op hoe dat eruitziet, maar is niet bedoeld als een diepgaande bespreking van de technische aspecten van headless e-commerce. In plaats daarvan richten we ons op de zakelijke kant van headless e-commerce: de voordelen, uitdagingen en enkele illustratieve voorbeelden.
Wat is headless e-commerce?
De technische definitie: headless e-commerce is een e-commercesysteem waarin de backend, waar bestellingen en betalingen worden verwerkt en gegevens worden opgeslagen, gescheiden is van de frontendinterface waarmee de gebruiker interactie heeft bij het plaatsen van een bestelling.
Als je overweegt over te stappen op headless e-commerce, heb je eigenlijk niet veel aan deze definitie. Ze staat vol jargon en geeft weinig inzicht in waarom of hoe jij en je team dit zouden kunnen aanpakken.
Een betere manier om headless e-commerce uit te leggen
Met een dienblad.
Het dienblad staat voor de backend van je e-commercesysteem en je lunch staat voor de frontend.

Bij traditionele e-commerce bepaalt het dienblad wat je voor de lunch kunt bestellen, terwijl je bij een headless e-commercearchitectuur meer flexibiliteit hebt in wat je bestelt.
Traditionele e-commerce = dienblad met vakken
Ga terug naar de kantine van je basisschool, waar je een dienblad pakt voor de lunch. Het dienblad heeft vaste vakken voor elk onderdeel van de maaltijd.
Er is een vak of zijn twee vakken voor bijgerechten, een gedeelte voor een drankje en een groot vak in het midden voor het hoofdgerecht. Je kunt kiezen uit hoofdgerechten, bijgerechten en drankjes, maar het dienblad heeft altijd dezelfde indeling en staat bijvoorbeeld niet toe dat je twee hoofdgerechten en geen bijgerechten bestelt.
Als je dat zou willen doen, heb je een volledig nieuw dienblad met een andere indeling nodig. Het kan weken of maanden duren voordat de fabrikant dit heeft gemaakt en zelfs daarna kun je besluiten dat je de eerste optie toch beter vond.
Op dezelfde manier beperkt de backend van traditionele e-commercesystemen de presentatielaag van de frontend van je e-commercesysteem. De backend en frontend zijn nauw met elkaar verbonden, dus wijzigingen aan de frontend vereisen ook wijzigingen aan de backend. Net zoals je het dienblad moet aanpassen als je tijdens de lunch twee hoofdgerechten en geen bijgerechten wilt.
Headless e-commercearchitectuur = plat dienblad
In een andere kantine pak je een dienblad voor de lunch. Dit dienblad is plat en heeft geen vakken.
Wat je voor de lunch bestelt, wordt niet beperkt door de vakken. Het dienblad en je bestelling zijn niet zo nauw met elkaar verbonden en je hebt geen verschillende dienbladen nodig als je de ene dag een hoofdgerecht en een bijgerecht bestelt en de volgende dag twee bijgerechten.
Een headless platform wordt niet beperkt door de beperkingen van de backend. Hoewel er nog steeds een verbinding bestaat tussen de backend en frontend (je hebt tenslotte nog steeds een dienblad nodig om je lunch op te dragen), ben je vrij om wijzigingen aan de een of de ander aan te brengen zonder beide te hoeven bijwerken of, om in deze vergelijking te blijven, een nieuw dienblad te moeten aanschaffen.
Een korte opmerking over inhoud en kenmerken:
Een ander aspect van e-commerce zonder vaste frontend om rekening mee te houden, zijn productkenmerken en eigenschappen.
Hier is een voorbeeld van productkenmerken en eigenschappen ter illustratie:
Stel dat een klant op zoek is naar potten en pannen.
E-commercemanagers en marketeers kunnen de producten met potten en pannen op verschillende manieren classificeren, afhankelijk van de verkopen of campagnes die ze willen promoten. Ze kunnen bijvoorbeeld afzonderlijk worden vermeld onder keukengerei, of als een set onder keukengerei-sets. Ze kunnen worden ingedeeld als aanbiedingen of opruimingsartikelen, of worden gesorteerd op kleur, formaat, het aantal items in de set enzovoort.
Het classificatiesysteem waar de kenmerken deel van uitmaken, moet op dezelfde manier worden toegepast op elke frontend die deel uitmaakt van de e-commercearchitectuur. Deze classificatiestructuur zorgt ervoor dat producten en content correct worden opgehaald via de verschillende frontends.
Laten we teruggaan naar de analogie met het lunchdienblad.
Bij kenmerken en eigenschappen die in e-commercesystemen zonder vaste frontend worden gebruikt, is een "lunchdienblad" dat aangeeft welke items kunnen worden besteld en waar ze worden geplaatst, niet nodig.
In plaats van dat bestellingen gebaseerd zijn op wat er op het dienblad past, zijn ze gebaseerd op de kenmerken van wat je als lunch wilt.
Tijdens de lunch heb je bijvoorbeeld misschien zin in iets dat:
- Pittig is.
- Groenten bevat.
- Warm wordt geserveerd.
- Een grote portie is.
- Minder dan $10 kost.
Als je deze kenmerken invoert in je lunchbestelling, krijg je misschien de keuze tussen een pittig Thais currygerecht en een pittige minestrone. Op deze manier heb je met e-commerce zonder vaste frontend meer mogelijkheden om gebruikers keuzes te bieden en je producten voor hen toegankelijk te maken.
Ik heb het gevoel dat je door deze analogie trek hebt gekregen in meer. Daarom zijn hier 6 trends in food-e-commerce om in te spelen voor groei.
Traditionele versus e-commerce zonder vaste frontend
Hoewel beide e-commercesystemen hun toepassingen hebben, is e-commerce zonder vaste frontend voor je klanten, je e-commerce team en je bedrijf als geheel waarschijnlijk de betere optie.
Voordelen van e-commerce zonder vaste frontend voor klanten
E-commerce zonder vaste frontend biedt klanten enkele belangrijke voordelen. Omdat zij uiteindelijk het succes van je e-commercebedrijf bepalen, wil je ervoor zorgen dat ze tevreden blijven.
1. Meer keuze.
Met e-commerce zonder vaste frontend kun je API's gebruiken om je backend met elke frontend te verbinden of aangepaste frontends te maken, waardoor je klanten meer manieren hebben om te winkelen dan alleen via je website. Denk aan social commerce, spraakgestuurde e-commerce of aangepaste frontends.
2. Eenvoudig bestellen.
Door meer frontendopties aan te bieden of een frontend aan te passen die het bestelproces verkort, kunnen klanten gemakkelijker bestellen. Ze hoeven niet het volledige afrekenproces van je website te doorlopen wanneer je een aangepaste frontend voor bestellen met één klik hebt.
3. Gemak.
Gemak is erg belangrijk voor klanten. Ze zullen een bestelling bij het eerste ongemak afbreken. Houd je klanten op je e-commerceplatform door ze eenvoudig en gemakkelijk te laten bestellen via hun voorkeursmethode.
Voordelen van e-commerce zonder vaste frontend voor e-commerceteams
Ook ontwikkelaars, e-commercemanagers en contentmanagers profiteren van e-commerce zonder vaste frontend. Hoewel het plannen en ontwikkelen van meerdere frontends extra werk kan lijken, compenseren de voordelen van e-commerce zonder vaste frontend dit.
1. Integratie met elk systeem.
In plaats van aan één e-commerceoplossing aan de frontend gebonden te zijn, kan je team er meerdere gebruiken om elk systeem te ondersteunen. Zo loop je geen kansen mis die andere systemen bieden. Je kunt één backend integreren met meerdere e-commercearchitecturen.
Lina Bustos, e-commercestrateeg en auteur voor Ecommerce Illustrated, legt uit:
"Nu de meeste leveranciers van e-commerceplatforms hun frontends hebben losgekoppeld van hun backends en 'headless' zijn gegaan, is headless e-commerce toegankelijker dan ooit. Tegenwoordig zijn singlepageapplicaties en progressive web apps basisvereisten, wat geweldig is voor zowel front-end- als back-endontwikkelaars, die niet langer alles wat ze doen met elkaar hoeven af te stemmen (iets wat responsive design nog ingewikkelder maakt). Pagina's die snel laden zijn ook geweldig voor klanten en conversie!"
2. Snellere updates.
Omdat de backend en frontend in headless systemen van elkaar gescheiden zijn, zijn updates sneller omdat je niet elke keer beide hoeft bij te werken. Op traditionele e-commerceplatforms vereisen wijzigingen aan de frontend ook moeilijke wijzigingen aan de backend, maar bij headless e-commerce is dat niet nodig.
3. Gemakkelijker schaalbaar.
Omdat je de backend niet hoeft bij te werken voor elke wijziging aan de frontend, is het gemakkelijker om je e-commerceoplossing op of af te schalen. Je kunt je e-commercearchitectuur naar wens aanpassen en nieuwe frontends toevoegen.
4. Flexibiliteit.
Front-endontwikkelaars kunnen flexibeler en creatiever te werk gaan, omdat ze niet worden beperkt door de beperkingen die de backend oplegt aan front-endontwikkeling. Geef je ontwikkelaars de vrijheid om met de nieuwste en beste oplossingen te komen.
5. Minder uitvaltijd.
Omdat je de backend minder vaak bijwerkt wanneer je de frontend bijwerkt, volgt daaruit dat er minder uitvaltijd is tijdens het uitvoeren en testen van updates. Updates zijn ook minder risicovol omdat je de backend niet hoeft bij te werken, waardoor er minder risico is dat deze defect raakt.
6. Hergebruik van content.
Bij traditionele e-commerce houdt het plaatsen van je content op meerdere platforms in dat je deze handmatig aan die platforms toevoegt. Met headless applicaties kun je je richten op contentcommerce en je content op veel plaatsen hergebruiken, omdat deze eenvoudig via een API kan worden aangeroepen en op elke frontend kan worden gebruikt.
7. Gebruiksvriendelijker contentmanagementsysteem.
E-commercespecialist Lina Bustos legt uit:
"Een ander groot voordeel van headless is de mogelijkheid om bedrijfsteams een gebruiksvriendelijker contentmanagementsysteem (CMS) of digitaal ervaringsplatform (DXP) te bieden waarmee ze hun content kunnen laden en regelmatig (zelfs dagelijks) wijzigingen aan de site kunnen aanbrengen zonder IT erbij te betrekken. Dit is ENORM belangrijk, want in het verleden kon zelfs het wijzigen van een banner op de homepage soms uren werk kosten en duizenden euro's kosten via een ontwikkelingspartner, laat staan het maken van geweldige landingspagina's en merchandisingfuncties."
Er is nooit een slecht moment om een betere gebruikerservaring te bieden.
Voordelen van headless e-commerce voor bedrijven
Ook voor bedrijven zijn er voordelen, waaronder het voortdurend leveren van content en het bieden van gemakkelijk bestellen aan klanten.
1. Meer flexibiliteit en maatwerk.
Met headless kun je je e-commercestrategie gemakkelijker aanpassen aan waar je klanten zijn en hoe ze kopen. Je kunt hun de front-endervaring bieden waarnaar ze op zoek zijn. Als je doelgroep bijvoorbeeld meer gebruik gaat maken van spraakgestuurd winkelen, kun je hen volgen door een aangepaste frontend te creëren die dit mogelijk maakt.
2. Wendbaarder.
Headless e-commerce houdt je wendbaar en concurrerend. Je kunt snel nieuwe front-endplatforms implementeren met weinig uitvaltijd, concurrerend blijven en voorkomen dat je achteropraakt door lange ontwikkel- en testtijden.
3. Omnichannel implementeren.
Met meer maatwerk kun je zorgen voor een naadloze ervaring op de e-commerceplatforms en in de systemen die je gebruikt als onderdeel van je omnichannelmarketingstrategie. Dit is belangrijk om je conversiepercentage te verhogen en klanten te behouden. Momenteel heeft slechts ongeveer 52% van de bedrijven omnichannel geïmplementeerd. Zorg er met headless e-commerce voor dat jij tot dat percentage behoort.
Uitdagingen van headless e-commerce
Ondanks alle voordelen van headless e-commerce zijn er uitdagingen waar e-commerceteams rekening mee moeten houden.
1. Rollen en verantwoordelijkheden beheren
Zowel bij traditionele handel als bij een headless e-commerceoplossing zijn veel teamleden betrokken bij het implementeren, onderhouden en verbeteren van de handelservaring voor klanten. Hierbij kunnen marketeers, e-commercemanagers, contentmanagers en front-end- en backendontwikkelaars betrokken zijn.
In traditionele e-commerce zijn rollen eenvoudig te definiëren, omdat iedereen onafhankelijk aan zijn taak kan werken. Contentmanagers kunnen bijvoorbeeld content bijwerken zonder dat ze daarvoor noodzakelijkerwijs input van ontwikkelaars nodig hebben.
In e-commerce zonder front-end hebben teamleden input van elkaar nodig, vooral om ervoor te zorgen dat de reis van de gebruiker coherent en naadloos verloopt. Dit kan de workflow op korte termijn vertragen, maar het kan je team ook ten goede komen, omdat teamleden door samen te werken met collega's van andere afdelingen kokervisie kunnen voorkomen.
De belangrijkste manier om vertraging te voorkomen, is workflows te definiëren die heen-en-weercommunicatie tot een minimum beperken en updates van content, ontwikkeling en de gebruikersreis stroomlijnen.
2. Contentmanagers en marketeers zijn minder zelfstandig
Omdat de front-end door ontwikkelaars met maatwerkcode moet worden gebouwd, zijn marketeers minder vrij om het systeem te openen en content toe te voegen en bij te werken dan bij een traditioneel CMS en digitaal handelsplatform. Ze hebben ondersteuning van een ontwikkelaar nodig, wat tijdrovend kan zijn en kan leiden tot verlies aan wendbaarheid.
De beste manier om dit aan te pakken is dezelfde als hierboven. Definieer een workflow waarmee marketeers zo wendbaar mogelijk kunnen werken.
3. Extra werk voor front-endontwikkelaars
Zonder standaard front-end moeten ontwikkelaars voor elke gebruikte applicatie of front-end een aangepaste versie bouwen. Dit betekent vooraf meer werk en dit proces blijft doorgaan naarmate je meer applicaties toevoegt en onderhoud nodig is.
Tijdbeheer wordt belangrijker voor front-endontwikkelaars, net als het inplannen van tijd voor testen en onderhoud. Je wilt er ook voor zorgen dat je voor elk kanaal de beste UX-praktijken volgt.
De geboorte van een nieuwe generatie e-commerce zonder front-end: microservices
Nu e-commerce zonder front-end zo gebruikelijk is, dient de volgende generatie van e-commerce zonder front-end zich aan: microservices. Deze aanpak gaat verder dan alleen het scheiden van front-end en back-end en begint het handelsplatform zelf op te splitsen.
Om inzicht in dit onderwerp te krijgen, nam ik contact op met de eerdergenoemde Lina Bustos, een e-commercespecialist en auteur voor Ecommerce Illustrated. Hier is haar uitleg van microservices en haar visie op waar de nieuwe generatie naartoe gaat:
"Omdat de meeste handelsplatforms als één systeem worden geïmplementeerd (monolithische code), zijn alle onderdelen van het platform, zoals catalogus, winkelwagen, afrekenen, klantaccounts, prijzen, betalingen en promoties, nauw met elkaar verweven. Dit betekent dat wijzigingen of updates aan het platform of de content invloed hebben op dit grote codeblok en mogelijk ergens in het platform iets kunnen breken. IT moet zeer zorgvuldig omgaan met de handelsapplicatie en zakelijke gebruikers mogen vaak niet zelfstandig updates uitvoeren (zoals promoties toevoegen, prijzen wijzigen of nieuwe categorieën maken).
Met microservices zou een promotieservice (bijvoorbeeld) een eigen applicatie zijn. En net als bij een CMS zonder front-end zouden zakelijke gebruikers (met de juiste hulpmiddelen voor zakelijke gebruikers) onafhankelijk van IT promoties kunnen toevoegen, wijzigen, verwijderen en plannen.
De microservice kan ook worden uitgebreid naar nieuwe contactpunten en ervaringen, zoals een verkoopautomaat op een luchthaven of een pop-upwinkel. Zo kunnen klanten dezelfde kortingen uit de online winkel overal toepassen waar ze het merk of de retailer tegenkomen en via hun mobiele telefoon afrekenen (door verbinding te maken met microservices voor winkelwagen, afrekenen en betaling).
Microservices kunnen ook onafhankelijk worden opgeschaald, wat de prestaties en beschikbaarheid van de site ten goede komt. Net-a-Porter bouwde bijvoorbeeld een microservicesysteem om de piek in verkeer tijdens hun halfjaarlijkse uitverkoop op te vangen (evenementen die de site ALTIJD platlegden).
Omdat analisten IT- en bedrijfsteams aanraden om meer modulaire platforms te kiezen voor e-commerce en steeds meer leveranciers microservicesarchitectuur omarmen, voorspel ik dat in 2023 steeds meer onlinehandelaren (groot en klein) deze zullen gebruiken en e-commerce zullen combineren met onconventionele contactpunten zoals spraakassistenten, chatbots en digitale toepassingen in winkels.
E-commerceplatforms zonder front-end: voorbeelden
Een goede manier om te begrijpen hoe een e-commerceplatform zonder front-end werkt, is aan de hand van concrete voorbeelden. We hebben enkele voorbeelden verzameld van e-commerceoplossingen zonder front-end die momenteel worden aangeboden.
1. About You Cloud Backbone
Backbone van About You Cloud is een e-commerce-infrastructuur die bedrijven als hun e-commerceoplossing kunnen gebruiken. Backbone is gebaseerd op API's en ondersteunt e-commerceactiviteiten zoals productbeheer, catalogusorganisatie, orderverwerking, voorraadbeheer, magazijnbeheer en meer. Met Backbone kun je dit allemaal op één plek doen via API-aanroepen. Je kunt het ook integreren met de e-commercetools die je momenteel gebruikt.
2. Elastic Path
Elastic Path biedt oplossingen voor e-commercearchitectuur, waaronder API's en e-commerceoplossingen zonder frontend. Ze bieden ook oplossingen zonder frontend voor zaken als spraakgestuurde handel en chatbots. Elastic Path werkt samen met allerlei verschillende bedrijven, van e-commerce-CRM-systemen tot adviesbureaus en webhostingdiensten, om ervoor te zorgen dat je de tools hebt die je nodig hebt om je e-commercesysteem goed te laten werken.
3. Amplience
Amplience is een e-commerceoplossing zonder frontend die ook een contentoplossing biedt. Met Amplience kan je systeem zonder frontend worden uitgebreid naar zowel handel als content. De belangrijkste focus ligt op het mogelijk maken van samenwerking tussen e-commerceteams, waaronder contentmanagers en hun teams, zodat zij de content- en e-commercekant van de zaak samen actueel kunnen houden en een samenhangende en professionele klantervaring kunnen garanderen. Dit omvat productkenmerken en classificatie, content voor productpagina's, content voor landingspagina's en eenvoudiger ontwikkelwerk.
Zo werkt de oplossing van Amplience zonder frontend.

Deze afbeelding toont een van de uitbreidingen van Amplience, waarmee e-commerceteams eenvoudig frontendmenu's kunnen maken, bijwerken en opschalen op basis van hun classificatie- en sorteermodel voor producten.

Er zijn afzonderlijke tabbladen voor productie en ontwikkeling, waardoor zowel ontwikkelaars als contentteams vanuit dezelfde plek kunnen werken. Ongeacht hoe de frontend eruitziet, blijft dit menu consistent in alle applicaties. De bovenstaande voorvertoning toont hoe dit er in de praktijk uitziet op desktop.
Amplience-uitbreiding die API-aanroepen gebruikt om productinformatie zoals prijzen, kenmerken en voorraad op te halen.
Deze afbeelding toont een andere uitbreiding van Amplience, die API-aanroepen gebruikt om productinformatie zoals prijzen, kenmerken en voorraad op te halen, zodat contentteams snel lijsten met producten kunnen samenstellen, zoals bestsellers of nieuwe uitgelichte producten.
Belangrijk is dat Amplience een manier biedt om workflows te plannen, zodat marketeers, contentteams en ontwikkelaars samen lanceringen kunnen plannen en mijlpalen kunnen inplannen. Rollen en verantwoordelijkheden worden vastgelegd en deadlines worden genoteerd. Hierdoor is het eenvoudig om contentupdates, e-commerce-updates en campagnes te plannen.
De toekomst van e-commerce zonder frontend
Tegenwoordig schommelen e-commerceconversies wereldwijd rond slechts 2.86%. Hierdoor kan een e-commercewinkel snel ten onder gaan. Dit betekent dat het belangrijker dan ooit is om aan de behoeften van je klanten te voldoen door je e-commerceoplossing op hen af te stemmen.
Een van de eenvoudigste manieren om dat te doen, is door platforms voor e-commerce zonder frontend te vergelijken met traditionele e-commerceplatforms. Nog niet genoeg bedrijven gebruiken een winkelomgeving zonder frontend en daardoor hebben ze moeite om concurrenten bij te houden die dat wel doen.
Dit is de richting waarin e-commerce zich ontwikkelt, en e-commercemanagers zouden dit vroeg moeten implementeren om de uitdagingen die ermee gepaard gaan het hoofd te bieden en het overzicht te bewaren (snap je de woordspeling?).
Blijf op de hoogte van het laatste nieuws over e-commerce zonder frontend en andere actuele e-commercethema's en schrijf je in voor onze nieuwsbrief! Lees daarna ons artikel over andere e-commerce-trends die de toekomst van e-commerce bepalen.
Als je nog steeds alles op een rijtje probeert te krijgen — en overweegt om voor een oplossing zonder frontend te kiezen — bekijk dan het artikel over de 10 beste opensourceplatforms voor meer inzichten en dit artikel: 10 beste e-commerceplatforms voor kleine bedrijven voor eenvoudigere oplossingen. Het zal niet lang duren voordat je een e-commerceplatform zonder frontend vindt dat aan je eisen voldoet.






