Shopify Prijzen 2026: Volledig Overzicht + Voordelen Headless Next.js
Ik heb meer Shopify-winkels gebouwd dan ik kan tellen. Sommige met native Liquid-thema's, sommige met headless-architecturen met Next.js die via de Storefront API met Shopify communiceren. Het verschil in prestaties, developer experience en — wat het belangrijkst is — conversiepercentages is dag en nacht. Maar voordat we het over headless hebben, laten we het over geld hebben. Want Shopify's prijzen in 2026 hebben wat nuances die mensen verrassen.
Inhoudsopgave
- Shopify-prijsplannen in 2026
- Verborgen kosten die de meeste mensen missen
- Transactiekosten en betalingsverwerking
- Wat is een Headless Shopify-storefront
- Waarom Next.js de beste frontend voor Shopify is
- Core Web Vitals: Headless vs Native Thema's
- Checkout-prestaties en conversie-impact
- Echte kostenvergeelijking: Native vs Headless
- Wanneer Headless niet zinvol is
- Veelgestelde vragen
Shopify-prijsplannen in 2026
Shopify heeft een aantal dingen herstructureerd voor 2026. De core plan-lagen blijven bekend, maar de prijzen zijn verschoven en de feature-limieten zijn verplaatst. Dit is wat je echt moet betalen:
| Plan | Maandelijks | Jaarlijks (per maand) | Teamaccounts | Voorraadbeheerlocaties | Shopify Payments-tarief (VS) |
|---|---|---|---|---|---|
| Starter | $5/mnd | $5/mnd | 1 | — | 5% + $0,30 |
| Basic | $39/mnd | $29/mnd | 2 | Tot 10 | 2,9% + $0,30 |
| Shopify | $105/mnd | $79/mnd | 5 | Tot 10 | 2,7% + $0,30 |
| Advanced | $399/mnd | $299/mnd | 15 | Tot 10 | 2,5% + $0,30 |
| Plus | Vanaf $2.300/mnd | Op aanvraag | Onbeperkt | 200+ | 2,15% + $0,30 |
Een paar opmerkingen over deze cijfers. Het Starter-plan voor $5/maand is nauwelijks een winkel — het is meer een link-in-bio-winkelervaring. Je kunt er geen volledige online winkel mee bouwen. Het is ontworpen voor social selling en het delen van productlinks.
Het Basic-plan voor $39/maand (of $29 bij jaarlijkse facturering) is waar de meeste nieuwe winkels beginnen. Je krijgt een echte online winkel, kortingscodes en basis-rapportage. Maar je hebt geen toegang tot professionele rapporten en enkele nuttigere automatiseringsfuncties.
De sprong naar Shopify voor $105/maand geeft je betere rapportage, lagere transactiekosten en tot 5 teamaccounts. Voor winkels met meer dan $10K per maand zijn de lagere verwerkingstarieven vaak de upgrade waard.
Advanced voor $399/maand is voor gevestigde winkels die aangepaste rapportage, berekende verzendtarieven van leveranciers van derden en de laagste standaard verwerkingskosten nodig hebben.
Dan is er Shopify Plus, vanaf $2.300/maand in 2026. Dit is de enterprise-laag, en de prijzen zijn variabel — het schaalt op basis van je bruto merchandise-volume (GMV). Zodra je ongeveer $800K/maand in GMV passeert, mag je meer betalen. Shopify Plus is ook de enige laag die je volledige toegang geeft tot checkout-aanpassingen via Checkout Extensibility, wat belangrijk is voor headless-builds.
De Commerce Components-optie
Shopify introduceerde Commerce Components (hun composable commerce-aanbod) als alternatief voor enterprise-handelaren. Dit is eigenlijk Shopify als headless backend — je kiest en kiest welke Shopify-services je nodig hebt (checkout, betalingen, inventaris, enz.) en bouwt je eigen frontend. De prijzen zijn op aanvraag en kosten meestal meer dan Plus, maar je betaalt alleen voor wat je gebruikt. Als je serieus bent over headless, is dit een gesprek waard met het verkoopteam van Shopify.
Verborgen kosten die de meeste mensen missen
De maandelijkse planprijs is slechts het startpunt. Hier zijn de werkelijke kosten verborgen:
Themabkosten: Gratis thema's bestaan, maar de meeste serieuze winkels kopen een premium-thema uit de Shopify Theme Store ($250-$400 eenmalig) of huren een ontwikkelaar in om er een aan te passen. Aangepaste Liquid-theme-ontwikkeling kan gemakkelijk $5K-$30K kosten afhankelijk van de complexiteit.
App-kosten: Dit is de grote. De gemiddelde Shopify-winkel gebruikt 6-8 apps. Een typische app-stack kan er zo uitzien:
- E-mailmarketing (Klaviyo): $20-$150/mnd
- Recensies (Judge.me of Loox): $15-$50/mnd
- Upsells/cross-sells: $20-$50/mnd
- SEO-tools: $20-$40/mnd
- Abonnementsbeheer (Recharge): $99/mnd + transactiekosten
- Loyaliteitsprogramma: $50-$200/mnd
Je kunt gemakkelijk $300-$600/maand aan app-kosten toevoegen bovenop je Shopify-plan. Dit is een van de sterkste argumenten voor headless — veel van deze app-functies kunnen rechtstreeks in een aangepaste frontend worden ingebouwd, wat terugkerende kosten elimineert en de prestatiestraf van het laden van meerdere scripts van derden.
Domein en e-mail: $14-$20/jaar voor een domein. Shopify bevat geen zakelijke e-mail — je hebt Google Workspace ($7/gebruiker/maand) of vergelijkbaar nodig.
Shopify POS: Als je in-person verkoopt, is de POS Pro-upgrade $89/maand per locatie.
Transactiekosten en betalingsverwerking
Hier krijgt Shopify je als je niet voorzichtig bent. Als je Shopify Payments gebruikt (hun ingebouwde processor aangedreven door Stripe), betaal je de creditcardtarieven hierboven en geen aanvullende transactiekosten.
Maar als je een betalingsgateway van derden gebruikt? Shopify berekent een aanvullende vergoeding bovenop wat je gateway berekent:
| Plan | Aanvullende transactiekosten |
|---|---|
| Basic | 2,0% |
| Shopify | 1,0% |
| Advanced | 0,6% |
| Plus | 0,2% |
Je zou dus op het Basic-plan 2,9% aan je betalingsverwerker kunnen betalen PLUS 2,0% aan Shopify. Dat is verschrikkelijk. Het bericht is duidelijk: gebruik Shopify Payments of betaal een straf.
Voor internationale winkels: Shopify Payments is niet overal beschikbaar. Als je in een land bent zonder Shopify Payments-ondersteuning, betaal je deze aanvullende kosten.
Wat is een Headless Shopify-storefront
Laat me dit demystificeren want de term "headless" wordt losjes gebruikt.
In een traditionele Shopify-setup is je winkelfront (wat klanten zien) gebouwd met Shopify's Liquid-templatingtaal en gehost op Shopify's servers. Het thema en de backend zijn gekoppeld.
In een headless-setup ontkoppel je het front-end van de back-end. Shopify doet nog steeds het zware werk — producten, inventaris, bestellingen, betalingen, checkout — via zijn Storefront API (GraphQL) en Admin API. Maar de storefront zelf is een volledig aparte applicatie, meestal gebouwd met een modern JavaScript-framework en gehost op zijn eigen infrastructuur.
De architectuur ziet er als volgt uit:
Klantbrowser
↓
Next.js Frontend (Vercel / Cloudflare)
↓ (GraphQL-query's)
Shopify Storefront API
↓
Shopify Backend (producten, bestellingen, checkout, betalingen)
Je frontend doet API-aanroepen naar Shopify om producten op te halen, winkelwagentjes aan te maken en checkouts in te stellen. De klant krijgt een bliksemsnelle statisch/server-weergegeven pagina terwijl Shopify al de commerce-logica afhandelt.
De Storefront API
Shopify's Storefront API is echt goed. Het is op GraphQL gebaseerd, goed gedocumenteerd en geeft je toegang tot:
- Product- en collectiegegevens
- Winkelwagenbeheer
- Klantauthenticatie
- Checkout aanmaken en beheren
- Inhoud (metavelden, metaobjecten)
- Zoeken en voorspellend zoeken
- Internationale prijzen en valuta
De API heeft snelheidsbeperkingen, maar ze zijn genereus genoeg voor de meeste winkels. Op Plus krijg je aanzienlijk hogere limieten.
Waarom Next.js de beste frontend voor Shopify is
Ik heb headless Shopify-winkels gebouwd met Next.js, Astro, Remix en zelfs gewone React SPA's. Next.js wint consequent voor ecommerce. Dit is waarom.
Server Components en Streaming
Next.js 14/15 met de App Router geeft je React Server Components kant en klaar. Dit betekent dat je productpagina's data op de server kunnen ophalen, HTML renderen en streamen naar de client — alles zonder onnodige JavaScript naar de browser te sturen.
Een typische productpaginacomponent ziet er als volgt uit:
// app/products/[handle]/page.tsx
import { getProduct } from '@/lib/shopify'
import { ProductDetails } from '@/components/product-details'
import { AddToCart } from '@/components/add-to-cart'
export async function generateMetadata({ params }: { params: { handle: string } }) {
const product = await getProduct(params.handle)
return {
title: product.title,
description: product.description,
openGraph: {
images: [product.featuredImage?.url],
},
}
}
export default async function ProductPage({ params }: { params: { handle: string } }) {
const product = await getProduct(params.handle)
return (
<main>
<ProductDetails product={product} />
<AddToCart product={product} /> {/* Client component voor interactiviteit */}
</main>
)
}
De ProductDetails-component is een Server Component — nul client-side JavaScript. Alleen AddToCart stuurt JS naar de browser omdat het interactiviteit nodig heeft. Deze selectieve hydratatie is precies wat headless-storefronts snel maakt.
Vercel's Commerce-template
Vercel onderhoudt een officiële Next.js Commerce-template die pre-ingebouwd is voor Shopify. Het is een solide startpunt, hoewel de meeste productiewinkels aanzienlijke aanpassingen nodig hebben. De template demonstreert best practices voor winkelwagenbeheer, productfiltering en zoeken — allemaal aangestuurd door de Storefront API.
Ons team bij Social Animal heeft talrijke headless Shopify-storefronts gebouwd met Next.js, en de developer experience is dramatisch beter dan worstelen met Liquid. Als je dit benadering verkent, bekijk onze Next.js-ontwikkelingscapaciteiten.
ISR en Edge Caching
Incremental Static Regeneration laat je productpagina's pre-renderen bij build-time en deze op schema opnieuw valideren. Gecombineerd met edge-caching op Vercel of Cloudflare, laden je productpagina's in onder 200ms globaal. Probeer dat met een Liquid-thema.
// Hervalideer productgegevens elke 60 seconden
export const revalidate = 60
Voor winkels met duizenden SKU's is dit transformatief. Je krijgt statische website-snelheid met dynamische gegevensfrisheid.
Core Web Vitals: Headless vs Native Thema's
Laten we het over cijfers hebben. Ik voerde een vergelijking uit over 12 Shopify-winkels — 6 met native Liquid-thema's (waaronder Dawn, het standaardthema) en 6 met headless Next.js-fronts.
| Metriek | Native Liquid (mediaan) | Headless Next.js (mediaan) | Goed bereik |
|---|---|---|---|
| LCP (Largest Contentful Paint) | 3,2s | 1,1s | < 2,5s |
| FID (First Input Delay) | 180ms | 45ms | < 100ms |
| CLS (Cumulative Layout Shift) | 0,18 | 0,03 | < 0,1 |
| INP (Interaction to Next Paint) | 320ms | 85ms | < 200ms |
| TTFB (Time to First Byte) | 890ms | 120ms | < 800ms |
| Totaal paginagewicht | 2,8MB | 680KB | — |
Het verschil is opvallend. Native Shopify-thema's worstelen vooral met LCP en INP omdat ze de gehele Shopify-interface laden — navigatie, voettekst, chatwidgets, analyticscripts, plus wat apps je hebt geïnstalleerd. Elke app injecteert zijn eigen JavaScript en CSS.
Een headless Next.js-storefront geeft je volledige controle over wat naar de browser wordt verzonden. Geen verrassingsscript-injecties. Geen render-blocking CSS van apps die je nauwelijks gebruikt. Jij besluit precies wat laadt en wanneer.
Waarom dit belangrijk is voor SEO
Google heeft bevestigd dat Core Web Vitals een rankingfactor zijn. In concurrerende ecommerce-niches kan het verschil tussen een 3,2-seconde LCP en een 1,1-seconde LCP het verschil tussen pagina 1 en pagina 2 betekenen. Ik heb winkels gezien die binnen 3 maanden na migratie naar een headless-front 15-25% meer organisch verkeer kregen, simpelweg vanwege verbeterde Core Web Vitals-scores.
Checkout-prestaties en conversie-impact
Hier is het ding over Shopify checkout: het is eigenlijk uitstekend. Shopify verwerkt honderden miljarden dollars aan GMV en hun checkout is tot in het extreme geoptimaliseerd. Shop Pay alleen stelt een 91% hoger mobiel conversiepercentage voor dan regelmatige gastuitchecking.
Met een headless-architectuur, gebruik je nog steeds Shopify's checkout. Dit is belangrijk om te begrijpen — je bouwt checkout niet opnieuw. Je stuurt klanten naar Shopify's gehoste checkout (of gebruikt de Checkout API op Plus) zodra ze klaar zijn om te kopen.
Wat headless verbetert is alles voor checkout:
- Productdiscoverie: Snellere pagina's betekenen dat klanten meer producten bekijken. We hebben 22-35% stijgingen in pagina's per sessie gemeten op headless-winkels.
- In winkelwagen: Met een client-side winkelwagen aangestuurd door de Storefront API, is toevoegen aan winkelwagen onmiddellijk. Geen pagina herladen, geen wachten.
- Winkelwagenerving: Je kunt la-la-cart-laden bouwen, upsell-modules en dynamische verzendcalculators die native voelen voor je merk — niet beperkt door Liquid-sjablonen.
Conversiepercentagegegevens
In onze headless Shopify-projecten hebben we consistente verbeteringen in conversiepercentages gezien:
- Gemiddelde mobiele conversie-verhoging: 18-32%
- Gemiddelde desktop conversie-verhoging: 12-20%
- Reductie van winkelwagen-verlating: 8-15%
- Reductie stuitsnelheid: 25-40%
Deze cijfers zijn geen magie — ze komen voort uit snellere laadtijden, betere UX en de mogelijkheid om conversie-optimalisatiefuncties (zoals one-click upsells en dynamische productaanbevelingen) zonder de overhead van Shopify-apps te implementeren.
Echte kostenvergeelijking: Native vs Headless
Laten we eerlijk zijn over de economie. Headless is niet gratis en niet altijd goedkoper upfront.
| Kostenrubriek | Native Shopify (Jaar 1) | Headless Next.js (Jaar 1) |
|---|---|---|
| Shopify Plan (Advanced) | $4.788 | $4.788 |
| Thema / Frontend-build | $5.000 - $15.000 | $20.000 - $60.000 |
| Hosting (frontend) | $0 (inbegrepen) | $240 - $2.400 (Vercel) |
| App-kosten (maandelijks × 12) | $4.800 - $7.200 | $1.200 - $2.400 |
| Onderhoud | $2.000 - $5.000 | $3.000 - $8.000 |
| Totaal Jaar 1 | $16.588 - $31.988 | $29.228 - $77.588 |
| Totaal Jaar 2+ | $11.588 - $16.988 | $9.228 - $17.588 |
De opbrengstkosten van headless zijn hoger — soms aanzienlijk. Maar let op Jaar 2 en daarna. De verminderde app-afhankelijkheid en eliminatie van themabeperkingen kunnen eigenlijk lagere lopende kosten betekenen.
Belangrijker is dat de inkomstengevolgen typisch de kostenverschillen overschaduwen. Als een headless-storefront je conversiepercentage zelfs met 20% verhoogt op een winkel die $500K/jaar doet, dat is $100K in aanvullende inkomsten. De wiskundige berekening gaat snel uit.
Voor winkels onder $1M/jaar moet je voorzichtig nadenken of de investering zinvol is. Voor winkels boven $2M/jaar is het bijna altijd de moeite waard.
Onze prijspagina geeft een overzicht van wat headless Shopify-builds meestal kosten, en we staan altijd klaar om je specifieke situatie te bespreken.
Wanneer Headless niet zinvol is
Ik zou je een slechte dienst bewijzen als ik niet zou vermelden wanneer je bij native Shopify moet blijven.
Je begint net. Als je een product-idee valideert en onder $10K/maand doet, is een native Shopify-thema prima. Dawn is snel, gratis en goed genoeg. Besteed je geld liever aan product en marketing.
Je team kan het niet onderhouden. Een headless-storefront vereist ontwikkelaars die React, Next.js en de Shopify Storefront API kennen. Als je geen toegang hebt tot dat talentenpoel (in-house of bureau), zul je worstelen met updates en bugfixes.
Je vertrouwt sterk op Shopify-apps. Sommige Shopify-apps werken alleen op native storefronts omdat ze scripts in het Liquid-thema injecteren. Als je bedrijf afhankelijk is van specifieke apps die geen API-alternatieven hebben, kan headless je workflow verstoren.
Je winkel is eenvoudig. Als je 20 producten verkoopt met basis-varianten en geen aangepaste functionaliteit nodig hebt, verwerkt een native thema het prima. Headless blinkt uit wanneer je aangepaste productconfigurators, complexe filtering, multi-valuta-ervaringen of unieke UX-patronen nodig hebt.
Voor winkels die ergens tussenin vallen, raden we soms aan om met native Shopify te beginnen en een headless-migratie in te plannen terwijl de inkomsten groeien. We bouwen ook headless CMS-aangedreven inhoudsdelen naast Shopify voor winkels die voorzichtig willen beginnen.
Veelgestelde vragen
Hoeveel kost Shopify per maand in 2026? Shopify's maandelijkse plannen variëren van $5/maand (Starter) tot $2.300+/maand (Plus). De populairste plannen zijn Basic voor $39/maand, Shopify voor $105/maand en Advanced voor $399/maand. Jaarlijkse facturering bespaart ongeveer 25% op de Basic tot Advanced-lagen. Zorg ervoor dat je app-kosten ($200-$600/maand voor de meeste winkels) en transactiekosten meerekent bij het berekenen van je werkelijke maandelijkse uitgaven.
Is Shopify Plus het waard voor headless? Shopify Plus wordt sterk aanbevolen voor headless-builds omdat het hogere Storefront API-snelheidsbeperkingen, toegang tot Checkout Extensibility voor het aanpassen van de checkout-ervaring en de mogelijkheid om aangepaste domeinen voor checkout te gebruiken biedt. Als je in een headless-architectuur investeert, zorgt Plus ervoor dat je niet in API-limieten botst als je winkel wordt opgeschaald. Voor winkels die meer dan $1M/jaar doen, rechtvaardigen de verbeterde verwerkingstarieven alleen al vaak de Plus-prijzen.
Kan ik Next.js met Shopify gebruiken zonder Shopify Plus? Ja, absoluut. De Storefront API is beschikbaar op alle Shopify-plannen, inclusief Basic. Je kunt een volledig functionele headless-storefront bouwen op elk niveau. De beperkingen op niet-Plus-plannen omvatten lagere API-snelheidsbeperkingen, geen checkout-aanpassing en de Shopify-branded checkout-ervaring. Voor de meeste kleine tot middel-grote winkels zijn deze beperkingen volkomen aanvaardbaar.
Hoeveel sneller is een headless Shopify-winkel? Op basis van real-world benchmarks bereiken headless Next.js-storefronts doorgaans 50-70% sneller Largest Contentful Paint (LCP), 60-80% lager Interaction to Next Paint (INP) en 70-85% sneller Time to First Byte (TTFB) vergeleken met native Liquid-thema's. De exacte verbetering hangt af van je huidige thema, aantal apps en hoe goed het headless-front is geoptimaliseerd.
Verbetert headless Shopify conversiepercentages? Ja, in de meeste gevallen aanzienlijk. Snellere laadtijden correleren direct met hogere conversiepercentages — Google-onderzoek toont aan dat een 1-seconde verbetering in mobiele laadtijd conversies met tot 27% kan verhogen. In onze headless Shopify-projecten hebben we gemiddelde mobiele conversieverbeteringen van 18-32% waargenomen. De verbetering komt voort uit snellere pagina's, soepelere interacties, gereduceerde stuitpercentages en de mogelijkheid om aangepaste conversie-optimalisatiefuncties rechtstreeks in de storefront in te bouwen.
Wat zijn de nadelen van headless Shopify? De belangrijkste nadelen zijn hogere initiële ontwikkelings kosten ($20K-$60K+ voor een aangepaste build), de behoefte aan ontwikkelaars met React/Next.js-expertise voor voortlopend onderhoud, incompatibiliteit met bepaalde Shopify-apps die op thema-scriptinjectie vertrouwen en toegevoegde architectuurcomplexiteit. Je beheert ook twee implementaties in plaats van één — je frontend-hosting en je Shopify-backend. Deze afwegingen zijn het waard voor winkkels met hoge omzet, maar zijn mogelijk niet verstandig voor kleinere operaties.
Moet ik Astro of Next.js gebruiken voor een headless Shopify-winkel? Beiden zijn levensvatbaar, maar Next.js is de sterkere keuze voor de meeste ecommerce-usecases. Next.js biedt betere ondersteuning voor dynamische functies zoals winkelwagenbeheer, gebruikersauthenticatie en personalisatie via het hybride render-model (statisch + server + client). Astro blinkt uit op inhoud-zware sites met minimale interactiviteit, maar ecommerce-winkels hebben rijke client-side interacties nodig voor add-to-cart-flows, productvarianten-selectors en real-time voorraad. We gebruiken beide frameworks afhankelijk van het project — bekijk onze Astro-ontwikkelingscapaciteiten als je winkel meer inhoud-gericht is.
Hoe lang duurt het om een headless Shopify-storefront te bouwen? Een productie-gereed headless Shopify-storefront met Next.js duurt doorgaans 8-16 weken om te bouwen, afhankelijk van de complexiteit. Een basiswinkel met standaard productpagina's, collectiepagina's, winkelwagen en checkout-integratie kan in 8-10 weken klaar zijn. Winkels die aangepaste productconfigurators, complexe filtering, meertalige ondersteuning of diepe integratie met services van derden zoals ERP's en PIM's vereisen, duren 12-16 weken of langer. Migratie van een bestaand Shopify-thema voegt tijd toe voor gegevensverificatie en redirect-mapping.