De Behanghal: van WooCommerce naar headless Shopify, zonder verkeer te verliezen

De uitdaging

De Behanghal verkoopt behang vanuit Zoetermeer, met ruim 30.000 rollen op voorraad en een winkel waar mensen binnenlopen om te voelen en te vergelijken. Online haalt de winkel maandelijks zo'n 1.700 bezoekers uit Google.

Die combinatie maakt een verhuizing naar een ander webshopplatform spannend. Een catalogus van deze omvang verplaatsen betekent dat elk product, elke categorie en elk blogartikel een nieuw adres krijgt. Gaat dat mis, dan verdwijnt in een weekend de vindbaarheid die je in jaren hebt opgebouwd, en merk je dat pas als de bestellingen wegblijven.

Daar kwam bij dat de winkel dingen doet die een standaardwebshop niet doet. Klanten willen weten hoeveel rollen ze nodig hebben voor hun muur, ze bestellen eerst een staal, ze vragen fotobehang op maat aan met hun eigen afbeelding, en een deel haalt de bestelling gewoon op in Zoetermeer.

De oplossing

We hebben de winkel opnieuw opgebouwd in een headless opzet. Shopify doet waar het goed in is: producten, voorraad, betalingen en de afrekening. De winkel zelf is een eigen Next.js-front-end, met de content en het blog in Strapi en het beeldmateriaal op Cloudflare R2. Zo zit je niet vast aan wat een thema toelaat, terwijl de betrouwbare kant van een bestelling bij Shopify blijft.

De verhuizing zelf begon met een inventarisatie van de oude WooCommerce-installatie: welke plug-ins deden er iets toe en welke data moest mee. Daarna volgde een migratiescript voor producten, klanten en orders, met een validatierapport zodat we konden zien wat er niet klopte in plaats van het te hopen. Tot aan de livegang hield een synchronisatie elke vier uur beide winkels in de pas, zodat we konden overstappen op het moment dat het uitkwam en niet op het moment dat de data toevallig gelijk stond.

Voor de vindbaarheid maakten we vooraf een doorverwijzing van elk oud adres naar zijn nieuwe, afgehandeld in de middleware van de site. Sitemaps, robots.txt en gestructureerde data per paginatype gingen mee, en het blog verhuisde van WordPress naar Strapi zodat de artikelen hun waarde behielden.

De meting hebben we in dezelfde beweging op orde gebracht: GA4 met Consent Mode v2, en de afrekengebeurtenissen via een eigen pixel in de Shopify-checkout. Daardoor konden we na de overstap met dezelfde meetlat vergelijken als ervoor.

De winkelspecifieke dingen zijn gewoon gebouwd: een rolcalculator die uitrekent hoeveel behang er nodig is, een staal-bestellen-flow, een offerteflow voor fotobehang waarbij de klant zijn eigen bestand uploadt, afhalen in Zoetermeer als bezorgoptie, klantaccounts en Mollie als betaalmethode.

De overstap zelf deden we in één keer: laatste synchronisatie, synchronisatie uit, de oude site op onderhoud, DNS om. Daarvoor zat een testronde met de klant en een volledige ordertest inclusief retour, daarna 72 uur waarin we meekeken op fouten, bestellingen en meetdata.