Shopify Hydrogen vs Liquid: wanneer kies je welke?

Hydrogen of Liquid? Wie serieus met Shopify aan de slag gaat, komt die keuze vroeg of laat tegen. Het antwoord bepaalt hoe snel je webshop is, hoeveel vrijheid je hebt in het ontwerp en wat je kwijt bent aan bouw en onderhoud.

Shopify als eCommerce-platform

Shopify is een van de grootste eCommerce-platforms ter wereld. Iedereen kan er een webshop mee openen, van de ondernemer die net begint tot het gevestigde merk met honderden medewerkers. Die populariteit heeft een reden: een winkel opzetten, producten beheren en veilig en snel afrekenen is standaard geregeld.

Wie langer met Shopify werkt, weet dat er meer dan één manier is om een webshop te bouwen. Wil je verder gaan dan een standaardthema, dan kom je uit bij twee routes: Hydrogen en Liquid.

Die twee klinken misschien als varianten van hetzelfde, maar dat zijn ze niet. Hydrogen en Liquid verschillen fundamenteel, en je keuze bepaalt hoe je webshop eruitziet en hoe hij werkt.

Hydrogen is het nieuwere framework van Shopify, gebouwd op moderne technologie als React. Liquid is de template-engine die Shopify al jaren standaard gebruikt. De meeste webshops draaien erop, omdat je er snel mee live bent zonder veel code te schrijven. In dit artikel lees je wanneer Hydrogen de betere keuze is en wanneer je beter bij Liquid blijft. Zo kies je de technologie die past bij wat je bedrijf nu nodig heeft, en bij waar het naartoe gaat.

Wat is Shopify Hydrogen?

Stel: je wilt een webshop die snel laadt en die je tot in detail naar je eigen merk kunt vormgeven. Dan is Shopify Hydrogen het bekijken waard.

Hydrogen is een framework van Shopify dat draait op React, een van de meest gebruikte JavaScript-bibliotheken. Je bouwt er een volledig eigen storefront (de voorkant van je webshop) mee: het ontwerp, de route die een bezoeker door je shop aflegt en de manier waarop hij met je producten omgaat.

De grote pluspunten zijn snelheid en vrijheid. Hydrogen werkt met server-side rendering (SSR): de pagina wordt op de server opgebouwd en staat daardoor sneller in beeld. Dat telt, want wie op een trage pagina moet wachten, klikt weg. Wil je een webshop die direct reageert, dan zit je met Hydrogen goed.

Daarnaast koppel je Hydrogen via API's makkelijk aan andere systemen. Denk aan je betaalprovider, je e-mailmarketing of je voorraadbeheer. Alles wat een API heeft, kun je aansluiten.

Die vrijheid heeft wel een prijs. Omdat je alles zelf bepaalt, heb je stevige kennis van webdevelopment nodig. Hydrogen is een goede keuze als je webshop er echt anders uit moet zien en anders moet werken, en als je een developmentteam hebt dat dat kan bouwen.

Wanneer kies je voor Shopify Hydrogen?

• Je bedrijf is al groot en je webshop vraagt om een heel specifiek ontwerp en eigen functies.

• Je shop trekt veel bezoekers, en Hydrogen houdt snelheid en prestaties onder die druk beter vast.

• Maatwerk is voor jou belangrijk, bijvoorbeeld omdat je merk ontwerpelementen vraagt die je in geen enkel thema vindt.

Hydrogen past als je het winkelen in je webshop echt beter wilt maken en zelf wilt bepalen hoe hij eruitziet en werkt. Zoek je een snelle, simpele start, dan is Hydrogen niet de juiste keuze.

Dan nu de andere kant: wat Shopify Liquid je te bieden heeft.

Wat is Shopify Liquid?

Dan Shopify Liquid, de basis waar Shopify zelf op draait. Heb je ooit een Shopify-webshop gebruikt of bezocht, dan heb je Liquid al aan het werk gezien, ook al merkte je het niet.

Liquid is een template-engine die direct in Shopify is ingebouwd. Een template-engine bouwt de voorkant (front-end) van een website op uit vaste templates, zodat je niet alles zelf hoeft te programmeren. Met Liquid maak je de weergave van je webshop met templates en een beetje aangepaste code.

Liquid is goed te leren. Ben je geen programmeur maar wil je wel een webshop die er verzorgd uitziet, dan kom je er prima mee uit. Productfoto's, omschrijvingen en prijzen voeg je toe met kleine aanpassingen aan een bestaande template. En er zijn veel kant-en-klare thema's, dus je kiest gewoon het thema dat bij de stijl van je merk past.

De sterke punten van Liquid zijn gebruiksgemak en compatibiliteit. Begin je net met online verkopen, dan is Liquid een logische keuze. Je hoeft geen webdeveloper te zijn om een goed ontworpen webshop te starten en te runnen. Bovendien biedt Shopify veel apps die al met Liquid samenwerken, zodat je niet zelf naar externe oplossingen hoeft te zoeken.

Qua maatwerk kan Liquid niet tippen aan Hydrogen. Daar staat tegenover dat het makkelijker te beheren is en je veel tijd bespaart. Liquid past bij webshops met een eenvoudiger ontwerp en bij groeiende bedrijven die snel en praktisch willen werken.

Wanneer kies je voor Shopify Liquid?

• Nieuwe webshops of merken die net beginnen met een beperkt budget. Liquid geeft je alles wat je nodig hebt, zonder gedoe.

• Een eenvoudig winkelontwerp met de nadruk op de basisfunctionaliteit.

• Makkelijk beheer: kies een bestaand thema en pas het een beetje aan.

• Je wilt je niet in code verdiepen, want Shopify regelt het meeste technische werk voor je.

Wil je snel en efficiënt een webshop die klaar is om te verkopen, zonder dat je veel code hoeft te beheersen? Dan is Shopify Liquid de juiste keuze.

Je weet nu wat Hydrogen en Liquid zijn. Tijd om ze naast elkaar te leggen, zodat je ziet welke het best bij je bedrijf past.

Shopify Hydrogen en Liquid vergeleken

Hieronder zetten we Hydrogen en Liquid op vier punten tegenover elkaar. Zo zie je waar voor jouw bedrijf het verschil zit.

1. Snelheid en prestaties

• Shopify Hydrogen: Hydrogen gebruikt server-side rendering (SSR), waardoor je pagina's sneller laden. De server verwerkt de data en inhoud van een pagina en stuurt het resultaat direct naar de browser van je bezoeker. Je webshop blijft daardoor snel, ook als er veel mensen tegelijk rondkijken. Heb je veel producten en wil je dat bezoekers lang blijven, dan is Hydrogen het overwegen waard.

• Shopify Liquid: Liquid is eenvoudiger en gebruikt client-side rendering (CSR): het meeste werk gebeurt aan de kant van de gebruiker, in de browser. Een Liquid-webshop kan prima snel zijn, maar haalt niet de snelheid van Hydrogen, zeker niet als het aantal bezoekers groeit. Voor veel bedrijven die net beginnen is de snelheid van Liquid ruim voldoende.

2. Maatwerk

• Shopify Hydrogen: Maatwerk is de grootste kracht van Hydrogen. Omdat het draait op React en een flexibele API, bepaal je zelf hoe elk onderdeel eruitziet en werkt. Wil je een ontwerp dat nergens anders te zien is, functies op maat, of heb je een creatief idee dat buiten de lijntjes valt? Met Hydrogen kun je het bouwen.

• Shopify Liquid: Liquid is beperkter in maatwerk. Met de bestaande templates kom je ver, maar complexere aanpassingen kosten meer moeite. Liquid past bij webshops die geen ingrijpende veranderingen in ontwerp of functionaliteit nodig hebben, maar er wel verzorgd uit moeten zien en goed moeten werken.

3. Beheer

• Shopify Hydrogen: Omdat Hydrogen je vrij laat in ontwerp en functionaliteit, heb je een developmentteam nodig, of in elk geval iemand die kan programmeren, om je webshop te beheren en te onderhouden. Zonder die kennis wordt dat lastig. Heb je een ervaren team, dan loopt het gewoon.

• Shopify Liquid: Liquid is juist eenvoudig te beheren. Je kiest een kant-en-klaar thema en gaat aan de slag, zonder je druk te maken over de techniek. Dat past als je je tijd aan verkopen wilt besteden en niet aan technische zaken. Ben je beginner of heb je geen developers, dan is Liquid de praktische keuze.

4. Kosten

• Shopify Hydrogen: Hydrogen vraagt om ervaren developers en meer ontwikkeltijd, en is daardoor duurder. Ook onderhoud en beheer kosten meer. Het past bij grotere bedrijven die het budget hebben om in een website op maat te investeren.

• Shopify Liquid: Liquid is voordeliger. Het platform is eenvoudiger en er zijn veel gratis en betaalde thema's, dus je hoeft niet veel uit te geven om te beginnen. Met een krap budget is Liquid de betaalbare keuze: je gaat direct live zonder veel extra kosten.

Kort samengevat

• Kies Hydrogen als je een webshop wilt die snel is, volledig op maat en klaar voor een groot bedrijf met veel wensen op het gebied van maatwerk en een groter budget.

• Kies Liquid als je een snelle, eenvoudige en betaalbare oplossing zoekt voor een webshop die er goed uitziet, zonder ingrijpende aanpassingen in het ontwerp.

Met dit overzicht kun je afwegen wat past bij je doelen en je bedrijf. Welke je ook kiest: uiteindelijk gaat het erom dat de technologie je klanten zo prettig mogelijk laat winkelen.

Zo kies je de juiste technologie voor je bedrijf

Je kent nu het verschil tussen Shopify Hydrogen en Liquid. Maar hoe maak je de keuze voor je eigen webshop? Deze vijf vragen helpen je op weg.

1. Wat heeft je bedrijf nodig?
Begin bij de vraag wat je bedrijf echt nodig heeft.

• Omvang van je bedrijf: Sta je aan het begin of is je bedrijf nog klein, dan ligt Liquid meer voor de hand. Het is goedkoper en makkelijker te beheren, en daarmee geschikt voor bedrijven die net beginnen te groeien.

• Grotere webshops: Heb je al een groter bedrijf of wil je flink opschalen, dan is Hydrogen mogelijk de betere keuze. Je krijgt meer controle over het ontwerp en de prestaties van je webshop, en die controle heb je nodig als je shop groot is en stevig moet staan.

2. Welk budget heb je?
Bekijk hoeveel geld je voor de ontwikkeling van je webshop beschikbaar hebt.

• Beperkt budget: Heb je weinig ruimte en zoek je een snelle, efficiënte oplossing, dan is Liquid de zuinigere keuze. Je kiest een thema en begint met verkopen, zonder extra kosten voor ontwikkeling of onderhoud.

• Ruimer budget: Heb je meer budget en wil je investeren in een webshop op maat, dan haal je meer uit Hydrogen. Door de flexibele mogelijkheden voor maatwerk krijgt je webshop een eigen gezicht en presteert hij beter.

3. Hoeveel maatwerk wil je?
Hoe ver wil je gaan in het aanpassen van ontwerp en functionaliteit?

• Eenvoudig ontwerp: Hoeft je ontwerp niet veel te veranderen en ben je tevreden met een bestaande template, dan is Liquid meer dan genoeg. Het houdt alles eenvoudig, zonder veel inrichtwerk.

• Eigen ontwerp en speciale functies: Wil je een uitgesproken eigen look, of functies in je webshop die je nergens standaard vindt, dan geeft Hydrogen je meer vrijheid. Je bepaalt alles zelf, van het ontwerp tot de koppelingen met andere diensten.

4. Wie gaat het doen?
Denk na over wie je webshop gaat beheren en onderhouden.

• Geen programmeerervaring: Heb je geen ervaring met code en geen developmentteam, dan is Liquid praktischer. Je kunt direct beginnen, zonder zorgen over technisch beheer.

• Een eigen developmentteam: Heb je een team met ervaring in webdevelopment dat complexere technologie aankan, dan geeft Hydrogen je de vrijheid om een webshop te bouwen die echt van jou is.

5. Waar sta je over een paar jaar?
Kies technologie die niet alleen past bij wat je nu nodig hebt, maar ook meegroeit met je bedrijf.

Voor kleinere bedrijven
Is je bedrijf nog klein en richt je je op een beperkt assortiment of een niche, dan kan Liquid dat ruim aan.

Als je bedrijf snel groeit
Wil je uitbreiden, met meer producten of meer bezoekers, dan is Hydrogen beter op die groei toegerust. Het presteert beter onder druk en schaalt makkelijker mee.

De keuze is aan jou

We hebben Shopify Hydrogen en Liquid van alle kanten bekeken. Welke kies je nu? Dat hangt af van wat je bedrijf nodig heeft: hoge snelheid en veel maatwerk, of gemak en lagere kosten.

• Hydrogen past als je maximaal maatwerk wilt, voor een webshop met een eigen ontwerp en hoge prestaties. Het is de juiste keuze als je bedrijf al flink gegroeid is en je meer controle wilt over ontwerp en functionaliteit.

• Liquid is praktischer en past bij webshops met een eenvoudig ontwerp en overzichtelijk beheer. Begin je net en zoek je een snelle, betaalbare oplossing, dan is Liquid een heel goede keuze.

Kies de technologie die past bij de omvang van je bedrijf, je budget en je doelen. Hydrogen en Liquid hebben allebei sterke kanten, en welke zwaarder weegt, hangt af van wat jij nodig hebt. Waar het om gaat: een webshop die soepel draait en klanten die tevreden zijn.

Twijfel je nog tussen Shopify Hydrogen en Liquid?

Daar helpen we je graag mee. Flatline Agency adviseert je welke technologie het best bij je bedrijf past, en bouwt je webshop daarna van het eerste ontwerp tot de lancering.

We hebben veel ervaring met het bouwen van webshops en kennen Shopify door en door. Of je nu betere prestaties wilt, een eigen ontwerp of eenvoudiger beheer: Flatline Agency is een partner op wie je kunt bouwen.

Als eCommerce-bureau dat dagelijks met zowel Hydrogen als Liquid bouwt, kunnen we je meestal na één kennismakingsgesprek vertellen welke van de twee bij je roadmap past.

Klaar om samen met onze creatives en tech leads iets echts te bouwen? Neem contact op of vul het aanvraagformulier in.