Sådan bygger du en webshop: produkter, kurv, kassen og lager

For at bygge en webshop skal du bruge en produktkatalog, en kurv, en kasse der tager betaling via en udbyder som Stripe, en måde at registrere ordrer og trække fra lageret på, og en adminvisning til at pakke og sende dem. En AI-app-builder kan sætte det hele sammen ud fra en klar beskrivelse. Det, der fortjener mest eftertanke, er ikke butiksfacaden, men delene omkring pengene: hvornår en ordre tæller som betalt, hvordan lageret reserveres, og hvordan du håndterer moms, forsendelse og refusioner.

Skræddersyet shop eller Shopify? Afgør det først

Vær ærlig om dette, før du bygger noget.

En hostet handelsplatform (Shopify, Squarespace Commerce, WooCommerce og lignende) er typisk bedre, når:

• Du sælger fysiske produkter med forsendelsestakster, labels og returneringer
• Du skal beregne moms på tværs af mange regioner
• Et team uden teknisk baggrund skal tilføje produkter og behandle ordrer hver dag
• Du vil have et app-marked med tilføjelser: anmeldelser, e-mailmarkedsføring, loyalitet
• Du sælger på flere kanaler og har brug for ét samlet lager

Shopifys priser er et månedligt abonnement med rabat ved årsbetaling, og kortbetalinger koster desuden gebyrer; tjek prissiden for dit land, for priserne varierer efter region.

En skræddersyet shop vinder typisk, når:

• Produktet er usædvanligt: konfiguratorer til bestillingsvarer, bookinger kombineret med produkter, digitale downloads med licenser, B2B-prislister pr. kunde
• Shoppen er en del af en større app (en kursusplatform, et medlemssite, en markedsplads)
• Du sælger et lille katalog og vil have fuld kontrol over design og kasseflow
• Du vil eje koden og undgå at blive låst til en platform

Mange små sælgere er bedst tjent med en platform. Hvis dine behov er almindelige, er det en god ting — tag genvejen.

Hvad en webshop har brug for

Data

Gem prisen på købstidspunktet på hver ordrelinje. Hvis du ændrer en pris næste måned, skal gamle ordrer stadig vise, hvad kunden betalte.

Sider

• Butik: forside, kategori- eller kollektionssider, produktsider, kurv, omdirigering til kassen, ordrebekræftelse.
• Admin: produkter og lager, ordrer med status (betalt, pakket, sendt, refunderet), kunder, enkle salgstal.
• Juridisk og politikker: forsendelse, returnering, privatliv og vilkår. Kunder leder efter disse, før de køber, og mange områder kræver nogle af dem ved lov.

Rettigheder

Lad kunder købe uden konto — gæstecheckout fjerner et trin, og konti kan komme senere. Kun administratorer må se ordrer og redigere produkter — beskyt adminområdet med rigtig login og kontrol på serveren.

Sådan bør kassen fungere

Det sikreste mønster for en skræddersyet shop er en hostet betalingsside. Med Stripe gælder:

1. Kunden klikker på Checkout. Din server kontrollerer priser og lager igen i databasen — den stoler aldrig på det, browseren sender — og opretter en Stripe Checkout-session.
2. Kunden betaler på Stripes side. Kortoplysninger når aldrig din server.
3. Stripe kalder dit apps webhook-endepunkt for at fortælle, at betalingen lykkedes. Først da markerer du ordren som betalt og trækker fra lageret.
4. Kunden lander på din bekræftelsesside, og du sender en bekræftelses-e-mail.

To fejl at undgå: at oprette den «betalte» ordre ud fra omdirigeringen til successiden (folk lukker faner, og omdirigeringer kan forfalskes) og at beregne totalen i browseren. Begge dele er nemme for en AI at lave forkert, medmindre du siger det tydeligt.

Stripes standardpriser er en procentsats plus et fast gebyr pr. vellykket kortbetaling uden opsætnings- eller månedsgebyrer (pr. september 2026); den præcise sats afhænger af dit land og kortet. Byg alt i Stripes testtilstand med deres testkortnumre først. Vores guide til at tilføje betalinger til din app dækker nøgler, testtilstand og webhooks.

Beslutninger om moms, forsendelse og lager

Dette er forretningsbeslutninger, som AI'en ikke kan træffe for dig:

• Moms. Om du skal opkræve salgsmoms eller moms, og til hvilken sats, afhænger af, hvor du og dine kunder er. Stripe tilbyder et produkt til dette (Stripe Tax), eller du kan sætte faste satser, hvis din situation er enkel. Spørg en revisor, hvis du er i tvivl.
• Forsendelse. Start med få faste takster (indenlands, international, gratis over en grænse). Realtidspriser fra transportører og labelprint er der, hvor platforme som Shopify sparer dig for meget arbejde.
• Lager. Beslut om lageret reserveres, når checkout starter, eller først når betalingen lykkes. For små shops er det enklest at trække fra lageret ved betaling og tjekke igen lige før checkout; det er så muligt, at du nogle gange sælger den sidste vare to gange, så beslut hvordan du håndterer det. Til lagerstyring ud over shoppen, se hvordan du bygger en app til lagerstyring.

En første prompt, der virker

Byg en webshop for Loam & Clay, et lille keramikstudie der sælger krus, skåle og vaser. Butik: forside med udvalgte produkter, en shopside med kategorifiltre, produktsider med billedgalleri, farvevarianter og lagerstatus, og en kurv der glider ind fra siden. Gem produkter, varianter, ordrer og ordrelinjer i en database og indsæt 10 realistiske produkter. Adminområde (kræver login) til at tilføje og redigere produkter, uploade billeder, ændre lager og se ordrer med status betalt / pakket / sendt. Checkout-knappen kan være en pladsholder foreløbig — vi tilføjer Stripe Checkout bagefter. Varm, minimalistisk design, mobilfokuseret. Ingen falske anmeldelser og ingen «gratis forsendelse verden over»-påstande.

At starte med kassen som pladsholder er bevidst: få katalog og admin rigtige først, og tilslut derefter betalinger i et separat trin, du kan teste ordentligt.

Byggetrin

1. Katalog og produktsider med rigtige produktnavne, priser og fotos.
2. Kurv, der overlever en sideopdatering.
3. Admin: produkter, varianter, lager, billedupload. Beskyt den med login.
4. Stripe Checkout i testtilstand, hvor serveren kontrollerer priser og lager.
5. Webhook, der markerer ordrer som betalt og trækker fra lageret. Test det fra ende til anden med et testkort.
6. Ordre-e-mails til kunden og til dig.
7. Politikker og SEO: sider for forsendelse og returnering, produkttitler og -beskrivelser, delebilleder. Se SEO for AI-byggede hjemmesider.
8. Gå live: skift til Stripes live-nøgler, læg selv en rigtig lille ordre og refundér den.

Almindelige fejl

• At stole på priser fra browseren. Beregn altid på serveren.
• At markere ordrer som betalt på successiden i stedet for via webhooken.
• At overskrive lagertal i stedet for at registrere bevægelser — så mister du historikken for, hvorfor lageret ændrede sig.
• At lancere uden sider for forsendelse og returnering.
• Enorme produktbilleder. Komprimér dem, og server dem fra filopbevaring, ikke inde i koden.
• At bygge ønskelister, anmeldelser og loyalitetspoint før det første salg.

Driftsomkostninger

Regn med: hosting og en database, betalingsgebyrer på hvert salg, et domæne, en e-mailudbyder til ordrebekræftelser og muligvis en momsservice. En skræddersyet shop undgår et platformsabonnement og appgebyrer, men du tager ansvaret for vedligeholdelsen: når noget går i stykker ved kassen, er det dit at rette.

Hvis du vil have andre sælgere end dig selv — flere leverandører, som hver udbetales — er det en markedsplads med andre betalingsregler. Se hvordan du bygger en markedsplads.

Sådan bygger du det med Mythex

På Mythex beskriver du shoppen, og agenten bygger katalog, kurv og admin i en live-forhåndsvisning, med en Postgres-database til produkter og ordrer og filopbevaring til produktbilleder. Dokumentationens butikscase anbefaler præcis rækkefølgen ovenfor: katalog først, kasse senere.

Betalinger bruger din egen Stripe-konto: du tilføjer dine Stripe-nøgler som projekthemmeligheder og beder agenten tilføje Checkout, og derefter tester du med Stripes testkort i forhåndsvisningen (Stripe-opskriften). Webhooks kræver en offentlig URL, så publicér, før du peger Stripe på dem (webhook-opskriften). Moms, forsendelse og lagersynkronisering er ikke indbyggede funktioner i Mythex, og der findes ingen native Shopify-integration — hvis du har brug for det som færdigt produkt, er Shopify det bedre valg. Som udgangspunkt kan du se butiksskabelonerne, fx webshop-skabelonen.

Spørgsmål