Så bygger du en onlinebutik: produkter, varukorg, kassa och lager

För att bygga en onlinebutik behöver du en produktkatalog, en varukorg, en kassa som tar betalt via en leverantör som Stripe, ett sätt att registrera ordrar och minska lagret, och en adminvy för att packa och skicka dem. En AI-appbyggare kan sätta ihop allt det utifrån en tydlig beskrivning. Det som förtjänar mest eftertanke är inte butiksfönstret utan delarna runt pengarna: när en order räknas som betald, hur lagret reserveras och hur du hanterar moms, frakt och återbetalningar.

Egen butik eller Shopify? Bestäm först

Var ärlig mot dig själv innan du bygger något.

En färdig e-handelsplattform (Shopify, Squarespace Commerce, WooCommerce och liknande) är oftast bättre när:

Du säljer fysiska produkter med fraktpriser, fraktsedlar och returer
Du behöver beräkna moms i många regioner
Ett team utan teknisk bakgrund ska lägga upp produkter och hantera ordrar varje dag
Du vill ha en appbutik med tillägg för recensioner, e-postmarknadsföring och kundklubbar
Du säljer i flera kanaler och behöver ett enda lagersaldo

Shopify har månadsabonnemang med rabatt om du betalar för ett helt år, och kortbetalningar kostar dessutom en avgift per transaktion. Kontrollera prissidan för ditt land, eftersom priserna varierar mellan regioner.

En egen butik vinner oftast när:

Produkten är ovanlig: konfiguratorer för beställningstillverkning, bokningar kombinerat med produkter, digitala nedladdningar med licenser, B2B-prislistor per kund
Butiken är en del av en större app (en kursplattform, en medlemssajt, en marknadsplats)
Du säljer ett litet sortiment och vill ha full kontroll över designen och kassaflödet
Du vill äga koden och slippa att vara instängd i en plattform

Många små säljare är bäst betjänta av en plattform. Om dina behov är vanliga är det ett bra tecken. Ta genvägen.

Vad en onlinebutik behöver

Data

Tabell	Viktiga fält
Produkter	Namn, slug, beskrivning, bilder, pris, aktiv ja/nej, kategori
Varianter	Produkt, alternativvärden (storlek, färg), SKU, prisavvikelse, lager
Ordrar	Ordernummer, kundens e-post, leveransadress, status, delsumma, frakt, moms, totalt, betalnings-ID
Orderrader	Order, variant, antal, enhetspris vid köptillfället
Lagerrörelser	Variant, förändring (+/−), orsak (försäljning, påfyllning, återbetalning, korrigering), datum
Rabattkoder	Kod, typ, belopp, utgångsdatum, användningsgräns, kommer senare, inte först

Spara priset vid köptillfället på varje orderrad. Om du ändrar ett pris nästa månad måste gamla ordrar fortfarande visa vad kunden betalade.

Sidor

Butiksdelen: startsida, kategori- eller kollektionssidor, produktsidor, varukorg, omdirigering till kassan, orderbekräftelse.
Admin: produkter och lager, ordrar med status (betald, packad, skickad, återbetald), kunder, enkel försäljningsstatistik.
Juridik och policyer: frakt, returer, integritet och villkor. Kunder letar efter dem innan de köper, och många regioner kräver vissa av dem enligt lag.

Behörigheter

Låt kunder handla utan konto. Gästutcheckning tar bort ett steg, och konton kan komma senare. Bara administratörer ska kunna se ordrar och redigera produkter. Skydda adminområdet med riktig inloggning och kontroller på servern.

Så ska kassan fungera

Det säkraste mönstret för en egen butik är en kassa på en värdad sida. Med Stripe går det till så här:

Kunden klickar på Till kassan. Din server kontrollerar priser och lager igen från databasen, och litar aldrig på det som webbläsaren skickar. Sedan skapar servern en Stripe Checkout-session.
Kunden betalar på Stripes sida. Kortuppgifterna når aldrig din server.
Stripe anropar din app via en webhook och meddelar att betalningen lyckades. Först då markerar du ordern som betald och minskar lagret.
Kunden landar på din bekräftelsesida, och du skickar ett orderbekräftelsemejl.

Det finns två misstag att undvika: att skapa den "betalda" ordern från omdirigeringen till bekräftelsesidan (kunder stänger flikar, och omdirigeringar kan förfalskas) och att räkna ut totalsumman i webbläsaren. Båda är lätta för en AI att göra fel om du inte säger något.

Stripes standardavgifter är en procentsats plus ett fast belopp per lyckad kortbetalning, utan uppstarts- eller månadsavgift (per september 2026). Den exakta satsen beror på land och kort. Bygg allt i Stripes testläge med deras testkortnummer först. Vår guide om hur du lägger till betalningar i din app går igenom nycklar, testläge och webhooks.

Beslut om moms, frakt och lager

Detta är affärsbeslut som AI:n inte kan fatta åt dig:

Moms. Om du måste ta ut försäljningsskatt eller moms, och till vilken sats, beror på var du och dina kunder finns. Stripe erbjuder en tjänst för detta (Stripe Tax), eller så kan du sätta fasta satser om din situation är enkel. Fråga en revisor om du är osäker.
Frakt. Börja med några fasta fraktpriser (inrikes, utrikes, gratis över ett belopp). Realtidspriser från transportföretag och utskrift av fraktsedlar är där plattformar som Shopify sparar mycket arbete.
Lager. Bestäm om lagret reserveras när kassan startar eller först när betalningen lyckas. För små butiker är det enklare att minska lagret vid betalning och kontrollera det precis före kassan. Det går då att sälja den sista varan av misstag, så bestäm i förväg hur du hanterar det. För lagerhantering utöver butiken, se hur du bygger en app för lagerhantering.

En första prompt som fungerar

Bygg en onlinebutik för Loam & Clay, en liten keramikstudio som säljer muggar, skålar och vaser. Butiksdelen: startsida med utvalda produkter, en butikssida med kategorifilter, produktsidor med bildgalleri, färgvarianter och lagerstatus, och en varukorg som glider in från sidan. Spara produkter, varianter, ordrar och orderrader i en databas och lägg in 10 realistiska produkter som startdata. Adminområdet (inloggning krävs) ska kunna lägga till och redigera produkter, ladda upp bilder, ändra lager och visa ordrar med status betald / packad / skickad. Knappen för kassan kan vara en platshållare tills vidare. Vi lägger till Stripe Checkout nästa steg. Varm, minimalistisk design, mobile first. Inga påhittade recensioner och inga påståenden om "fri frakt världen över".

Att starta med en platshållare för kassan är ett medvetet val: få katalogen och adminen rätt först, och koppla sedan betalningarna i ett separat steg som du kan testa ordentligt.

Byggsteg

Katalog och produktsidor, med riktiga produktnamn, priser och foton.
Varukorg som behålls vid omladdning av sidan.
Admin: produkter, varianter, lager, bilduppladdning. Skydda den med inloggning.
Stripe Checkout i testläge, där servern kontrollerar priser och lager igen.
Webhook som markerar ordrar som betalda och minskar lagret. Testa hela flödet från början till slut med ett testkort.
Orderemejl till kunden och till dig.
Policyer och SEO: sidor om frakt och returer, produkttitlar och beskrivningar, delningsbilder. Se SEO för AI-byggda webbplatser.
Gå live: byt till riktiga Stripe-nycklar, lägg en verklig liten order själv och återbetala den.

Vanliga misstag

Att lita på priser från webbläsaren. Räkna alltid om på servern.
Att markera ordrar som betalda på bekräftelsesidan i stället för i webhooken.
Att skriva över lagersiffror i stället för att registrera rörelser. Då försvinner historiken över varför lagret ändrades.
Att lansera utan sidor om frakt och returer.
Stora produktbilder. Komprimera dem och servera dem från fillagring, inte inbäddade i koden.
Att bygga önskelistor, recensioner och lojalitetspoäng innan den första försäljningen.

Löpande kostnader

Räkna med: hosting och en databas, betalningsavgifter på varje försäljning, en domän, en e-posttjänst för orderbekräftelser och eventuellt en tjänst för moms. En egen butik undviker plattformsabonnemang och appavgifter, men du tar över underhållet. När något går sönder i kassan är det ditt att laga.

Om du vill ha fler säljare än dig själv, med utbetalningar till var och en, är det en marknadsplats med andra betalningsregler. Se hur du bygger en marknadsplats.

Så bygger du den med Mythex

På Mythex beskriver du butiken och agenten bygger katalogen, varukorgen och adminen i en live-förhandsvisning, med en Postgres-databas för produkter och ordrar och fillagring för produktbilder. Mythex-dokumentationens butiksguide rekommenderar exakt den ordning som beskrivs ovan: katalog först, kassa senare.

Betalningarna använder ditt eget Stripe-konto. Du lägger in dina Stripe-nycklar som projekthemligheter och ber agenten lägga till Checkout, och sedan testar du med Stripes testkort i förhandsvisningen (Stripe-receptet). Webhooks kräver en publik URL, så publicera innan du pekar Stripe mot dem (webhook-receptet). Moms, frakt och lagersynkronisering är inte inbyggda funktioner i Mythex, och det finns ingen färdig Shopify-integration. Behöver du det som en färdig produkt är Shopify det bättre valet. Som utgångspunkt, se butiksmallarna, till exempel e-handelsbutiken.

Frågor

Kan jag bygga en onlinebutik med AI?

Ja. En AI-appbyggare kan bygga katalogen, produktsidorna, varukorgen och orderhanteringen, och koppla kassan till en betalningsleverantör som Stripe med ditt eget konto. Moms, frakt och leveransrutiner är de delar du själv måste besluta om och testa noggrant.

Behöver jag Shopify för att sälja online?

Nej. Du kan sälja med en egen butik och en betalningsleverantör som Stripe. Shopify är ändå det enklare valet om du vill ha lager, frakt, moms och appar i en och samma produkt, eller om ett team utan teknisk bakgrund ska sköta butiken varje dag.

Hur tar jag betalt i en egen onlinebutik?

De flesta egna butiker skickar kunden till Stripe Checkout, en betalningssida som Stripe är värd för, och skapar ordern när Stripe bekräftar betalningen via en webhook. Kortuppgifterna når aldrig din egen server, vilket gör det enklare och säkrare.

Hur håller jag lagersaldot korrekt?

Minska lagret först när betalningen är bekräftad, kontrollera lagret igen precis innan checkouten skapas och registrera varje förändring (försäljning, påfyllning, återbetalning) som en rörelse i stället för att skriva över ett tal. Det som säljs i andra kanaler måste uppdatera samma lagersaldo.