So baust du einen Online-Shop: Produkte, Warenkorb, Checkout und Lagerbestand

Für einen Online-Shop brauchst du einen Produktkatalog, einen Warenkorb, einen Checkout, der die Zahlung über einen Anbieter wie Stripe abwickelt, eine Möglichkeit, Bestellungen zu erfassen und den Bestand zu reduzieren, und eine Admin-Ansicht, um Bestellungen abzuarbeiten. Ein KI-App-Builder kann das alles aus einer klaren Beschreibung zusammenbauen. Am meisten Nachdenken verdienen aber nicht die Verkaufsseiten, sondern die Teile rund ums Geld: wann eine Bestellung als bezahlt gilt, wie Bestand reserviert wird und wie du mit Steuern, Versand und Rückerstattungen umgehst.

Eigener Shop oder Shopify? Zuerst entscheiden

Sei dir darüber vor dem Bauen ehrlich.

Eine gehostete Handelsplattform (Shopify, Squarespace Commerce, WooCommerce und ähnliche) ist meist besser, wenn:

• du physische Produkte mit Versandtarifen, Etiketten und Rücksendungen verkaufst
• du Steuern über viele Regionen hinweg berechnen musst
• ein nicht technisches Team jeden Tag Produkte einpflegt und Bestellungen bearbeitet
• du einen App-Store mit Zusatzfunktionen willst: Bewertungen, E-Mail-Marketing, Treueprogramme
• du über mehrere Kanäle verkaufst und einen gemeinsamen Lagerbestand brauchst

Die Pläne von Shopify sind ein monatliches Abo mit Rabatt bei jährlicher Zahlung, dazu kommen Gebühren für Kartenzahlungen. Prüfe die Preisseite für dein Land, denn die Preise unterscheiden sich je nach Region.

Ein eigener Shop lohnt sich meist, wenn:

• das Produkt ungewöhnlich ist: Konfiguratoren für Einzelanfertigungen, Buchungen plus Produkte, digitale Downloads mit Lizenzen, B2B-Preislisten pro Kunde
• der Shop nur ein Teil einer größeren App ist (eine Kursplattform, eine Mitgliederseite, ein Marktplatz)
• du einen kleinen Katalog verkaufst und die volle Kontrolle über Design und Checkout-Ablauf willst
• du den Code selbst besitzen und keine Plattformbindung eingehen willst

Viele kleine Verkäufer fahren mit einer Plattform am besten. Wenn deine Anforderungen gewöhnlich sind, ist das eine gute Nachricht: nimm die Abkürzung.

Was ein Online-Shop braucht

Daten

Speichere den Preis zum Kaufzeitpunkt bei jeder Bestellposition. Wenn du den Preis nächsten Monat änderst, müssen alte Bestellungen weiterhin zeigen, was die Kundschaft bezahlt hat.

Seiten

• Shop: Startseite, Kategorie- oder Kollektionsseiten, Produktseiten, Warenkorb, Weiterleitung zum Checkout, Bestätigungsseite.
• Admin: Produkte und Bestand, Bestellungen mit Status (bezahlt, verpackt, versendet, erstattet), Kundinnen und Kunden, einfache Verkaufszahlen.
• Rechtliches und Richtlinien: Versand, Rückgabe, Datenschutz und Nutzungsbedingungen. Käufer suchen diese Seiten, bevor sie kaufen, und in vielen Regionen sind einige davon gesetzlich vorgeschrieben.

Berechtigungen

Lass Käufer ohne Konto bestellen. Gastbestellungen sparen einen Schritt, Konten können später kommen. Nur Admins dürfen Bestellungen sehen und Produkte bearbeiten. Schütze den Adminbereich mit echter Anmeldung und serverseitigen Prüfungen.

So funktioniert der Checkout

Das sicherste Muster für einen eigenen Shop ist eine gehostete Checkout-Seite. Mit Stripe läuft das so:

1. Die Kundschaft klickt auf Zur Kasse. Dein Server prüft Preise und Bestand erneut aus der Datenbank – er vertraut nie dem, was der Browser schickt – und erstellt eine Stripe-Checkout-Sitzung.
2. Die Kundschaft zahlt auf der Seite von Stripe. Die Kartendaten erreichen deinen Server nie.
3. Stripe ruft den Webhook-Endpunkt deiner App auf und meldet, dass die Zahlung erfolgreich war. Erst dann markierst du die Bestellung als bezahlt und reduzierst den Bestand.
4. Die Kundschaft landet auf deiner Bestätigungsseite, und du verschickst eine Bestätigungsmail.

Zwei Fehler solltest du vermeiden: die Bestellung als „bezahlt“ aus der Weiterleitung der Erfolgsseite anlegen (Leute schließen Tabs, und Weiterleitungen lassen sich fälschen) und die Gesamtsumme im Browser berechnen. Beides lässt eine KI leicht falsch umsetzen, wenn du es nicht ausdrücklich sagst.

Stripes Standardpreise bestehen aus einem Prozentsatz plus einer festen Gebühr pro erfolgreicher Kartenzahlung, ohne Einrichtungs- oder monatliche Gebühren (Stand September 2026). Der genaue Satz hängt von deinem Land und der Karte ab. Baue alles zuerst im Testmodus von Stripe mit seinen Testkartennummern. Unsere Anleitung zu Zahlungen in deine App einbauen erklärt Schlüssel, Testmodus und Webhooks.

Entscheidungen zu Steuern, Versand und Lagerbestand

Das sind geschäftliche Entscheidungen, die dir die KI nicht abnehmen kann:

• Steuern. Ob du Umsatzsteuer oder MwSt. berechnen musst und mit welchem Satz, hängt davon ab, wo du und deine Kundschaft seid. Stripe bietet dafür ein Produkt an (Stripe Tax), oder du legst feste Sätze fest, wenn deine Situation einfach ist. Frag bei Unsicherheit eine Steuerberaterin oder einen Steuerberater.
• Versand. Starte mit wenigen Pauschalen (Inland, Ausland, kostenlos ab einem Mindestbetrag). Echtzeit-Tarife der Paketdienste und das Drucken von Etiketten sind die Stellen, an denen Plattformen wie Shopify dir viel Arbeit abnehmen.
• Lagerbestand. Entscheide, ob Bestand beim Start des Checkouts oder erst bei erfolgreicher Zahlung reserviert wird. Bei kleinen Shops ist es einfacher, den Bestand bei Zahlung zu reduzieren und direkt vor dem Checkout erneut zu prüfen. Dann kann es aber vorkommen, dass das letzte Stück doppelt verkauft wird. Lege daher fest, wie du damit umgehst. Für Bestandsverwaltung über den Shop hinaus siehe wie du eine Lagerverwaltungs-App baust.

Ein erster Prompt, der funktioniert

Baue einen Online-Shop für Loam & Clay, ein kleines Keramikstudio, das Becher, Schalen und Vasen verkauft. Shop: Startseite mit ausgewählten Produkten, eine Shop-Seite mit Kategoriefiltern, Produktseiten mit Bildergalerie, Farbvarianten und Bestandsstatus sowie ein seitlich einblendbarer Warenkorb. Speichere Produkte, Varianten, Bestellungen und Bestellpositionen in einer Datenbank und lege 10 realistische Produkte an. Adminbereich (Anmeldung erforderlich) zum Anlegen und Bearbeiten von Produkten, Hochladen von Bildern, Ändern des Bestands und zur Ansicht von Bestellungen mit Status bezahlt / verpackt / versendet. Der Checkout-Button darf vorerst ein Platzhalter sein – Stripe Checkout kommt als Nächstes. Warmes, schlichtes Design, mobil zuerst. Keine erfundenen Bewertungen und keine Behauptungen wie „weltweit kostenloser Versand“.

Den Checkout zunächst als Platzhalter zu starten, ist bewusst gewählt: Erst Katalog und Adminbereich richtig machen, dann Zahlungen in einem eigenen Schritt einbauen, den du sauber testen kannst.

Bauschritte

1. Katalog und Produktseiten mit echten Produktnamen, Preisen und Fotos.
2. Warenkorb, der einen Seiten-Reload übersteht.
3. Admin: Produkte, Varianten, Bestand, Bildupload. Mit Anmeldung schützen.
4. Stripe Checkout im Testmodus, wobei der Server Preise und Bestand erneut prüft.
5. Webhook, der Bestellungen als bezahlt markiert und den Bestand reduziert. Mit einer Testkarte von Anfang bis Ende testen.
6. Bestellmails an die Kundschaft und an dich.
7. Richtlinien und SEO: Versand- und Rückgabeseiten, Produkttitel und -beschreibungen, Vorschaubilder. Siehe SEO für mit KI gebaute Websites.
8. Go-live: auf Live-Schlüssel von Stripe umstellen, selbst eine echte kleine Bestellung aufgeben und sie zurückerstatten.

Typische Fehler

• Preisen aus dem Browser vertrauen. Berechne immer auf dem Server neu.
• Bestellungen auf der Erfolgsseite als bezahlt markieren, statt über den Webhook.
• Bestandszahlen überschreiben, statt Bewegungen zu erfassen – dann verlierst du die Historie, warum sich der Bestand geändert hat.
• Ohne Versand- und Rückgabeseiten starten.
• Riesige Produktbilder. Komprimiere sie und liefere sie aus einem Dateispeicher statt aus dem Code.
• Wunschlisten, Bewertungen und Treuepunkte vor dem ersten Verkauf bauen.

Laufende Kosten

Rechne mit: Hosting und Datenbank, Zahlungsgebühren bei jedem Verkauf, einer Domain, einem E-Mail-Anbieter für Bestellbestätigungen und eventuell einem Steuerdienst. Ein eigener Shop spart Plattformabos und App-Gebühren, dafür übernimmst du die Wartung: Wenn etwas am Checkout kaputtgeht, musst du es beheben.

Wenn du nicht nur selbst verkaufen willst, sondern mehrere Anbieter, die jeweils ausgezahlt werden, ist das ein Marktplatz mit anderen Zahlungsregeln. Siehe wie du einen Marktplatz baust.

Mit Mythex bauen

Bei Mythex beschreibst du den Shop, und der Agent baut Katalog, Warenkorb und Admin in einer Live-Vorschau. Produkte und Bestellungen liegen in einer Postgres-Datenbank, Produktbilder im Dateispeicher. Die Anleitung zum Shop-Use-Case in der Dokumentation empfiehlt genau die oben genannte Reihenfolge: erst der Katalog, später der Checkout.

Zahlungen laufen über dein eigenes Stripe-Konto. Du hinterlegst deine Stripe-Schlüssel als Projektgeheimnisse und bittest den Agenten, Checkout hinzuzufügen. Danach testest du mit Stripes Testkarten in der Vorschau (Stripe-Rezept). Webhooks brauchen eine öffentliche URL, deshalb veröffentlichst du, bevor du Stripe darauf zeigen lässt (Webhook-Rezept). Steuern, Versand und Bestandssynchronisation sind keine eingebauten Mythex-Funktionen, und es gibt keine native Shopify-Integration. Wenn du das als fertiges Produkt brauchst, ist Shopify die bessere Wahl. Als Ausgangspunkt eignen sich die Shop-Vorlagen, etwa der E-Commerce-Shop.

Fragen