Headless e-handel – egen front ovanpå en beprövad e-handelsmotor

Hur headless fungerar

I en vanlig webbshop sitter allt ihop: databasen, administrationen och sidorna som visas för kunden kommer från samma system. I en headless-lösning delar vi upp det i två delar:

• Motorn (WooCommerce, Shopify eller Medusa) håller produkter, priser, lager, kunder och ordrar. Ni administrerar butiken där som vanligt.
• Fronten är en separat webbapplikation, hos oss oftast byggd i Next.js, som hämtar data från motorn via API och visar den för kunden.

Det ger full frihet över hur butiken ser ut och beter sig, och samma motor kan försörja flera kanaler: webbshop, shoppingapp, kassasystem i en fysisk butik eller en separat B2B-portal.

När headless är värt pengarna – och när det inte är det

Headless är inte ett bättre val i sig. Det är ett dyrare och mer tekniskt val som lönar sig i vissa lägen.

Vår tumregel: om ni inte kan peka på något konkret som er nuvarande plattform hindrar er från att göra, behöver ni troligen inte headless. Börja då hellre med WooCommerce eller Shopify.

Val av motor

• WooCommerce som motor passar när ni redan har data och tillägg i WordPress, eller vill ha full kontroll över servern.
• Shopify som motor ger en stabil kassa och administration utan egen server, och fronten kan byggas fritt ovanpå.
• Medusa är en e-handelsmotor med öppen källkod som är byggd för headless från början. Den passar när affärslogiken är speciell, till exempel B2B med många prisregler.

Valet avgör var data bor, hur kassan fungerar och vad det kostar att driva lösningen. Vi rekommenderar motor efter en genomgång av era krav, inte efter vad vi helst bygger i.

Så går det till

1. Förstudie. Vi kartlägger sortiment, kanaler, integrationer och vad som inte fungerar i dag. Ni får en arkitekturskiss och ett fast pris.
2. Design. Vyer tas fram i Figma och godkänns innan utveckling, se design av webbshop.
3. Motor och data. Motorn sätts upp eller städas, och integrationer mot affärssystem och lager byggs.
4. Front. Next.js-fronten byggs med produktlistor, filter, sök, kundvagn och kassa.
5. SEO och prestanda. Server-renderade sidor, rätt metadata, sitemap och omdirigeringar från gamla adresser.
6. Test och godkännande i testmiljö, inklusive testköp med riktiga betalsätt.
7. Lansering och nära uppföljning de första veckorna.

Vad som ingår och vad som tillkommer

I priset från 75 000 kr ingår förstudie, design av huvudvyerna, front, koppling till motorn, kassa och grundläggande SEO. Utanför ligger eventuella licenser för motor och tjänster, hosting för fronten, betalavgifter och större integrationer, som prissätts separat (från 7 450 kr per integration). Använd priskalkylatorn för ett första estimat.

Det här kostar headless efter lansering

En headless-lösning har fler rörliga delar än en vanlig webbshop: två system ska uppdateras och API:erna emellan ska övervakas. Därför rekommenderar vi Drift Pro med 6 timmar support och vidareutveckling per månad och prioriterad felrättning, se drift och support. Det är en kostnad att räkna med redan i beslutet, inte något som dyker upp efteråt.

Fallgropar

• SEO som tappas vid bytet. Om fronten byggs utan server-rendering och omdirigeringar kan synligheten i Google sjunka. Vi planerar adresser och metadata från dag ett.
• Funktioner som försvinner. Tillägg som fungerade i temat, till exempel recensioner eller produktrekommendationer, måste byggas om eller kopplas via API.
• Redaktörer utan verktyg. Kampanjsidor och texter behöver kunna ändras utan utvecklare. Vi kopplar ett innehållsverktyg som passar ert team.

Checklista inför beslutet

Innan ni bestämmer er för headless, gå igenom de här frågorna internt:

1. Vilka konkreta funktioner eller kanaler kan vi inte lösa i dag, och vad kostar det oss?
2. Hur många artiklar, språk och marknader har vi nu och om två år?
3. Vem ansvarar för tekniken efter lansering, internt eller hos en leverantör?
4. Vilka system måste kopplas in: affärssystem, lager, PIM, kundregister, kassasystem?
5. Vem skriver och publicerar innehåll, och hur ofta?
6. Vilken budget finns för drift och vidareutveckling per månad, inte bara för bygget?

Kan ni svara tydligt på de flesta frågorna har ni ett bra underlag för en förstudie. Vill ni ha hjälp att väga alternativen mot varandra kan en e-handelskonsult gå igenom dem med er innan ni bestämmer plattform.