Vegan kleding · WooCommerce naar Next.js

Een webshop die Moneybird
en Sendcloud zelf bijwerkt.

IT'S PAWSOME is een kledingmerk met respect voor mens en dier, PETA Approved Vegan. De shop stond op WooCommerce, en na elke bestelling begon het overtypen: factuur in Moneybird, order in Sendcloud, voorraad met de hand. Nu raakt één betaling alle drie vanzelf.

LIVE WEBSHOP
Homepage van IT'S PAWSOME met PETA Approved vegan kleding
Een kledingmerk met respect voor mens en dier
Nederlands en Engels
Vergroten
Klant
IT'S PAWSOME
Sector
Vegan kleding, PETA Approved
Van
WooCommerce
Naar
Next.js en Supabase
Koppelingen
Mollie · Moneybird · Sendcloud
Meeverhuisd
518 productregels · 296 orders
Het probleem

Elke bestelling begon met overtypen.

Er kwam een bestelling binnen, en daarna begon het werk pas. De factuur moest in Moneybird. De order moest in Sendcloud. De voorraad moest met de hand omlaag. Bij een paar bestellingen per week valt dat te doen. Bij een actieweek is het een avond typen, en typen gaat mis.

Wat het lastiger maakte: er zat geen enkele controle op. Als je één order vergat te factureren, merkte je dat pas bij de kwartaalaangifte. Als je een verzending vergat te melden, merkte de klant het eerder dan jij.

Daar kwam een tweede vraag bovenop. De shop moest van WooCommerce af, maar de klantgeschiedenis en de vindbaarheid mochten niet sneuvelen. Wie 296 bestellingen en een paar honderd productpagina's achterlaat, begint online opnieuw op nul.

Factuur met de hand in Moneybird
Staat er meteen in
Order overtypen in Sendcloud
Staat klaar, jij kiest het label
Voorraad handmatig bijwerken
Afgeboekt bij het betalen
296bestellingen

Zoveel WooCommerce-orders zijn meeverhuisd, samen met 518 productregels en 33 oude blogadressen die nu doorverwijzen. Een klant die inlogt ziet zijn bestellingen van vóór de verhuizing gewoon staan. Verhuizen hoeft geen breuk te zijn.

Het verhaal

Van overtypen naar een keten die zichzelf bijwerkt.

De winst zit niet in een mooier scherm. Hij zit in het werk dat na een bestelling niet meer hoeft.

01 · Uitdaging

Te veel handwerk, en niets mocht verloren gaan

Een WooCommerce-shop waar elke bestelling nawerk kostte, en een verhuizing die geen order, geen klant en geen vindbare pagina mocht kosten.

02 · Aanpak

Eén plek waar een betaling wordt afgehandeld

Opnieuw gebouwd op Next.js en Supabase, met de afhandeling van een betaalde order op precies één plek in de code. Die kun je nakijken, testen en vertrouwen.

03 · Resultaat

Voorraad, factuur, zending en mail lopen mee

Na een betaling gebeurt alles vanzelf. Er blijft één beslissing bij de mens liggen, en dat is wanneer het verzendlabel eraf rolt.

Tech stackNext.jsReactTypeScriptSupabaseMollieMoneybirdSendcloudResendVercel
GeleverdMigratie uit WooCommerceMaatwerk webshopOrderafhandelingEigen mailsysteemSpaarprogrammaPartnerprogrammaNederlands en Engels
Het proces

Vier dingen die het werk uit handen namen.

De koppeling, de verzendbevestiging, het terugkomen van klanten en de verhuizing zelf.

01 · De koppeling

Eén betaling, drie systemen bij

Zodra Mollie meldt dat er betaald is, gaat er één stuk code aan het werk. Dat boekt de voorraad af, zet de factuur in Moneybird, meldt de order aan bij Sendcloud en stuurt de bevestiging. Betaalproviders sturen zo'n melding soms twee keer, dus de afhandeling is idempotent: de tweede keer gebeurt er niets.

Voorraad · afgeboekt op het moment van betalen
Moneybird · factuur en contact staan in de boekhouding
Sendcloud · order klaargezet, bewust nog zonder label
Dubbele melding · verandert niets, de afhandeling is idempotent
Klant rekent af
Mollie meldt: betaald
Eén plek in de code
De afhandeling van een betaalde order
draait idempotent, dus een dubbele melding doet niets dubbel
Voorraad
afgeboekt
Moneybird
factuur geboekt
Sendcloud
order klaargezet
Mail
klant en beheer
Geen verzendlabel

De order staat klaar in Sendcloud, het label maakt een mens aan. Wie annuleert, heeft dan nog niets bij de vervoerder aangemeld.

02 · De mail

Eén verzendbevestiging, op het juiste moment

De verzendbevestiging hangt niet aan een knop maar aan Sendcloud zelf. Zodra daar een pakket in het systeem komt, gaat de mail eruit met de track-en-tracecode erin. Elke mail wordt gelogd, dus bij een vraag over een bestelling zie je precies wat er wanneer verstuurd is en of het is aangekomen.

Getriggerd door Sendcloud · niet door een knop die iemand kan vergeten
Precies één keer · ook als het verzendsysteem hetzelfde bericht herhaalt
Verzendlog per klant · wat eruit ging, wanneer, en of het aankwam
Bounces verwerkt · een adres dat weigert, gaat op de stoplijst
MAILTIJDLIJN
Mailtijdlijn per klant in het beheer, met de bezorgstatus per verzonden mail
Alles wat naar deze klant ging
met bezorgstatus per mail
Vergroten
PRODUCT
Productpagina van IT'S PAWSOME met keuze voor maat en kleur en de voorraad per variant
Maat, kleur en voorraad
en het pootjes-saldo dat je erop spaart
Vergroten
03 · Terugkomen

Pootjes sparen, en een partnerprogramma

Een tweede bestelling kost minder dan een eerste. Daarom zit er een spaarprogramma in: één pootje per euro, honderd pootjes is vijf euro korting. Daarnaast kunnen partners met een eigen code doorverwijzen en krijgen ze commissie over wat er via hen binnenkomt.

Pootjes · één per euro, honderd pootjes is vijf euro
1+1-actie · met uitleg waarom een artikel op maat niet meedoet
Partners · eigen code, automatische commissie en uitbetaling
Mailings · in golven verstuurd, met afmelden in één klik
04 · De verhuizing

Alles mee, in twee talen

De import draaide op scripts die je opnieuw kunt starten zonder dubbele rijen, zodat je de verhuizing kunt oefenen. Oude adressen verwijzen door naar hun nieuwe plek, ook een handvol producten waarvan de importeur de naam had verminkt. De shop staat in het Nederlands en het Engels, elk met een eigen adres.

Herhaalbaar · importscripts die je zonder schade opnieuw draait
Oude links werken · 33 blogadressen plus de product- en categoriepaden
Twee talen · Nederlands en Engels, elk met een eigen adres
Bots geweerd · BotID en Turnstile op bestellen en aanmelden
Wat er meeging uit WooCommerce

Geïmporteerd met scripts die je opnieuw kunt draaien zonder dubbele rijen.

518
productregels
296
bestellingen
73
producten live
8
categorieën
37
databasemigraties
33
oude blogadressen
BotIDTurnstiletegen bots op het bestel- en aanmeldformulier
Van winkel tot werkbank

Wat de klant ziet, en wat er daarna gebeurt.

Zes schermen, van de homepage tot de order waar Mollie, Moneybird en Sendcloud samenkomen.

HOMEPAGE
Homepage van IT'S PAWSOME met PETA Approved vegan kleding
Kleding voor jou en je hond
vegan, PETA Approved
Vergroten
01 / 06

Homepage

PETA Approved vegan kleding, met de collectie en de lopende actie direct in beeld.

De hele shop

Van etalage tot achterkant.

Twaalf schermen uit de live shop en het beheer. Klik er een aan om hem groot te bekijken.

Impact & resultaten

Wat het opleverde.

Minder nawerk per bestelling, een verhuizing zonder verlies en klanten die vaker terugkomen.

3

Drie systemen, één handeling

Mollie, Moneybird en Sendcloud praten niet met elkaar, maar worden alle drie bijgewerkt door dezelfde betaalde bestelling. Wat er met de hand gebeurt is het aanmaken van het verzendlabel, en dat is een keuze geweest.

296

Geen bestelling achtergelaten

296 WooCommerce-orders en 518 productregels verhuisden mee, en 33 oude blogadressen verwijzen door naar hun nieuwe plek. Een klant die inlogt ziet zijn geschiedenis nog gewoon staan.

1x

Eén verzendbevestiging, nooit twee

De bevestiging hangt aan het verzendsysteem en wordt precies één keer verstuurd, ook als datzelfde bericht opnieuw binnenkomt. Elke verzonden mail staat in het log, met bezorgstatus.

Klaar voor jouw next win?

Doe jij de administratie nog met de hand?

Reken eens uit wat tien minuten nawerk per bestelling je per maand kost. Wij bouwen webshops waarin de boekhouding en de verzending gewoon meelopen.