Beste headless CMS voor Shopify: DatoCMS, Sanity, of zijn metaobjects genoeg?

DatoCMS, Sanity, of heb je genoeg aan Shopify metaobjects? Een eerlijke vergelijking voor Shopify-merken: werken met de editor, EU-hosting, prijzen en wanneer je wat kiest.

In het kort: Op zoek naar het beste headless CMS voor Shopify? Kijk eerst of je er wel een nodig hebt. Heeft je webshop vooral extra productinformatie en een paar landingspagina's nodig? Gebruik dan Shopify metaobjects. Een extra CMS is dan niet nodig. Verkoop je veel via content (verhalen, campagnes, meerdere landen en talen) en laat je een eigen Next.js-site bouwen? Dan is een apart CMS de moeite waard. Wij kiezen voor de meeste Europese merken DatoCMS: je team leert het snel en de data staat in de EU. Sanity past beter als je eigen developers het hele beheerscherm zelf in code willen bouwen.

Goed om te weten: wij zijn DatoCMS-partner. Ons advies komt uit de Shopify- en DatoCMS-projecten die we zelf hebben gebouwd en beheren.

Wat is een headless CMS?

In een CMS schrijf en beheer je content. Een headless CMS bewaart alleen die content. Het bepaalt niet hoe je website eruitziet. Je developer haalt de content op via een API (een vaste manier waarop twee systemen data uitwisselen) en bouwt de website eromheen.

Voor Shopify-merken betekent dat meestal een eigen website in Next.js. Shopify blijft producten, prijzen, winkelwagen en checkout regelen. Het CMS regelt pagina's, verhalen en campagnes.

Wat je ervoor terugkrijgt: marketing past content op één plek aan, en developers bouwen de site zonder vast te zitten aan een Shopify-theme. Wat het kost: één systeem extra om in te richten, te betalen en bij te houden. De eerste vraag is dus niet "welk CMS?", maar "hebben we er een nodig?"

Heb je een apart CMS nodig naast Shopify?

Vaak niet. Shopify heeft een eigen manier om content gestructureerd op te slaan: metaobjects. Zie een metaobject als een eigen soort content, zoals "ingrediënt" of "winkel", met velden die je zelf kiest.

Volgens de documentatie van Shopify kan een webshop tot 128 metaobject-definities hebben (256 op Plus). Elke definitie kan tot 40 velden en tot 1.000.000 items hebben (Shopify.dev). Je kunt elk item ook een eigen pagina geven, met een template dat je in de theme-editor instelt (Shopify Help Center).

Metaobjects zijn meestal genoeg als:

• je een standaard Shopify (Plus) theme gebruikt en dat zo wilt houden
• je content bestaat uit productspecificaties, ingrediënten, maattabellen, FAQ's, ambassadeurs of winkelpagina's
• één team één of twee landen doet
• je geen extra abonnement en extra login wilt

Een apart CMS is zinvol als:

• verhalen en campagnes een groot deel van je verkoop dragen
• marketing zelf nieuwe landingspagina's wil bouwen uit kant-en-klare blokken, zonder developer
• je in meerdere talen publiceert, met andere content per land
• dezelfde content ook buiten de webshop moet staan (een merksite, een app, een eventsite)
• je toch al een eigen website laat bouwen, voor meer vrijheid in design of snelheid

Op onze pagina over e-commerce lees je wanneer we een eigen (headless) Shopify-site bouwen en wanneer we bij een standaard Shopify-theme blijven.

DatoCMS, Sanity en Shopify metaobjects naast elkaar

Metaobjects zijn geen CMS. Het is gestructureerde data die in Shopify zelf zit. Ze staan in deze tabel als de optie "geen extra CMS", zodat je ziet wat je wint en wat je mist als je DatoCMS of Sanity toevoegt.

Wanneer Shopify metaobjects genoeg zijn

Metaobjects staan direct naast je producten. Er hoeft niets gesynct te worden, dus er kan ook niets uit de pas lopen. Je team past ze aan in de Shopify-admin die ze al kennen. Een theme-developer kan de velden direct in theme-secties tonen.

Voor een merk met een goed gebouwd Shopify-theme dekken een paar duidelijke metaobject-types vaak alles wat marketing nodig heeft. Bijvoorbeeld: ingrediënt, collectieverhaal, ambassadeur en FAQ-groep.

Waar metaobjects tekortschieten:

• Vrij pagina's bouwen. Elk item kan een eigen pagina krijgen, maar een campagnepagina met allerlei verschillende blokken vraagt nog steeds theme-werk.
• Content buiten Shopify. Heeft een merksite of app dezelfde content nodig? Dan moet je die toch via de API van Shopify ophalen.
• Andere content per land. Andere verhalen, andere reviewers en een andere werkwijze per markt: daar gaat een apart CMS zich terugbetalen.

En bij een headless Shopify-site? Ook dan kunnen metaobjects genoeg zijn. Je Next.js-frontend haalt ze via de Storefront API van Shopify op, net als je producten (Shopify.dev). Voor eenvoudige, vaste content zoals specificaties, ingrediënten of FAQ's werkt dat prima, los of naast een CMS. Wat je dan mist, zijn de dingen die een headless CMS wél heeft: pagina's bouwen uit blokken, een live preview van je eigen frontend, en een redactieproces met concepten, planning en rollen.

Wanneer DatoCMS het beste headless CMS voor Shopify is

DatoCMS is onze standaard voor headless Shopify-webshops. De belangrijkste reden: marketingteams kunnen er zonder training mee werken. Je team bouwt pagina's uit contentblokken die we voor het merk ontwerpen. Blokken verschuiven kan, het design kapotmaken niet.

DatoCMS slaat ook al zijn data op in de EU (Ierland). Voor Nederlandse en Europese klanten scheelt dat een ronde vragen over waar de content staat.

Twee projecten laten zien hoe we het werk tussen DatoCMS en Shopify verdelen:

The Laundry Story: verhalen die producten verkopen. Bij The Laundry Story bepaalt DatoCMS welke pagina's er zijn en hoe ze zijn opgebouwd. Het team maakt nieuwe pagina's uit blokken, zonder developer. Shopify is de baas over product- en collectiepagina's. Schrijft niemand extra content bij een product? Dan staat de pagina toch compleet online, rechtstreeks uit Shopify. We bouwden een DatoCMS-plugin waarmee je team Shopify-producten, varianten en collecties aan een contentblok koppelt door ze uit een lijst te kiezen. Geen ID's kopiëren. De site draait op Next.js en Vercel. Pagina's worden vooraf gebouwd en verversen automatisch als de content verandert. We hebben het in drie maanden opgeleverd.

Orangefit: één headless Shopify-webshop voor meerdere landen. Voor Orangefit combineerden we Shopify, Next.js en DatoCMS met Algolia (zoeken), Firmhouse (abonnementen), Yotpo (loyaliteit) en Klaviyo (e-mail). De site draait in meerdere markten en talen. Het contentteam publiceert zelf pagina's en campagnes. Het extra CMS maakte de site niet trager: volgens de case study staan alle Core Web Vitals op groen, met een LCP van 1s, een INP van 143ms en een CLS van 0,02.

Het werkt ook zonder Shopify. Voor Milkshake Festival zetten we samen met bureau Bold Boy de site in vier weken over van Nuxt 2 naar Next.js en DatoCMS. We verhuisden zo'n 7 GB aan media. Redacteuren zien nu een live preview die bijwerkt als ze opslaan. Controleren hoort zo gewoon bij het publiceren, in plaats van een losse stap achteraf.

Twijfel je welke opzet bij je webshop past? Stuur ons je huidige setup en je contentplannen. We zeggen je eerlijk of metaobjects volstaan of dat een apart CMS de moeite waard is. In beide gevallen met een vaste prijs. Neem contact op.

Wanneer Sanity de betere keuze is

We raden Sanity aan als:

• je eigen developers het hele beheerscherm in code willen vastleggen, in hetzelfde project als de website
• je eigen beheertools nodig hebt: eigen invoervelden, goedkeuringsstappen of dashboards
• je Shopify-data in het CMS wilt hebben. De officiële Sanity Connect-app kopieert producten, varianten en collecties naar Sanity. Hij kan je eigen content ook terugsturen naar Shopify als metafields en metaobjects, zodat een Shopify-theme het ook kan gebruiken (Sanity docs)

Twee dingen om rekening mee te houden. Elk gesynct product, elke variant en elke collectie telt mee voor je documentlimiet in Sanity. Met een groot assortiment loopt dat snel op. En Sanity Studio is zo goed als de developer die het inricht. Een snelle, kale inrichting werkt voor je team slechter dan een kant-en-klare editor.

Zo maak je de keuze: 7 vragen

Loop deze vragen samen door met je marketingmanager en je developer:

1. Blijven we de komende twee à drie jaar op een standaard Shopify-theme? Zo ja: begin met metaobjects.
2. Levert content verkoop op, of ondersteunt het alleen de producten? Levert verkoop op: apart CMS. Ondersteunt: metaobjects.
3. Hoeveel landen en talen, en verschilt de content per land? Andere content per land wijst naar een apart CMS.
4. Wie bouwt nu nieuwe landingspagina's, en hoe lang duurt dat? Is het antwoord "een developer, in een week"? Dan heb je pagina's bouwen met blokken nodig.
5. Moet onze data in de EU staan, vanwege contracten of beleid? Vraag elke leverancier waar de data staat en laat het op papier zetten. DatoCMS zegt alleen in de EU te hosten.
6. Wie houdt het beheerscherm bij? Geen eigen developers? Kies een CMS dat direct goed werkt.
7. Wat kost het op onze schaal? Reken records, gebruikers, API-calls en dataverkeer door voor je echte assortiment en bezoekersaantallen, niet voor het gratis plan.

Fouten die we zien bij het kiezen van een CMS

• Kiezen op basis van de demo. Hoe je je content opzet (blokken, verbanden, landen) is belangrijker dan welk CMS je kiest. Een goede opzet gaat langer mee dan welk pakket ook.
• Productdata kopiëren naar het CMS. Houd producten, prijzen en voorraad in Shopify. Het CMS voegt content toe, het kopieert niets.
• Je team alle vrijheid geven. Een pagebuilder waarin alles kan, maakt je merk langzaam kapot. Een vaste set blokken in je eigen huisstijl houdt pagina's consistent en snel. Meer daarover op onze over-ons-pagina.
• Geen preview. Zonder live preview en automatisch verversen publiceert je team blind, of wacht het op een nieuwe build.
• Geen overdracht. Snapt maar één developer hoe alles werkt? Dan heb je het probleem alleen verplaatst. Daarom heeft ons proces een aparte stap voor de overdracht.

Veelgestelde vragen

Wat is het beste headless CMS voor Shopify?

Er is niet één beste keuze voor iedereen. Voor de meeste contentrijke Europese merken met een eigen Next.js-site raden we DatoCMS aan: je team leert het snel en de data staat in de EU. Sanity past bij teams waarvan de developers hun eigen beheerscherm willen bouwen. Webshops die op een standaard Shopify-theme blijven, zijn vaak het best af met Shopify metaobjects.

Wat is een headless CMS?

Een headless CMS bewaart je content en stuurt die via een API naar elke website of app, bijvoorbeeld een Next.js-webshop. Het bepaalt niet hoe je site eruitziet. Shopify regelt producten en checkout, het CMS regelt pagina's en verhalen.

Kunnen Shopify metaobjects een CMS vervangen?

Voor veel standaard Shopify-webshops wel. Ze werken goed voor productdetails, FAQ's en herhaalbare landingspagina's. Ze schieten tekort als je vrij pagina's wilt bouwen, content buiten Shopify wilt gebruiken of per land andere content hebt.

Is DatoCMS AVG-proof?

DatoCMS zegt dat al zijn hosting en data-opslag in de EU (Ierland) staat. Of je aan de AVG voldoet, hangt nog steeds af van hoe je een tool gebruikt. Laat je jurist daarom de verwerkersovereenkomst checken.

Is Sanity of DatoCMS goedkoper?

Dat hangt af van je schaal. Op het moment van schrijven kost Sanity Growth $15 per gebruiker per maand en begint DatoCMS Professional bij €149 per maand bij jaarbetaling. Beide hebben een gratis plan. Reken records, documenten (in Sanity ook gesyncte Shopify-producten), gebruikers en API-gebruik door op je echte schaal.

Maakt een headless CMS mijn Shopify-webshop trager?

Niet als het goed gebouwd is. Pagina's worden vooraf gebouwd en ververst als de content verandert, dus bezoekers krijgen een kant-en-klare pagina. Onze headless Orangefit-webshop met DatoCMS haalt alle Core Web Vitals.

Je CMS kiezen met ons

Het beste headless CMS is het CMS dat je team ook echt gebruikt: blokken die bij je merk passen, een duidelijke preview, en Shopify als de enige plek voor producten en prijzen. We bouwen standaard Shopify (Plus)-webshops met goed opgezette metaobjects, en headless Shopify-sites op Next.js met DatoCMS. We zeggen je welke van de twee je nodig hebt. Wil je een contentrijke website zonder webshop? Bekijk dan onze Next.js-websites.

Een nieuwe webshop in de planning, of loop je tegen je theme aan? Plan een intake en krijg een voorstel met een vaste prijs: petercoolen.com/contact, info@petercoolen.com of +31 6 57 54 60 27.

Bronnen

• Shopify.dev: Metaobject limits
• Shopify Help Center (NL): Webpagina's bouwen met metaobjecten
• Shopify Help Center (NL): Metaobjecten
• Sanity docs: Sanity Connect for Shopify
• Sanity pricing
• DatoCMS pricing
• DatoCMS community: Hosting & storage regions
• DatoCMS marketplace: Shopify product plugin