Online-Shop mit KI erstellen: Ein kleiner Shop mit Stripe

Um einen kleinen Online-Shop mit KI zu erstellen, bereiten Sie Produktnamen, Preise, Fotos und Versandregeln vor und beschreiben dann Katalog und Checkout in einem Prompt. Der Builder erstellt Produktseiten, einen Warenkorb, einen Checkout über Ihr eigenes Stripe-Konto, einen Lagerbestand, der nicht überverkauft, und eine Bestellverwaltung. Zahlungen werden aktiv, sobald Sie Ihre Stripe-Schlüssel eintragen.

• Ein kleiner, eigener Shop passt zu einem fokussierten Sortiment von ein paar Dutzend Produkten. Tausende Produkte mit Stichwortsuche gehören auf eine vollwertige E-Commerce-Plattform.
• Produktdaten und Fotos vorzubereiten ist der Großteil der Arbeit. Erledigen Sie das, bevor Sie den Prompt schreiben.
• Der Checkout läuft über Ihr eigenes Stripe-Konto, und eine Bestellung gilt erst als bezahlt, wenn Stripes signierter Webhook sie bestätigt.
• Der Bestand wird in einem einzigen, abgesicherten Schritt reduziert, sodass das letzte Stück genau einmal verkauft wird.
• Steuern, Widerruf und Rechtstexte bleiben Ihre Verantwortung. Die KI kann Entwürfe schreiben; was darin steht, entscheiden Sie.
• Jedes Produkt erhält eine eigene crawlbare Seite. Ein Live-Shop gehört in einen kostenpflichtigen Tarif, am besten mit eigener Domain.

Passt ein kleiner, eigener Shop zu Ihnen?

Ein mit KI gebauter Shop und eine vollwertige E-Commerce-Plattform lösen unterschiedliche Probleme. Die Plattform bietet einen großen, allgemeinen Werkzeugkasten; der eigene Shop bietet genau den Ablauf, den Sie beschreiben, und sonst nichts. Vergleichen Sie Kategorien, nicht Markennamen:

Wählen Sie den eigenen Weg, wenn Ihr Sortiment klein ist, Ihr Ablauf speziell (Anfertigung auf Bestellung, Anprobetermin zum Kauf, Abholzeitfenster) oder Sie Shop und Website in einem wollen. Wählen Sie eine Plattform, wenn Sie Bestände über Marktplätze hinweg synchronisieren, Versandetiketten von Paketdiensten drucken oder Tausende Varianten verwalten müssen. Für den größeren finanziellen Überblick lesen Sie Was kostet die Entwicklung einer Web-App?

Produkte, Fotos, Preise und Versandregeln vorbereiten

Der Build braucht eine Nachricht. Die Vorbereitung braucht einen Nachmittag oder mehr, und sie entscheidet, wie gut der Shop wird.

1. Eine Produkttabelle. Eine Zeile pro Produkt in einer Tabelle, gespeichert als CSV, mit Spalten für Name, Kurzbeschreibung, ausführliche Beschreibung, Preis, Kategorie, Variantenoptionen (etwa Größe oder Glasur), Bestand pro Variante, Gewicht und Status (live oder Entwurf). Eine Kopfzeile wie name,kategorie,preis,glasur,bestand,gewicht_g,status,beschreibung genügt.
2. Fotos in Webgröße. Dasselbe Seitenverhältnis für jedes Produkt, schlichter Hintergrund, exportiert mit jeweils ein paar Hundert Kilobyte statt als Kamera-Original. Jeder Upload darf bis zu 25 MB groß sein, aber jede Datei zählt zum Speicher Ihres Tarifs.
3. Versandregeln. Zonen (zum Beispiel Inland, Nachbarländer, Rest der Welt), ein Preis pro Zone, eine Grenze für kostenlosen Versand, falls Sie eine anbieten, Abholung vor Ort und die Länder, in die Sie nicht liefern.
4. Richtlinien. Widerrufsfrist und Rücksendebedingungen, Bearbeitungszeit und wie Kunden Sie erreichen.
5. Ein Stripe-Konto. Prüfen Sie auf der Liste der Länder, in denen Stripe verfügbar ist, ob Stripe Unternehmen in Ihrem Land unterstützt, und vervollständigen Sie vor dem Start Ihre Unternehmens- und Bankdaten.

Halten Sie Varianten einfach. Eine Option mit eigenem Bestand pro Wert (Größe S, M, L) ist leicht zu verwalten; zwei Optionen vervielfachen sich zu einem Raster, das Sie zählen müssen. Und planen Sie, die meisten Fotos über die Shop-Verwaltung statt über den Chat hinzuzufügen: Hängen Sie für den ersten Build einige an und laden Sie den Rest Produkt für Produkt hoch. Dort werden sie als öffentliche Dateien gespeichert und jedem Besucher schnell ausgeliefert.

Shop bauen: Prompt-Vorlage

Hängen Sie die CSV, Ihr Logo und Fotos von ein paar Produkten an und fügen Sie dann einen Prompt wie diesen in einen neuen Chat ein:

Erstelle einen Online-Shop für [Farn & Ton, handgemachte Keramik]. Lade die angehängte produkte.csv als Produkte, eines pro Zeile; die Spalte [glasur] enthält Varianten, jede mit eigenem Bestand.

Seiten: eine Startseite mit ausgewählten Produkten, eine Seite pro Kategorie, eine Seite pro Produkt mit großen Fotos, Beschreibung, Preis, Variantenauswahl und Verfügbarkeit, ein Warenkorb und ein Checkout über mein Stripe-Konto, der die Lieferadresse abfragt. Versand: [4,90 € innerhalb Deutschlands, 12 € in die EU, versandkostenfrei ab 80 €, Abholung in Leipzig].

Lege jede Bestellung vor dem Checkout als offen an und markiere sie erst als bezahlt, wenn Stripes Webhook die Zahlung bestätigt. Reduziere den Bestand pro Variante, wenn eine Bestellung bezahlt ist, verkaufe nie mehr als vorrätig, auch wenn zwei Personen gleichzeitig bezahlen, und zeige bei null „Ausverkauft“.

Verwaltung: Produkte (hinzufügen, bearbeiten, Fotos hochladen, Bestand ändern), Bestellungen mit den Status bezahlt, verpackt, versendet und erstattet sowie ein Feld für die Sendungsnummer. E-Mails, sobald ich meine E-Mail-Einstellungen hinterlegt habe: Bestellbestätigung und eine Versandmitteilung mit Sendungsnummer. Füge außerdem Seiten für Versand und Widerruf, Datenschutz, AGB, Impressum und Kontakt hinzu. Stil: [ruhig, erdig, viel Weißraum, Fotos zuerst].

Starten Sie ihn dann in dieser Reihenfolge:

1. Lesen Sie die Abschlussnotiz des Builds. Sie erklärt, wie Sie in die Verwaltung kommen, und nennt die Integrationen, die Sie ausfüllen müssen: Stripe und E-Mail (SMTP).
2. Tragen Sie zuerst Stripe-Schlüssel für den Testmodus ein, unter Integrationen und nach den dort angezeigten Schritten, einschließlich der Webhook-Adresse, die Sie in Ihrem Stripe-Dashboard hinterlegen. Fügen Sie Schlüssel nie in den Chat ein.
3. Geben Sie Testbestellungen auf, mit der Stripe-Testkartennummer 4242 4242 4242 4242. Prüfen Sie, ob jede Bestellung von offen zu bezahlt wechselt, der Bestand sinkt und die Bestätigungs-E-Mail ankommt.
4. Versuchen Sie, zu viel zu verkaufen. Setzen Sie den Bestand eines Produkts auf 1 und kaufen Sie es gleichzeitig in zwei Browsern. Ein Kauf sollte sauber scheitern.
5. Ergänzen Sie den restlichen Katalog über den Produkteditor in der Verwaltung. Neue und bearbeitete Produkte erscheinen nach etwa einer Minute auf der Website, ohne neuen Build.
6. Wechseln Sie zu den Live-Schlüsseln, kaufen Sie einen günstigen Artikel mit einer echten Karte und erstatten Sie ihn.
7. Verbinden Sie Ihre Domain und starten Sie (mehr dazu unten).

Im kostenlosen Community-Tarif baut Wisy eine schlanke erste Version. Der erste Build deckt also womöglich Katalog und Checkout ab und lässt Verwaltung oder E-Mails für Ihre nächste Nachricht. Kostenlose Links laufen außerdem nach 30 Tagen ab; betrachten Sie Community also als Ihre Werkstatt und starten Sie den echten Shop in einem kostenpflichtigen Tarif.

Stripe-Checkout mit Bestellbestätigung per Webhook

Der Kunde bezahlt im Checkout von Stripe, entweder auf einer von Stripe gehosteten Seite oder in einem in Ihren Shop eingebetteten Formular, und das Geld geht auf Ihr Stripe-Guthaben. Die gehostete Seite ist die einfachere Wahl: Stripe pflegt das Zahlungsformular, und Sie können es in Ihren Stripe-Einstellungen an Ihre Markenfarben anpassen. WisyLink verwaltet nie Ihr Stripe-Konto; Ihre Schlüssel werden verschlüsselt unter Integrationen gespeichert und nur vom Code Ihres eigenen Shops gelesen. Bis Sie sie eintragen, bleibt der Checkout ausgeschaltet, und der Rest des Shops funktioniert.

Was einen Hobby-Shop von einem zuverlässigen trennt, ist die Frage, wie eine Bestellung „bezahlt“ wird. Stripes Leitfaden zur Abwicklung von Bestellungen ist da deutlich: Webhooks sind für die Abwicklung erforderlich, weil ein Kunde bezahlen und die Verbindung verlieren kann, bevor Ihre Danke-Seite lädt. Der Shop legt also zuerst eine offene Bestellung an, übergibt ihre ID an Stripe und markiert sie erst als bezahlt, wenn ein Webhook mit gültiger Stripe-Signatur eintrifft. Wer die Adresse der Danke-Seite von Hand eintippt, bekommt nichts.

Zwei Verfeinerungen, um die Sie bitten sollten:

• Doppelte Ereignisse. Stripe kann dasselbe Ereignis mehr als einmal zustellen; der Schritt „bezahlt“ sollte beim zweiten Mal also nichts tun. Der Bestand darf für eine Bestellung nie zweimal sinken.
• Zahlarten mit verzögerter Bestätigung. Manche bankbasierten Zahlarten wie die SEPA-Lastschrift bestätigen erst später. Aktivieren Sie sie, sollten Bestellungen „Zahlung ausstehend“ anzeigen, bis Stripe bestätigt, und erst dann versendet werden.

Lieber PayPal oder ein anderer Anbieter? Jeder Anbieter mit API lässt sich auf dieselbe Weise anbinden, mit Ihren eigenen Schlüsseln. Jede Anbindung wird anhand der aktuellen Dokumentation des Anbieters gebaut; testen Sie sie also genauso sorgfältig wie Stripe.

Lagerbestand ohne Überverkauf

Überverkauf entsteht, wenn zwei Kunden im selben Moment das letzte Stück kaufen und beide Käufe durchgehen. Der Shop verhindert das, indem er den Bestand ändert und die Grenze in einem Schritt prüft: „um eins verringern, nur wenn der Bestand über null liegt“. Laufen zwei Anfragen gleichzeitig, ist eine erfolgreich, und die andere erfährt, dass der Artikel ausverkauft ist. Das ist derselbe Mechanismus, der auf Buchungswebsites Doppelbuchungen verhindert.

Die eigentliche Entscheidung ist, wann der Bestand sinkt:

• Bei Zahlung passt zu Produkten mit großem Vorrat. Wird das letzte Stück verkauft, während ein Kunde den Checkout geöffnet hat und noch bezahlt, markiert der Shop diese Bestellung zur Erstattung, statt etwas zu versenden, das Sie nicht haben.
• Beim Start des Checkouts, mit Reservierung passt zu Einzelstücken. Der Artikel ist reserviert, während der Kunde bezahlt, und wird freigegeben, wenn er den Checkout abbricht. Freigaben laufen als Hintergrundjob alle 30 bis 60 Minuten; ein abgebrochener Artikel kann also nach Ablauf seiner Reservierung bis zu einer Stunde reserviert bleiben.

Die Vorlage oben reduziert den Bestand bei Zahlung; für Einzelstücke ändern Sie diese Zeile in eine Reservierung. Fordern Sie Bestand pro Variante, eine E-Mail an Sie bei niedrigem Bestand und ein Bestandsfeld in der Verwaltung an. Artikel, die auf Bestellung gefertigt werden, kommen ohne Bestand aus oder nutzen ein Chargenlimit, etwa 20 Stück pro Brennvorgang.

Bestellverwaltung, Bestätigungs-E-Mails und Versandstatus

In der Verwaltung verbringen Sie nach dem Start Ihre Zeit. Die Abschlussnotiz des Builds sagt Ihnen, wie Sie hineinkommen: Oft wird das erste registrierte Konto zum Admin; registrieren Sie sich also, bevor Sie den Link teilen. Eine praktische Bestellübersicht hat:

• Eine Liste, gefiltert nach Status: Zahlung ausstehend, bezahlt, verpackt, versendet, erstattet.
• Eine Bestellseite mit Artikeln, Variante, Lieferadresse, E-Mail des Kunden und der Zahlungsreferenz von Stripe.
• Ein Feld für die Sendungsnummer. Speichern markiert die Bestellung als versendet und verschickt die Versandmitteilung.
• Einen druckbaren Lieferschein.
• Eine tägliche Zusammenfassung neuer Bestellungen per E-Mail, verschickt von einem zeitgesteuerten Job, der alle 30 bis 60 Minuten läuft.
• Rabattcodes mit Prozentsatz, Ablaufdatum und Nutzungslimit. Das Nutzungslimit verwendet denselben Ein-Schritt-Zähler wie der Bestand; ein Code für „die ersten 50 Kunden“ lässt sich also nicht 51-mal einlösen.

E-Mails laufen über Ihr eigenes SMTP-Konto. Ohne SMTP wird nichts verschickt, und Bestellungen funktionieren trotzdem. Stripe kann auch eigene Belege per E-Mail versenden, wenn Sie das in Ihren Stripe-Einstellungen aktivieren. Erstattungen nehmen Sie im Stripe-Dashboard vor; markieren Sie die Bestellung in Ihrer Verwaltung als erstattet, damit Bestand und Auswertungen stimmen.

Kunden brauchen zum Kaufen kein Konto. Ein Gastkauf hält den Einkauf kurz, und eine Seite „Bestellung finden“, die nach E-Mail und Bestellnummer fragt, deckt die meisten Fragen ab. Verkaufen Sie an Stammkunden, fordern Sie Kundenkonten mit Bestellhistorie an; der Shop betreibt seine eigenen Logins, und Passwort-Zurücksetzungen brauchen Ihr SMTP.

Steuern, Widerruf und Rechtstexte bleiben Ihre Sache

Ein KI-Builder kennt Ihre steuerliche Situation nicht, und WisyLink berechnet keine Umsatzsteuer für Sie. Sie haben drei praktikable Möglichkeiten:

1. Endpreise inklusive Umsatzsteuer mit einem Steuersatz, wenn Sie vor allem in einem Land verkaufen und Ihre Steuerberatung zustimmt. Gegenüber Verbrauchern in Deutschland sind ohnehin Endpreise inklusive Umsatzsteuer anzugeben.
2. Regeln, die Sie beschreiben, etwa ein Steuersatz pro Zielzone, im Prompt festgehalten.
3. Stripe Tax im Checkout. Stripes Dokumentation zum Erheben von Steuern beschreibt, wie Stripe Steuern auf Checkout-Zahlungen berechnet; die Einstellungen dafür nehmen Sie zuvor in Ihrem Stripe-Konto vor. Prüfen Sie dort Voraussetzungen und Preise.

Für Widerruf und Rechtstexte gilt dieselbe Logik: Die KI entwirft, der Inhalt liegt bei Ihnen. Verbraucher in der EU haben bei Online-Käufen in der Regel ein 14-tägiges Widerrufsrecht; Ihr Shop braucht eine Widerrufsbelehrung samt Muster-Widerrufsformular, und fordern Sie im Admin einen Status „Widerruf angefragt“ an. Dazu kommen Impressum, Datenschutzerklärung und AGB, und der Bestellbutton muss eindeutig auf die Zahlungspflicht hinweisen, etwa mit „Zahlungspflichtig bestellen“. Wer verpackte Ware an Privatkunden in Deutschland verschickt, muss sich in der Regel vorab im Verpackungsregister LUCID registrieren. Betrachten Sie KI-entworfene Rechtstexte als Ausgangspunkt für eine fachkundige Prüfung, nicht als Rechtsberatung; laut den Nutzungsbedingungen von WisyLink sind Sie dafür verantwortlich, das von der KI Erzeugte zu prüfen und zu testen.

Livegang und SEO für Produktseiten

Jedes Produkt und jede Kategorie erhält eine eigene, saubere URL wie /produkt/steingut-becher, gerendert als vollständiges HTML, das Suchmaschinen ohne Skripte lesen können. Jede Seite hat Titel, Beschreibung, kanonischen Link und Tags für Vorschauen in sozialen Netzwerken, und der Shop liefert seine eigene sitemap.xml mit allen Produkten aus. Neue Produkte erscheinen darin, sobald Sie sie anlegen. Katalogseiten enthalten strukturierte Daten für Breadcrumbs und Produktlisten; fordern Sie zusätzlich strukturierte Produktdaten mit Preis und Verfügbarkeit auf jeder Produktseite an.

Was weiterhin von Ihnen abhängt:

• Schreiben Sie eigene Beschreibungen. Material, Maße, Pflege, für wen es gedacht ist, wie lange der Versand dauert. Eine Produktseite sollte mehr sagen als ihre Kachel auf der Kategorieseite.
• Beschreiben Sie Ihre Fotos. Fordern Sie Alt-Texte an, die aus Produktname und Variante gebildet werden.
• Verbinden Sie Ihre eigene Domain (in jedem Tarif möglich), bevor Sie Verpackungen oder Visitenkarten drucken; siehe So verbinden Sie eine eigene Domain.
• Reichen Sie die Sitemap in der Google Search Console ein, sobald die Domain live ist.

Alles Weitere, was Rankings beeinflusst, lesen Sie in unserem Leitfaden SEO für KI-erstellte Websites.

Eröffnen Sie Ihren Shop

Füllen Sie die Produkttabelle aus, prüfen Sie die Verfügbarkeit von Stripe in Ihrem Land und fügen Sie die Vorlage mit Ihren Angaben ein. Testen Sie noch, ob überhaupt jemand kauft, ist eine Vorbestellseite der leichtere erste Schritt; unser Leitfaden zum MVP mit KI zeigt, wie Sie sie zuschneiden. In den Anwendungsfällen finden Sie weitere Shop-Formate, und für den Start vergleichen Sie die Tarife.

Beschreiben Sie Ihren Shop in einer Nachricht und erhalten Sie einen Live-Link: Kostenlos mit Community starten, ohne Kreditkarte.