De gemiddelde Shopify-winkel converteert op 1,4%. De top 20% converteert op 3,2% of hoger. Die kloof is geen mysterie. Het is een reeks specifieke, oplosbare technische problemen die de meeste merchants nooit van dichtbij genoeg bekijken om te vinden.
Deze gids is de tactische how-to. Hij behandelt wat je moet veranderen, waar je het verandert, en wat je van elke verandering kunt verwachten. De conversie-optimalisatiestrategieën hier zijn specifiek voor Shopify’s architectuur: het Liquid theme-systeem, Shopify admin-instellingen, checkout-configuratie, appbeheer en prestatieoptimalisatie. Wil je het strategische kader (fix-volgordelogica, wanneer A/B-testen, EU-benchmarks), lees dan de Shopify CRO Complete Gids. Dit artikel is de implementatielaag.
Alles hier is specifiek voor Shopify. Het Liquid theme-systeem, de Shopify admin-instellingen, de checkout-architectuur, de apps die goed werken en de apps die dat niet doen. Als je op WooCommerce of BigCommerce zit, gelden de principes wel maar de instructies niet.
Begin met wat al kapot is
Voordat je optimaliseert, controleer wat kapot is. Ik heb meer dan 100 Shopify-winkels geaudit. Elke afzonderlijke had minstens één technisch probleem dat stilletjes conversies kostte. De meeste hadden er drie of meer.
Voer deze technische check van 30 minuten uit voordat je iets verandert:
Stap 1: Controleer je checkout op vier combinaties
Ga naar je winkel op iPhone Safari, Android Chrome (gebruik een echt Android-apparaat, niet de browser dev tools), desktop Chrome en desktop Firefox. Voeg een product toe aan de cart. Doorloop het volledige checkout-proces. Gebruik een echte testorder of een cadeaubon-code om de bevestigingspagina te bereiken.
Dingen die regelmatig kapotgaan: verzendtariefcalculators die falen op bepaalde browsers, adres-autocomplete die foutmeldingen geeft op iOS, betaalmethoden die niet correct laden, kortingscodevelden die verstopt zitten onder het mobiele toetsenbord.
Als de checkout op het ene apparaat kapotgaat en op het andere niet, heb je een browserspecifieke bug die je elke bezoeker op dat apparaat kost. Repareer die voordat je enige andere optimalisatie uitvoert.
Stap 2: Controleer de conversieratio per apparaat in Shopify Analytics
Ga naar Analytics > Reports > Online store > Sessions converted. Filter op apparaattype. Als mobiel onder de 50% van je desktopratio converteert, is je mobiele ervaring kapot. Niet onderpresterend. Kapot. De kloof tussen mobiele en desktopconversie zou onder de 40% moeten liggen.
Stap 3: Voer PageSpeed Insights uit op je productpagina
Ga naar pagespeed.web.dev. Test de URL van je best verkopende productpagina op mobiel. Noteer de Largest Contentful Paint (LCP)-score. Boven 4 seconden is een probleem. Boven 6 seconden is een crisis.
Stap 4: Controleer je zero-result zoekpercentage
Ga in Shopify Analytics naar Reports > Search > Search queries. Zoek uit hoeveel zoekopdrachten nul resultaten opleverden. Alles boven de 15% betekent dat je zoekfunctie actief kopers wegjaagt.
Documenteer wat je vindt. Alles in deze gids is waardevoller wanneer toegepast op bekende problemen in plaats van hypothetische.
Theme-optimalisatie: de technische laag met de hoogste hefboomwerking
Je Shopify-theme bepaalt paginasnelheid, mobiele lay-out en conversiekritische UI-elementen. De meeste merchants installeren een theme, passen het één keer aan en raken de onderliggende instellingen nooit meer aan. Die instellingen bepalen of je winkel op 1,4% of 3,2% converteert.
Je theme kiezen en auditen
De snelste themes op Shopify in 2026 zijn Dawn, Sense, Refresh en Crave. Allemaal zijn het door Shopify ontwikkelde of Shopify-gecertificeerde themes, gebouwd volgens moderne prestatiestandaarden. Als je theme ouder is dan 3 jaar, controleer dan of het nog updates ontvangt. Niet-onderhouden themes hopen prestatieschuld op en missen Shopify-feature-integraties.
Theme-prestatieaudit: ga naar je Shopify admin, open Online Store > Themes, en klik op “Edit” bij je live theme. Zoek in Theme settings naar deze specifieke instellingen en configureer ze:
Afbeeldingsoptimalisatie-instellingen. De meeste themes hebben een instelling voor laadkwaliteit of -formaat van afbeeldingen. Stel productafbeeldingen in op WebP-formaat indien beschikbaar. Stel lazy loading in voor afbeeldingen onder de vouw. Vermijd “eager loading” op alle afbeeldingen. Alleen de hero/eerste productafbeelding zou eager moeten laden.
Sectie-instellingen. Elke homepage-sectie in een Shopify-theme voegt laadtijd toe. Audit je homepage in de Theme Customizer. Verwijder secties die je niet actief gebruikt. Een homepage met 12 secties versus 6 secties kan 1 tot 2 seconden toevoegen aan LCP.
Lettertype-instellingen. De meeste themes laden Google Fonts, wat een DNS-lookup en een aparte request toevoegt. Als je theme je “System fonts” laat selecteren, test deze instelling. Systeemlettertypen laden direct omdat ze al op het apparaat staan. Het visuele verschil is meestal minimaal. Het prestatieverschil is meetbaar.
Productpagina-template: wat te configureren
De productpagina-template is waar de meeste theme-aanpassing naartoe zou moeten gaan. Hier is de specifieke configuratie die conversie beïnvloedt:
Mediapositie. Op desktop horen afbeeldingen links te staan, productinformatie rechts. Op mobiel horen afbeeldingen boven de productinformatie te stapelen. Beide zijn standaard, maar sommige aangepaste themes draaien dit onjuist om op specifieke breakpoints. Controleer op precies 390px breedte (iPhone 15 schermbreedte).
Type variantkiezer. Verander alle variantkiezers van dropdowns naar knop- of swatchkiezers. Zoek in de Shopify theme customizer naar “Product options” of “Variant options” in de instellingen van de productsectie. Selecteer “Button” of “Swatch” voor elk attribuuttype. Als je theme dit niet natief ondersteunt, installeer dan de “Variant Image”- of “Product Options”-secties uit de Shopify theme component library.
Voorraadindicatoren. Schakel weergave van voorraadhoeveelheid in wanneer de voorraad onder de 5 tot 10 stuks zakt. In Shopify admin: Settings > Checkout > Show product inventory level. Dit creëert legitieme urgentie zonder valse schaarste te fabriceren.
Sticky add-to-cart. Schakel de sticky ATC-balk in de theme-instellingen in als je theme dit ondersteunt. Zo niet, dan is dit een kleine ontwikkelaarsinvestering waard. Een sticky ATC-balk op mobiel levert doorgaans 8 tot 15 procent conversie-uplift op op mobiele productpagina’s.
Plaatsing reviewsectie. De samenvatting van de sterrenwaardering (gemiddelde + aantal) hoort dicht bij de producttitel. Niet onderaan de pagina. De meeste themes plaatsen standaard een reviewsectie onderaan. Verplaats de sterrenwaarderingswidget naar het gebied van de producttitel via theme-aanpassing of een sticky review-snippet uit je review-app.
Collectiepagina-template: filterconfiguratie
Voor winkels met meer dan 20 producten hebben collectiepagina’s werkende, snelle filters nodig. Shopify’s native filtering gebruikt het metafield-gebaseerde filtersysteem dat in 2021 is geïntroduceerd.
Om het in te schakelen: ga naar Online Store > Navigation > Collection and search filters. Klik op “Add filters” en voeg de productattributen toe die je filterbaar wilt maken (prijs, merk, kleur, maat, materiaal, enz.). Vind vervolgens in je theme customizer de Collection-pagina en schakel “Filter and sort” in bij de sectie-instellingen.
Cruciaal: configureer de volgorde van de filterweergave doelbewust. De meest gebruikte filters komen eerst. Voor mode: Maat, Kleur, Prijs. Voor elektronica: Merk, Prijs, Compatibiliteit. Voor meubels: Kamer, Materiaal, Prijs. Laat het niet in de standaard alfabetische volgorde staan.
Schakel de optie “Show product counts” in op filterwaarden als je theme dit ondersteunt. Dit voorkomt zero-result doodlopende straten voordat ze gebeuren.
Snelheidsoptimalisatie: de technische implementatie
Snelheid is de meest technische optimalisatie in deze gids en die met de hoogste omzetimpact. Een LCP-verbetering van 1 seconde op een winkel met €100.000 maandomzet is ongeveer €5.000 tot €15.000 aan extra maandelijkse conversie waard, afhankelijk van je startpunt.
Afbeeldingsoptimalisatie: stap voor stap
Elke afbeelding in je Shopify-winkel zou aan deze specificaties moeten voldoen vóór upload:
- Formaat: WebP (Shopify converteert JPEG en PNG automatisch naar WebP bij upload via admin, maar serveert WebP alleen aan browsers die het ondersteunen)
- Bestandsgrootte: onder 200KB voor productafbeeldingen, onder 100KB voor thumbnails
- Afmetingen: maximaal 2048px op de langste zijde voor productafbeeldingen (Shopify’s maximaal geserveerde formaat)
- Kleurprofiel: sRGB (niet CMYK. CMYK-afbeeldingen renderen niet correct in browsers)
Batch-converteer bestaande afbeeldingen: gebruik Squoosh.app (gratis, browser-gebaseerd) of Photoshop’s “Export for Web” met WebP geselecteerd. Als je meer dan 200 afbeeldingen moet herverwerken, kunnen ImageOptim of ShortPixel (betaalde apps) batchverwerking aan.
Audit welke afbeeldingen het grootst zijn: ga in Chrome DevTools naar het Network-tabblad, filter op “Img”, en laad je productpagina. Sorteer op bestandsgrootte. Vind en vervang elke afbeelding boven de 400KB.
Voor productafbeeldingssets: handhaaf consistente afbeeldingsafmetingen over alle producten in een categorie. Inconsistente beeldverhoudingen veroorzaken layout shift (CLS-problemen) en ogen onprofessioneel. Stel een standaard in: 1:1 voor mode, 4:3 voor elektronica, 3:2 voor meubels. Pas die consistent toe.
JavaScript-audit: app-bloat verwijderen
Hier verbergen zich de meeste prestatiewinsten. Elke Shopify-app die JavaScript draait op je storefront voegt laadtijd toe. Apps die op elke pagina draaien (chatwidgets, popups, reviewbadges, trustbadges, cookiebanners) zijn de ergste boosdoeners.
Hoe te auditen wat er draait:
Open in Chrome DevTools het Network-tabblad, filter op “JS”, laad je productpagina met gewiste cache. Sorteer op bestandsgrootte. Elk script van een ander domein dan je winkel-URL of cdn.shopify.com is een third-party app-script.
Voor elk third-party script:
- Identificeer bij welke app het hoort (controleer het domein of de bestandsnaam)
- Controleer of die app actief omzet genereert (niet alleen geïnstalleerd en vergeten)
- Als je de app niet in omzettermen kunt rechtvaardigen, verwijder hem
Apps met de hoogste prestatiekosten die vaak vergeten worden:
- Oude review-apps (vervangen door een nieuwe maar niet gedeïnstalleerd)
- Instagram feed-apps die op elke pagina laden
- Abandoned cart-apps vervangen door Klaviyo maar nooit verwijderd
- Widget-apps van eerdere marketingcampagnes die nog steeds draaien
- Currency converter-apps op winkels die maar in één valuta verkopen
Deïnstalleer, schakel niet alleen uit. Een uitgeschakelde app in Shopify admin heeft vaak nog steeds code ingebed in je theme.liquid-bestand. Controleer na deïnstallatie Online Store > Themes > Edit code en zoek naar de scripttags van de app in theme.liquid. Verwijder eventuele overblijfselen.
Stel niet-kritische scripts uit:
Voor app-scripts die je nodig hebt maar niet bij de eerste pagina-load, voeg defer- of async-attributen toe. Dit vereist het bewerken van theme.liquid of het app embed-blok. Voorbeeld: als je chatwidget-script in theme.liquid staat, verander <script src="chat.js"> naar <script src="chat.js" defer>. De widget laadt nadat de pagina interactief is in plaats van de initiële render te blokkeren.
Let op: sommige apps gebruiken Shopify’s App Embed-systeem, dat het laden van scripts automatisch afhandelt. Apps die App Embeds gebruiken gedragen zich over het algemeen beter dan apps die direct in theme.liquid injecteren.
Core Web Vitals: CLS repareren
Cumulative Layout Shift (CLS) meet hoeveel de pagina-lay-out springt tijdens het laden. Hoge CLS-scores frustreren gebruikers en schaden SEO. Doel: CLS onder 0,1.
Veelvoorkomende CLS-bronnen op Shopify-winkels:
Afbeeldingen zonder afmetingen. Wanneer een afbeelding laadt zonder dat de width/height-attributen zijn ingesteld, weet de browser niet hoeveel ruimte hij moet reserveren. De omringende inhoud springt wanneer de afbeelding laadt. Fix: zorg in je Liquid theme-templates dat alle <img>-tags width- en height-attributen bevatten die overeenkomen met de werkelijke afbeeldingsafmetingen.
Lettertypen die laat laden. Webfonts die laden nadat de pagina rendert, zorgen ervoor dat tekst springt of herschikt. Fix met font-display:swap in je CSS, of schakel over naar systeemlettertypen in de theme-instellingen.
App-banners of popups die na het laden worden geïnjecteerd. Cookie-consentbanners die de pagina-inhoud naar beneden duwen, veroorzaken CLS. Het juiste patroon is om de banner te overlappen zonder de pagina-lay-out te beïnvloeden, of de ruimte te reserveren voordat de banner laadt. Controleer de configuratie van je GDPR-consenttool.
Lazy-loaded afbeeldingen met verkeerde placeholdergrootte. Als je theme lazy loading gebruikt maar niet de juiste placeholderhoogte instelt, breiden afbeeldingen uit in de lay-out wanneer ze laden. Fix: gebruik aspect-ratio CSS op afbeeldingscontainers om de juiste afmetingen te behouden voordat afbeeldingen laden.
Shopify checkout-instellingen: de niet-voor-de-hand-liggende configuraties
De meeste Shopify-merchants accepteren de standaard checkout-configuratie. De standaarden zijn niet geoptimaliseerd voor conversie. Dit is wat je moet veranderen.
Ga naar Shopify admin > Settings > Checkout.
Klantaccount-instellingen
Stel “Customer accounts” in op “Accounts are optional.” Vereis nooit accountaanmaak vóór aankoop. 28 procent van de shoppers haakt af wanneer ze gedwongen worden zich te registreren voordat ze kopen. Dit is de meest consistent gerepliceerde bevinding in onderzoek naar checkout-uitval.
Wil je dat klanten accounts aanmaken, bied het dan aan als een optie na aankoop op de bedankpagina. Niet als een poort vóór aankoop.
Configuratie van formuliervelden
Kies onder “Customer contact method” voor “Phone number or email” als je SMS-marketing gebruikt. Anders alleen e-mail. Minder velden in te vullen.
Stel “Shipping address phone number” in op optioneel. Verplichte telefoonvelden voegen frictie toe en zijn alleen nodig als je vervoerder ze vereist voor levering (controleer dit met je fulfilment-partner).
Overweeg onder “Tipping” om dit in te schakelen als je een DTC food- of specialty-merk bent waar fooien cultureel passend is. Sla dit over voor de meeste retail.
Orderverwerkingsinstellingen
Schakel “Automatically archive the order” in na fulfilment. Dit beïnvloedt de conversie niet maar vermindert administratieve overhead.
Belangrijker: configureer e-mailnotificaties. De abandoned checkout-e-mail (Settings > Notifications > Abandoned checkout) wordt standaard 10 uur na uitval verzonden. Verplaats dit naar 1 uur. De eerste e-mail is aanzienlijk effectiever wanneer hij verzonden wordt terwijl de aankoopbeslissing nog vers is. Als je Klaviyo gebruikt voor abandoned cart-flows, schakel deze Shopify native e-mail uit om duplicaten te voorkomen.
Configuratie Shopify Payments
Als je Shopify Payments gebruikt, configureer deze instellingen in Payments > Shopify Payments > Manage:
Schakel alle beschikbare betaalmethoden voor je regio in. In de EU: iDEAL voor Nederland, Bancontact voor België, Klarna voor Duitsland/Zweden/Oostenrijk. Laat methoden niet uitgeschakeld als je klantenbestand die markten omvat. Ontbrekende betaalmethoden zijn onzichtbare uitval.
Schakel Apple Pay en Google Pay in. Dit zijn one-tap betaalopties voor mobiele gebruikers met die wallets geconfigureerd. Apple Pay maakt aankopen mogelijk zonder enige betaalgegevens te typen op mobiele Safari. Conversie-uplift: 5 tot 15 procent op mobiel voor in aanmerking komende orders.
Schakel Shop Pay in. Shop Pay versnelt de checkout voor terugkerende Shopify-klanten op elke Shopify-winkel. Het vult verzend- en betaalgegevens automatisch in. Gemiddeld converteren Shop Pay-klanten 91 procent sneller door de checkout. Schakel het in. Het is een platformvoordeel dat geen configuratie vereist buiten activering.
Configureer testmodus en doe een echte testaankoop. Schakel in de Payments-instellingen tijdelijk de testmodus in, voer een volledige checkout uit met een testkaart, en verifieer dat elke stap werkt inclusief bevestigingsmail en bedankpagina. Schakel daarna de testmodus uit. Doe een echte aankoop met een echte kaart. Verifieer de volledige flow inclusief betalingsincasso en orderaanmaak.
Kortingsconfiguratie
Ga naar Shopify admin > Discounts. Bekijk actieve automatische kortingen. Automatische kortingen worden toegepast op alle in aanmerking komende orders zonder code. Als je een automatische korting hebt draaien van een eerdere campagne die je vergeten bent, kan die je marges uithollen zonder duidelijke attributie.
Voor kortingscodestrategie: toon je kortingsveld eerder in de checkout in plaats van later. Wanneer het invoeren van een kortingscode pas op de laatste betaalstap verschijnt, haken shoppers die een code hebben en het vergeten vaak af om ernaar te zoeken, en keren dan niet terug. Het veld op de cart of eerste checkout-stap tonen vermindert dit uitvalpatroon.
App-configuratie: meer halen uit wat je hebt geïnstalleerd
De meeste merchants installeren apps en accepteren standaardconfiguraties. Standaarden zijn gebouwd voor de gemiddelde winkel. Jouw winkel is niet gemiddeld. Dit is hoe je de high-impact apps correct configureert.
Klaviyo: de flows die opleveren
Klaviyo is de app met de hoogste omzetimpact op de meeste Shopify-winkels, maar alleen als de flows correct geconfigureerd zijn.
Abandoned cart-flow: drie-e-mailsequentie. E-mail 1 na 1 uur (hoogste openingspercentage, hoogste conversieratio). E-mail 2 na 24 uur. E-mail 3 na 72 uur met een optioneel klein aanbod (10% korting of gratis verzending) alleen in de derde e-mail. Bied geen korting in e-mail 1. Je geeft geld weg aan mensen die toch al zouden hebben gekocht.
Elke e-mail moet bevatten: productafbeelding uit de verlaten cart, productnaam, prijs, een duidelijke “Voltooi je aankoop”-CTA, en niets anders dat om aandacht concurreert. Eén CTA per e-mail.
Configureer e-mail 1 als tekstrijk en persoonlijk. “Je hebt iets laten liggen” werkt beter dan een volledige promotionele template voor het eerste contactmoment. Bewaar de branded template voor e-mails 2 en 3.
Post-purchase flow: e-mail op dag 7 met een verzoek om een review. Voeg een productafbeelding, een 5-sterren grafiek en een directe link toe om een review achter te laten op je reviewplatform. Tweede e-mail op dag 14 met aanbeveling van een complementair product. Derde e-mail op dag 30 voor verbruiksproducten met een herinnering om opnieuw te bestellen.
Winback-flow: e-mail op dag 60 voor klanten die niet zijn teruggekeerd. E-mail op dag 90 met een kleine incentive. De meeste merchants draaien geen winback-flows. De klanten in dit segment hebben de hoogste aankoopwaarschijnlijkheid van elk koud segment, omdat ze je winkel al vertrouwen.
Segmenteer je flows. Stuur niet dezelfde abandoned cart-e-mail naar iemand die een order van €15 verlaat als naar iemand die een order van €300 verlaat. Hoogwaardige afhakers krijgen een telefoontje van je team als het volume het toelaat, of een meer gepersonaliseerde e-mail die het specifieke product noemt. Laagwaardige afhakers krijgen de standaardflow.
Judge.me: configuratie voor SEO en conversie
De twee standaard Judge.me-instellingen die de meeste winkels verkeerd laten staan:
Timing van reviewverzoek: standaard verzonden na orderplaatsing. Verander naar “after delivery.” Klanten kunnen geen product reviewen dat ze nog niet hebben ontvangen. Verzenden vóór levering genereert geen reviews en verspilt een e-mailverzending.
In Judge.me > Settings > Review Request > Timing: stel in op “X days after delivery.” Voor de meeste productcategorieën is 7 tot 10 dagen juist. Voor producten die tijd nodig hebben om te evalueren (supplementen, skincare, complexe elektronica), verleng naar 14 tot 21 dagen.
Review schema markup: verifieer dat het ingeschakeld is. In Judge.me > Settings > SEO > Enable rich snippets. Dit voegt gestructureerde data toe die sterrenwaarderingen in Google-zoekresultaten weergeeft. Winkels met review-schema zien 10 tot 20 procent hogere doorklikpercentages op product-gerichte zoekverkeer. Het is een configuratie van 30 seconden die de meeste winkels niet hebben gedaan.
Schakel Q&A in Judge.me in. Beantwoorde vragen op productpagina’s bouwen vertrouwen op voor toekomstige kopers en verminderen pre-aankoop supportverzoeken. Reageer binnen 24 uur op elke Q&A.
Searchie / Boost Commerce: zoekconfiguratie
Als je een zoek-app hebt geïnstalleerd maar deze niet hebt geconfigureerd buiten de standaardsetup, mis je het grootste deel van zijn waarde.
Synoniemconfiguratie: voeg synoniemen toe voor elke productcategorie waar klanten andere woorden gebruiken dan je catalogus. Bouw een synoniemenlijst op uit je zero-result zoekopdrachten. Als klanten “bank” zoeken en je catalogus “sofa” gebruikt, voeg dat synoniempaar toe. Doe dit voor 20 tot 30 paren op basis van je zero-result data.
Boost-regels: configureer welke producten het hoogst ranken voor dubbelzinnige zoekopdrachten. Producten op voorraad zouden boven niet-voorraad moeten ranken. Producten met hoge marge boven equivalenten met lage marge. Recent gekochte producten boven slow-movers. Deze boost-signalen vereisen 15 minuten om te configureren en verbeteren de resultaatkwaliteit onmiddellijk.
Zoekanalytics-dashboard: in beide apps is er een analyticssectie die topzoekopdrachten, zero-result zoekopdrachten en doorklikdata per zoekopdracht toont. Bekijk dit maandelijks. De zero-result lijst is je bron voor uitbreiding van het synoniemenwoordenboek. De lage-CTR lijst is je ranking-probleemlijst.
Autocomplete-configuratie: schakel weergave van productafbeeldingen in autocomplete-suggesties in. Tekst-alleen autocomplete presteert aanzienlijk slechter dan afbeelding-autocomplete. Stel het aantal autocomplete-suggesties in op 5 tot 7. Schakel trending zoekopdrachten in wanneer de zoekbalk gefocust maar leeg is.
Microsoft Clarity: de data lezen
Clarity is gratis en de meest nuttige diagnostische tool op Shopify. Installeer het en configureer deze dingen:
Sessiefilters voor analyse: filter sessies op apparaattype (mobiel vs desktop) en op paginatype (productpagina, cart, checkout). Segmenteer voordat je kijkt. Mobiele productpagina-sessies op je best verkopende product zijn het startpunt met de hoogste prioriteit.
Heatmap-analyse: kijk op je productpagina waar gebruikers klikken en waarheen ze scrollen. Als er geklikt wordt op niet-klikbare elementen, ziet iets eruit alsof het klikbaar is terwijl dat niet zo is. Als de heatmap toont dat scrollen consistent op één punt stopt, wordt iets of verwarrend voor gebruikers of bevredigt het hun behoefte op dat punt.
Rage click-analyse: Clarity markeert automatisch sessies met rage clicks (snelle herhaalde klikken op hetzelfde element). Dit zijn gebruikers die een kapotte interactie ervaren. Sorteer op aantal rage clicks en bekijk de top 10 sessies. Ze laten je precies zien wat er kapot is.
Dead click-analyse: klikken die geen reactie opleveren. Op mobiel onthult dit vaak elementen die tikbaar lijken maar het niet zijn, of touch targets die te klein zijn om betrouwbaar te registreren.
Specifieke Shopify-features die de meeste merchants onderbenutten
Metafields voor productdata
Shopify Metafields laten je gestructureerde data opslaan op producten, varianten en collecties. De meeste merchants gebruiken ze niet. Degenen die dat wel doen kunnen informatie op productpagina’s tonen die anders een ontwikkelaar zou vereisen.
Stel metafields in voor: productafmetingen (breedte, diepte, hoogte), wasvoorschriften, ingrediënten, compatibiliteitsnotities, land van herkomst, duurzaamheidscertificeringen. Toon deze in gestructureerde secties op de productpagina.
In Shopify admin: Settings > Custom data > Products > Add definition. Maak metafield-definities voor elk attribuut. Verbind die metafields vervolgens in Theme Customizer > Product page met secties van de productpagina-template.
De conversie-impact: specifieke productdata in een gestructureerd formaat vermindert pre-aankoop onzekerheid. Een meubelproductpagina die exacte afmetingen toont in een duidelijke specificatietabel vermindert retouren en verhoogt de conversie door de vragen te beantwoorden die shoppers anders aan onderzoek zouden overlaten.
Shopify Functions voor aangepaste bedrijfslogica
Als je op Shopify Plus zit, laten Shopify Functions je het gedrag van cart en checkout aanpassen met aangepaste code. Use cases met directe conversie-impact:
- Aangepaste verzendtarieflogica (gratis verzenddrempels die per productcategorie variëren)
- Volumekortingberekening in de checkout
- B2B-prijsweergave voor ingelogde handelsaccounts
- Aangepaste zichtbaarheidsregels voor betaalmethoden op basis van cartinhoud
Voor merchants die niet op Plus zitten: equivalente functionaliteit is beschikbaar via apps zoals Rebuy (cart-aanpassing) en Bold Commerce (checkout-aanpassing voor Shopify Basic/Grow-plannen).
Shopify Markets voor multi-regio verkoop
Als je verkoopt in meerdere EU-markten, handelt Shopify Markets (beschikbaar op alle plannen) valuta-, belasting-, domein- en taalconfiguratie per markt af. Krijg het correct geconfigureerd voordat je geld uitgeeft aan internationale marketing.
De conversiekritische instellingen: toon prijzen in lokale valuta op de productpagina, niet alleen bij de checkout. Een Nederlandse shopper die gedurende zijn hele sessie een prijs in EUR ziet, heeft minder frictie dan iemand die GBP op productpagina’s ziet en EUR bij de checkout. Valutaconsistentie telt.
Schakel lokale domeinrouting in als het verkeersvolume het rechtvaardigt (example.nl voor de Nederlandse markt, example.de voor Duitsland). Aparte domeinen helpen met lokale SEO en geven shoppers een vertrouwenssignaal dat je specifiek hun markt bedient.
De implementatie-prioriteitenlijst
Als je tot hier hebt gelezen maar niet weet waar je moet beginnen, hier is je geordende implementatielijst voor de eerste 4 weken:
Week 1: Technisch fundament
- Voer de technische check van 30 minuten uit van het begin van deze gids
- Repareer onmiddellijk eventuele checkout-fouten op specifieke apparaten
- Installeer Microsoft Clarity als het nog niet draait
- Voer PageSpeed Insights uit op je productpagina; noteer je mobiele LCP-score
Week 2: Productpagina
- Verander alle variantkiezers van dropdowns naar knop-/swatchkiezers
- Schakel de sticky ATC-balk in (theme-instelling of speciale app)
- Verplaats de sterrenwaarderingssamenvatting boven de vouw (dicht bij de producttitel)
- Maak het retourbeleid zichtbaar binnen 2 scrolls van de ATC-knop op mobiel
Week 3: Snelheid en app-audit
- Audit geïnstalleerde apps; verwijder of deïnstalleer alle inactieve
- Controleer theme.liquid op weesapp-scripts; verwijder ze
- Comprimeer alle productafbeeldingen boven de 200KB
- Schakel lazy loading in voor afbeeldingen onder de vouw
Week 4: Checkout-instellingen en betalingen
- Verifieer dat klantaccounts op optioneel staan
- Schakel alle beschikbare betaalmethoden in voor je primaire markten
- Schakel Apple Pay, Google Pay en Shop Pay in als ze nog niet actief zijn
- Configureer de timing van de abandoned cart-e-mail op 1 uur
Vanaf maand 2:
- Configureer Klaviyo-flows (abandoned cart, post-purchase, winback)
- Stel synoniemen en boost-regels in je zoek-app in
- Bekijk wekelijks Clarity-sessieopnames voor nieuwe frictiepunten
- Stel review-schema in Judge.me in; verifieer dat sterrenwaarderingen in de zoekresultaten verschijnen
Wat het verschil niet maakt
Ik heb door de jaren heen veel dingen getest op Shopify-winkels. Deze produceren geen betekenisvolle, herhaalbare conversieverbetering:
Knopkleurveranderingen. Als je ATC-knop zichtbaar en contrastrijk is, is de kleur niet het probleem. De tientallen “we verhoogden de conversie met 21% door de knop oranje te maken”-casestudies die je hebt gelezen zijn vrijwel nooit reproduceerbaar omdat context alles bepaalt. Repareer zichtbaarheid als dat een probleem is. Laat het anders met rust.
Trustbadge-widgets. Third-party trustbadge-apps voegen JavaScript toe, vertragen je winkel en concurreren met je productinhoud om aandacht. Als vertrouwen het werkelijke probleem is (laag aantal reviews, geen zichtbaar retourbeleid, geen about-pagina), repareer die dingen. Een badge-afbeelding vervangt geen echte vertrouwenssignalen.
Countdown-timers op productpagina’s. Valse urgentie is voor de meeste shoppers detecteerbaar nep. Gebruik echte voorraadtellingen voor echte schaarste. Sla gefabriceerde countdowns over.
Homepage-sliders. Een homepage-carrousel met 3 slides converteert op de meeste winkels slechter dan een enkele hoogwaardige hero-afbeelding met CTA. Sliders voegen JavaScript-gewicht toe en verdelen aandacht. Kies je beste aanbod en commit eraan op de homepage.
Alles tegelijk herontwerpen. Een volledig redesignproject dat 40 dingen tegelijk verandert, produceert een resultaat dat je niet kunt interpreteren. Verbeterde of daalde de conversie door de nieuwe navigatie, de nieuwe productpagina-lay-out, de nieuwe checkout-kleuren of de nieuwe vertrouwenssectie? Je weet het niet. Maak veranderingen incrementeel. Meet elke afzonderlijk.
Technische CRO-voortgang meten
Volg deze vijf getallen maandelijks. Als je implementeert wat in deze gids staat, zouden ze in deze richtingen moeten bewegen:
Mobiele conversieratio: doel 60 tot 80 procent van de desktopconversieratio. Onder de 50 procent betekent dat er mobielspecifieke problemen blijven. Gebruik Shopify Analytics > Sessions converted > Filter by device.
Paginalaadtijd (mobiele LCP): doel onder 2,5 seconden. Meet maandelijks in PageSpeed Insights op de URL van je topproductpagina.
Checkout-voltooiingspercentage: percentage van checkout-gestarte sessies dat de aankoop voltooit. Doel: 50 tot 65 procent. Onder de 40 procent betekent checkout-specifieke frictie. In Shopify Analytics > Checkout behavior.
Zero-result zoekpercentage: doel onder 10 procent, idealiter onder 5 procent. In Shopify Analytics > Search queries.
Add-to-cart percentage: percentage van productpaginaweergaven dat resulteert in een ATC-event. Doel: 8 tot 15 procent afhankelijk van de categorie. Onder de 5 procent betekent productpagina-problemen. Volg via GA4-events of Shopify’s ingebouwde rapporten.
Omzet per bezoeker (RPV): totale omzet gedeeld door totale sessies. Deze metriek vangt veranderingen in gemiddelde orderwaarde naast veranderingen in conversieratio. Een stijging van 10 procent in RPV naast een stabiele conversieratio betekent dat je upsells of productmix-verbeteringen werken. Een vlakke RPV naast stijgende conversie betekent vaak dat je orders met lagere waarde converteert. Volg maandelijks in Shopify Analytics of GA4. Dit is het getal dat alle CRO-activiteit koppelt aan omzetuitkomsten in plaats van alleen ratioverbeteringen.
Bekijk deze getallen op de eerste van elke maand. Vergelijk met de vorige maand. De trend telt meer dan het absolute getal. Bewegen van 1,2% naar 1,4% mobiele conversie over twee maanden betekent dat je echte problemen oplost. Vlak blijven terwijl je tests draait betekent dat je de verkeerde dingen test.
Word specifiek over wat er kapot is
De winkels die 3 procent conversie bereiken zijn niet die met de meeste features of de meeste apps. Het zijn degenen die specifieke problemen identificeerden, ze systematisch repareerden en het resultaat maten.
Jouw winkel heeft specifieke problemen. De technische check van 30 minuten aan het begin van deze gids laat je zien wat ze zijn. Repareer die voordat je iets anders implementeert.
Lees sessieopnames voordat je iets verandert. 30 minuten in Microsoft Clarity op je mobiele productpagina laten je meer zien over wat er kapot is dan welk analyticsrapport dan ook.
Repareer één ding tegelijk. Geef elke fix 2 tot 3 weken om in je conversiedata te verschijnen voordat je naar de volgende gaat.
Behandel dit als een maandelijks proces, niet als een eenmalig project. Shopify werkt zijn platform continu bij. Apps veranderen van gedrag. Nieuwe apparaattypes creëren nieuwe rendering-randgevallen. De winkel die 3 procent bereikt en daar blijft, is degene die continu audit.
De kloof tussen 1,4% en 3,2% is geen mysterie. Het is een reeks specifieke technische beslissingen, waarvan je de meeste deze maand kunt nemen.
Wat je hierna moet lezen
- Shopify CRO Complete Gids - het strategische fix-volgordekader, EU-benchmarks en wanneer je A/B-tests moet draaien
- De €50.000 ecommerce fouten - de meest voorkomende conversiekillers in Shopify-winkels
- 12 tips voor ecommerce checkout-optimalisatie - checkout-specifieke fixes voor Shopify’s native en Plus checkout
- Cart abandonment fixes - het meest voorkomende Shopify conversielek en hoe je het aanpakt
Implementeer je deze veranderingen? Het ontwerpabonnement behandelt Shopify UX-optimalisatie als doorlopend werk. Boek een UX QuickScan voor een winkelspecifieke audit.