Tutorials

💳 Tutorial: So verbindest du Stripe (Schritt-für-Schritt)

Melden

Dieses Tutorial führt dich durch die verschiedenen Möglichkeiten, Stripe zu verbinden – egal, ob du eine fertige Plattform (wie Shopify oder WordPress) nutzt oder eine eigene App entwickelst.

Stripe ist einer der mächtigsten Zahlungsdienstleister weltweit. Um es zu nutzen, musst du es mit deiner Webseite, deinem Shop oder deiner App verknüpfen.

Inhaltsverzeichnis

  1. Vorbereitung (Was du brauchst)
  2. Variante A: No-Code/Plug-and-Play (Shopify, WooCommerce, Wix)
  3. Variante B: API-Anbindung (Für Entwickler / Eigene Apps)
  4. Variante C: Stripe Checkout (Die einfachste Link-Lösung)
  5. Testmodus vs. Live-Modus

1. Vorbereitung

Bevor du startest, benötigst du:

  • Ein Stripe-Konto (kostenlos registrieren unter stripe.com).
  • Deine Firmendaten (Adresse, Steuernummer, Bankverbindung für Auszahlungen).
  • Eine aktivierte Website oder App.

2. Variante A: Verbindung mit Plattformen (No-Code)

Die meisten E-Commerce-Systeme haben eine native Stripe-Integration.

Beispiel: WooCommerce (WordPress)

  1. Installiere das Plugin "Stripe Gateway for WooCommerce".
  2. Gehe zu WooCommerce > Einstellungen > Zahlungen.
  3. Klicke bei Stripe auf "Einrichten".
  4. Klicke auf den Button "Connect to Stripe".
  5. Du wirst zu Stripe weitergeleitet. Logge dich ein und bestätige die Verbindung ("OAuth"-Verfahren).
  6. Fertig! Stripe ist nun verknüpft.

Beispiel: Shopify

  1. Gehe in deinen Admin-Bereich zu Einstellungen > Zahlungen.
  2. Wähle "Stripe" als Drittanbieter (oder nutze "Shopify Payments", das auf Stripe basiert).
  3. Folge den Anweisungen zur Anmeldung.

3. Variante B: API-Anbindung (Für Entwickler)

Wenn du eine eigene Anwendung baust, nutzt du die API-Keys.

Schritt 1: API-Keys finden

  1. Logge dich in dein Stripe Dashboard ein.
  2. Stelle sicher, dass oben rechts der Schalter "Test-Modus" aktiviert ist, solange du entwickelst.
  3. Gehe zu Entwickler > API-Schlüssel.
  4. Hier findest du zwei wichtige Schlüssel:
    • Veröffentlichbarer Schlüssel (Publishable Key): pk_test_... (Darf im Frontend/JavaScript stehen).
    • Geheimer Schlüssel (Secret Key): sk_test_... (Darf NIEMALS öffentlich sein! Nur auf deinem Server nutzen).

Schritt 2: Integration im Code (Beispiel Node.js)

Installiere die Stripe-Library:

npm install stripe

Verbinde dich im Backend:

const stripe = require('stripe')('dein_geheimer_schlüssel_hier');

const session = await stripe.checkout.sessions.create({
  payment_method_types: ['card'],
  line_items: [{ price: 'price_ID', quantity: 1 }],
  mode: 'payment',
  success_url: 'https://deine-seite.de/erfolg',
  cancel_url: 'https://deine-seite.de/abbruch',
});

4. Variante C: Stripe Checkout (Zahlungslinks)

Dies ist der schnellste Weg, um ohne Programmierung bezahlt zu werden.

  1. Gehe im Dashboard zu Zahlungen > Payment Links.
  2. Klicke auf "Neu".
  3. Wähle ein Produkt aus oder erstelle eines (Preis, Name, Bild).
  4. Klicke auf "Link erstellen".
  5. Diesen Link kannst du nun per E-Mail senden, in Social Media posten oder als Button auf deine Website setzen.

5. Testmodus vs. Live-Modus (Wichtig!)

Bevor du echtes Geld annimmst, solltest du alles testen:

  • Test-Modus: Nutze die Test-Kreditkartennummern von Stripe (z. B. 4242 4242 4242 4242).
  • Live-Modus: Sobald alles funktioniert, schalte den Regler im Dashboard auf "Live".
  • Wichtig: Du musst im Live-Modus die Live-Keys (pk_live_... und sk_live_...) in deiner App hinterlegen. Die Test-Keys funktionieren im Live-Modus nicht.

🛡️ Sicherheitshinweise

  1. PCI-Compliance: Wenn du Stripe Elements oder Checkout nutzt, musst du dich nicht um die Speicherung von Kreditkartendaten kümmern – das übernimmt Stripe sicher für dich.
  2. Webhooks: Wenn du automatisierte Prozesse hast (z. B. "Schalte Premium-Status frei nach Zahlung"), richte Webhooks ein (Entwickler > Webhooks), damit Stripe deinen Server informiert, wenn eine Zahlung erfolgreich war.

Hast du eine spezifische Plattform, für die du eine Anleitung benötigst? (z. B. Bubble.io, Next.js, Webflow?) Gib einfach Bescheid! 🚀

0