Varför en egen butik och inte Shopify
Textilvinyl säljs i många serier, och varje serie finns i ett stort antal färger och ibland flera storlekar. En kund som letar efter en viss Siser-vinyl vill se hela serien på ett ställe, jämföra färger och läsa om hur materialet pressas. Butiken säljer också till företag som beställer via mejl eller telefon och vill betala mot faktura. Vi ville kunna styra allt detta själva, utan att bygga ihop det av tillägg. Därför valde vi en egen butik. För en mindre butik med enklare sortiment hade vi rekommenderat en färdig plattform, se e-handel.
Vad vi byggde
Creative Shoppen är byggd i Next.js med React Server Components, PostgreSQL via Prisma och Better Auth för kundkonton. Sortimentet omfattar märken som Siser, Orafol, Metamark, 3M och Yellotools.
- Produktgrupper och varianter – varje serie har en egen sida med alla färger, en köpguide och egna SEO-texter.
- Statiskt genererade produktsidor – produkt-, serie- och guidesidor byggs i förväg och laddar snabbt.
- Recensioner och önskelista – kunder kan betygsätta produkter och spara favoriter i sitt konto.
- Kategorier i flera nivåer – en produkt kan ligga i flera kategorier utan att dupliceras.
- Guider – innehåll om material och tekniker som publiceras direkt från admin.
Betalningar
Kunden kan betala med Swish, kort eller Klarna. Swish är kopplat direkt mot Swish handels-API, och återbetalningar görs från adminpanelen. Kort och Klarna går via Stripe. Ett schemalagt jobb stämmer av påbörjade betalningar, så att en betalning aldrig ger två ordrar och en avbruten betalning inte blir liggande. Mer om upplägget finns i guiden Swish-integration.
Adminpanelen
Adminpanelen är byggd efter hur butiken faktiskt drivs. Där hanteras produkter, produktgrupper, kategorier, varumärken, ordrar, kunder, recensioner, betalsätt, nyhetsbrev och guider. Personalen kan också skapa ordrar manuellt för beställningar som kommer via mejl eller telefon, och välja om de ska betalas med faktura, Swish, banköverföring eller på annat sätt. Betalsätt kan slås av och på utan att koden ändras.
Försäljning efter lanseringen
Google Shopping
Butiken genererar ett eget produktflöde för Google Merchant Center. I admin syns vilka produkter som är klara att skickas och vilka som saknar något, till exempel bild eller vikt. Produkter utan bild stoppas automatiskt så att de inte avvisas av Google.
Övergivna varukorgar
Ett schemalagt jobb hittar varukorgar och kassor som lämnats utan köp och skickar ett påminnelsemejl via Resend. Kunden kan avregistrera sig, och den som slutför köpet räknas som återvunnen. Allt följs upp i admin.
Vad vi lärde oss
- Produktdata är det mesta av jobbet. Bilder, vikter och GTIN behövs för både frakt och Google Shopping, och verktyg som visar vad som saknas sparar mycket tid.
- Manuella ordrar är en verklig del av e-handel. Företagskunder beställer ofta på andra sätt än via kassan.
- Avstämning är viktigare än själva betalanropet. Det är där fel annars uppstår.
Vad det betyder för dig som kund
Funderar du på en egen webbshop med många varianter, Swish och Klarna eller egna adminflöden? Då har vi redan löst problemen i en butik vi driver själva. Läs mer om e-handel och betalningar och BankID, eller mejla info@luxegroup.se.