Wie kann ich Stripe in das Coderick AI-Projekt integrieren?

Von Online-Shops bis hin zu Abonnement-Websites – Unternehmen müssen Online-Zahlungen effizient abwickeln. Dies ist Teil dessen, was ein reibungsloses Kundenerlebnis gewährleistet. Derzeit ist Stripe eine der weltweit am häufigsten genutzten Zahlungsplattformen, und die Anbindung an Ihr Coderick AI-Projekt ist nun mit nur wenigen Klicks erledigt.

Was bringt die Stripe-Integration für Ihr Coderick AI-Projekt?

Die meisten KI-generierten Websites sehen gut aus und erklären, was ein Unternehmen anbietet, aber manchmal gibt es keinen Weg vom „Produkt erstellt“ zum „Zahlung eingegangen“, ohne die Plattform zu verlassen. Wenn jemand also bereit ist, eine Bestellung aufzugeben oder zu bezahlen, wird der Vorgang komplexer, als er sein sollte. Hier liegt die Lücke zwischen einer scheinbar beeindruckenden Demo und dem tatsächlichen Geschäft, das Umsatz generiert. Genau diese Lücke wollten wir mit der Stripe-Integration schließen. Damit können Sie einen echten Bezahlvorgang einrichten. Sie beschreiben einfach, was Sie verkaufen möchten, Coderick AI übernimmt die Logik und Stripe wickelt die Zahlungen ab..

So integrieren Sie Stripe in Ihr Coderick AI-Projekt

Es gibt zwei Möglichkeiten, die Verbindung herzustellen: direkt über den Chat als Teil Ihres Build-Prompts oder über die Seitenleiste im Menü „Integrationen“.

Option 1: Stripe über den Chat verbinden

Dies ist wirklich praktisch, da Sie nicht woanders navigieren oder einen separaten Einrichtungsprozess durchlaufen müssen.

1. Beschreiben Sie Ihr Projekt und was Coderick AI erstellen soll.

Es erkennt die Zahlungsabsicht in Ihrer Beschreibung und zeigt innerhalb der Chat-Oberfläche eine Stripe-Verbindungskarte an. Wenn Sie Coderick AI beauftragen, eine Portfolio-Website zu erstellen, auf der Sie Beratungen anbieten, erstellt es zunächst die Website und fordert Sie anschließend auf, eine Verbindung zu Stripe herzustellen.

2. Klicken Sie auf „Verbinden“.
   

   

Hier sind einige Beispiele für Prompts, die die Stripe-Verbindungskarte auslösen:

• „Erstelle mir eine Portfolio-Website, auf der Besucher eine kostenpflichtige Beratung bei mir buchen können.“
• „Ich möchte den Zugang zu meinen Online-Kursen verkaufen.“
• „Erstelle einen Online-Shop für Schuhe mit einem Produktkatalog.“

3. Anschließend wird ein Dialogfeld angezeigt, in dem die wichtigsten Vorteile der Stripe-Integration aufgeführt sind. Klicken Sie auf „Weiter“.
4. Fügen Sie Ihren eingeschränkten Schlüssel hinzu.

Um den Schlüssel zu finden, melden Sie sich bei Ihrem Stripe-Konto an und navigieren Sie zu Ihren API-Schlüsseln. Falls Sie noch kein Stripe-Konto haben, können Sie direkt auf der Website eines erstellen. Sobald Sie den Schlüssel haben, kopieren Sie ihn, fügen Sie ihn in das Coderick AI-Fenster ein und klicken Sie auf „Verbinden“.

Die genauen Schritte zur Generierung eines eingeschränkten Schlüssels finden Sie weiter unten in dieser Anleitung.

Sobald die Verbindung hergestellt ist, erstellt Coderick AI die gesamte Checkout-Logik. Dazu gehören Produkte, Zahlungslinks und der Bestätigungsablauf – alles auf der Grundlage Ihrer Projektspezifikationen und Anforderungen. Selbstverständlich können Sie Coderick AI bitten, die Logik für den Zeitraum nach dem Kauf an Ihren speziellen Fall anzupassen.

Option 2: Stripe über das Menü „Integrationen“ verbinden

Sie können Stripe unabhängig von einem bestimmten Build-Prompt verbinden. So funktioniert es:

1. Klicken Sie in der linken Seitenleiste auf „Integrationen“ und dann unter der Stripe-Karte auf „Verbinden“.
   

   

Anschließend führen Sie dieselben Schritte durch wie bei der Integration von Stripe über den Chat – fügen Sie einen eingeschränkten Schlüssel hinzu und stellen Sie die Verbindung her.

Dieser Ansatz ist nützlich, wenn Sie eine Zahlungsfunktion planen, diese aber noch nicht bei Coderick AI beschrieben haben, oder wenn Sie vor der Erstellung überprüfen möchten, ob Ihre Verbindung aktiv ist.

So erstellen Sie einen eingeschränkten Schlüssel in Ihrem Stripe-Dashboard

Coderick AI verbindet sich über einen eingeschränkten Schlüssel mit Ihrem Stripe-Konto. Falls Sie noch kein Konto haben, müssen Sie eines erstellen. Bei dieser Art von Schlüssel haben Sie die Möglichkeit, die erteilten Berechtigungen einzuschränken und anzupassen, sodass Sie die Kontrolle behalten.

So erstellen Sie einen eingeschränkten Schlüssel:

1. Melden Sie sich bei Ihrem Stripe-Dashboard an.
2. Gehen Sie zu „Entwickler“ > „API-Schlüssel“.
3. Klicken Sie rechts auf „+ Eingeschränkten Schlüssel erstellen“.
   

   

4. Sie werden aufgefordert, die Schlüsselverwendung auszuwählen. Wählen Sie „Unterstützen einer von Ihnen entwickelten Integration” und klicken Sie anschließend auf „Weiter“.
   

   

5. Wählen Sie die Art der Zahlungen, die Sie akzeptieren möchten, und klicken Sie auf „Weiter“.
   

   

Je nach Ihren Vorlieben, dem Verwendungszweck und dem, was Sie genau verkaufen, können Sie entweder eine dieser Optionen auswählen oder beide – „One-time payments“ und „Recurring subscriptions and billing“.

6. Geben Sie einen Namen für den Schlüssel ein und klicken Sie unten auf der Seite auf die Schaltfläche „Schlüssel erstellen“.
   

   

7. Sobald der Schlüssel erstellt ist, klicken Sie auf den Schlüsselwert, um ihn zu kopieren und zu speichern. Stripe zeigt den vollständigen Schlüssel nur einmal an.
   

   

So passen Sie das Erlebnis nach dem Kauf an

Der Bestellvorgang muss nicht mit einer allgemeinen Seite mit der Meldung „Vielen Dank für Ihre Bestellung“ enden. Passen Sie das Erlebnis an und verbessern Sie es, indem Sie den genauen Ablauf beschreiben, den Sie sich nach der Bestellung eines Kunden wünschen – je nachdem, was Sie verkaufen.

Dies ist besonders wichtig, wenn Sie Abonnements anbieten. Coderick AI hat die Aufgabe, eine Oberfläche zur Abonnementverwaltung zu erstellen – ein Dashboard, über das Benutzer ihre Abonnements verwalten können. Sie müssen jedoch sicherstellen, dass Abonnenten ihre Pläne pausieren und/oder kündigen können.

Hier sind einige grundlegende Beispiele dafür, was Sie einrichten können:

• Eine personalisierte Bestätigungsseite mit einem Download-Link oder Anweisungen zum Zugriff.
• Eine Folge-Nachricht oder ein Prompt zum Onboarding.
• Eine Übersicht über die vom Kunden gekauften Artikel.
• Eine spezielle Seite für die Abonnementverwaltung.
• Ein Verwaltungs-Dashboard, in dem Kunden den Status ihrer Bestellungen verfolgen können.

So verwalten Sie Ihre Stripe-Integration

Nach der Verbindung ist Ihre Stripe-Integration auf der Seite „Integrationen“ in Ihrer Seitenleiste sichtbar und verwaltbar. Von dort aus können Sie überprüfen, ob die Verbindung aktiv ist, Stripe bei Bedarf trennen und mit einem anderen Schlüssel erneut verbinden oder andere aktive Integrationen im Projekt einsehen.

Für die Bestellhistorie, die Nachverfolgung von Auszahlungen und die Verwaltung von Abonnements nutzen Sie bitte direkt Ihr Stripe-Dashboard. Die Stripe-Integration dient ausschließlich dazu, Ihr Projekt mit Ihrem Stripe-Konto und damit mit der Stripe-Checkout-Seite zu verbinden. SiteGround ist weder an der Verarbeitung, Durchführung noch der Abwicklung von Zahlungen oder Transaktionen beteiligt. Diese erfolgen ausschließlich durch Stripe, das als maßgebliches System für sämtliche Transaktionen fungiert.

Wenn Sie den Preis oder die Details eines Produkts nach der Veröffentlichung aktualisieren müssen, haben Sie zwei Möglichkeiten: Bitten Sie Coderick AI im Chat, das Produkt zu aktualisieren, oder bearbeiten Sie den Datensatz direkt in der PocketBase-Datenbank Ihres Projekts.

Tipps, um Stripe in Coderick AI optimal zu nutzen

• Benennen Sie Ihren Schlüssel in Stripe eindeutig. Verwenden Sie Bezeichnungen wie „Coderick AI [Projektname]“, damit Sie ihn bei Bedarf leicht identifizieren und widerrufen können.
• Beschreiben Sie Ihre Produkte/Dienstleistungen ausführlich. Je detaillierter Sie Coderick AI informieren, desto besser werden der Produkt/Dienstleistungsdatensatz und der Zahlungslink in PocketBase und Stripe.
• Überprüfen Sie Ihr Stripe-Dashboard auf fehlgeschlagene Zahlungen. Coderick AI stellt die Verbindung her, aber in Stripe sehen Sie die Details auf Transaktionsebene. Überprüfen Sie regelmäßig den Bereich „Zahlungen“ in Ihrem Stripe-Dashboard, insbesondere nach dem Start.
• Teilen Sie Coderick AI genau mit, was Sie verkaufen. Geben Sie klar an, ob Sie Einmalzahlungen oder Abonnements anbieten (die Checkout-Logik unterscheidet sich bei beiden). Beschreiben Sie, was nach dem Kauf geschehen bzw. angezeigt werden soll: eine Bestätigungsseite, Zugangsanweisungen oder, falls Sie Abonnements verkaufen, eine Möglichkeit für Kunden, diese zu verwalten und zu kündigen. Je genauer Sie den gesamten Ablauf beschreiben, desto besser kann Coderick AI ihn umsetzen.
• Sie können Coderick AI auch nutzen, um ein Dashboard für die Verwaltung von Rückerstattungen zu erstellen. Geben Sie einfach eine entsprechende Anweisung ein. Auf diese Weise können Sie Rückerstattungen direkt aus Ihrem eigenen Projekt heraus bearbeiten, sofern für Ihren eingeschränkten Schlüssel die Berechtigungen für Rückerstattungen aktiviert sind (dies ist in der Regel standardmäßig eingerichtet). Beachten Sie, dass Sie weiterhin in Ihrem Stripe-Dashboard überprüfen müssen, ob eine Rückerstattung tatsächlich erfolgt ist.