Tutorials

How to create Stripe Checkout page [2025 Easy Guide]

Melden

Hier ist ein aktueller Schritt-für-Schritt-Guide, wie du 2025 eine Stripe Checkout-Seite erstellst – von der einfachsten "No-Code"-Variante bis hin zur Integration in deine Website.

Stripe Checkout ist die am schnellsten wachsende und am besten optimierte Zahlungslösung der Welt. Sie passt sich automatisch an das Gerät des Kunden an, unterstützt Apple Pay/Google Pay und ist für maximale Conversion-Raten optimiert.

In diesem Guide zeige ich dir zwei Wege:

  1. Die No-Code-Variante (Zahlungslinks – fertig in 2 Minuten).
  2. Die Low-Code-Variante (Integration in deine Website).

Schritt 1: Stripe-Konto vorbereiten

Bevor du startest, benötigst du ein Konto bei Stripe.com.

  1. Registriere dich und logge dich in dein Dashboard ein.
  2. Stelle sicher, dass du dich oben rechts im "Test-Modus" befindest, solange du die Einrichtung testest.
  3. Vervollständige dein Profil (Unternehmensdaten), damit du später Live-Zahlungen annehmen kannst.

Methode A: Der No-Code Weg (Stripe Payment Links)

Ideal für Social Media, Newsletter oder einfache "Jetzt kaufen"-Buttons.

  1. Produkt erstellen: Gehe im Dashboard auf Produkte > Produkt hinzufügen. Gib Name, Beschreibung und Preis ein (einmalig oder Abonnement). Speichere das Produkt.
  2. Zahlungslink generieren: Klicke in der Produktübersicht auf den Button Zahlungslink erstellen.
  3. Anpassen: Du kannst hier entscheiden, ob du Adressen sammeln willst, Promo-Codes erlaubst oder Kunden eine Rechnung schicken möchtest.
  4. Link teilen: Klicke auf "Link erstellen". Du erhältst eine URL (z.B. buy.stripe.com/xyz). Diesen Link kannst du überall posten oder als Button auf deiner Website verlinken.

Methode B: Der Low-Code Weg (Checkout Integration)

Ideal für Websites, bei denen der Kunde nach dem Kauf automatisch zurückgeleitet werden soll.

Seit 2025 ist Stripe Checkout noch einfacher geworden. Hier ist das Grundprinzip mit JavaScript:

1. API-Keys finden

Gehe zu Entwickler > API-Schlüssel. Du benötigst deinen Veröffentlichbaren Schlüssel (Publishable Key) und deinen Geheimen Schlüssel (Secret Key).

2. Checkout-Session erstellen (Server-seitig)

Du musst eine "Session" erstellen. Hier ein Beispiel, wie das in Node.js/Backend aussieht:

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

const session = await stripe.checkout.sessions.create({
  payment_method_types: ['card'],
  line_items: [
    {
      price: 'price_H5gg6m3Zlkj', // Die Preis-ID aus deinem Dashboard
      quantity: 1,
    },
  ],
  mode: 'payment',
  success_url: 'https://deine-website.de/erfolg',
  cancel_url: 'https://deine-website.de/abgebrochen',
});

3. Weiterleitung zum Checkout (Client-seitig)

Auf deiner Website bindest du Stripe ein und leitest den Nutzer zur session.url weiter, die du im vorherigen Schritt generiert hast.

Schritt 3: Das Design anpassen (Branding)

Damit die Checkout-Seite aussieht wie deine Marke:

  1. Gehe zu Einstellungen > Erscheinungsbild.
  2. Lade dein Logo hoch.
  3. Wähle deine Markenfarben für den "Bezahlen"-Button und den Hintergrund.
  4. Wähle eine eigene Domain (z.B. checkout.deinefirma.de), um das Vertrauen zu erhöhen.

Schritt 4: Testen (Wichtig!)

Bevor du live gehst, musst du prüfen, ob alles funktioniert:

  1. Nutze die Test-Kreditkartennummer: 4242 4242 4242 4242.
  2. Gib ein beliebiges Ablaufdatum in der Zukunft und einen beliebigen CVC ein.
  3. Prüfe im Dashboard unter Zahlungen, ob die Test-Zahlung eingegangen ist.

Schritt 5: Live gehen

Wenn alles funktioniert:

  1. Schalte den Schalter "Test-Modus" im Dashboard auf Live.
  2. Ersetze deine Test-API-Keys in deinem Code durch die Live-Keys.
  3. Erstelle (falls du Methode A nutzt) einen neuen Live-Zahlungslink.

Neuheiten in 2025

  • Adaptive Pricing: Stripe zeigt Kunden automatisch Preise in ihrer Lokalwährung an.
  • Alternative Zahlungsmethoden: Aktiviere im Dashboard mit einem Klick "Klarna", "Rechnungskauf" oder "PayPal" – Stripe Checkout integriert diese automatisch, ohne dass du den Code ändern musst.
  • Post-Purchase-Upsells: Du kannst Kunden direkt nach der Zahlung ein weiteres Angebot machen.

Fazit: Stripe Checkout ist 2025 die einfachste Lösung, da Stripe das Hosting, die Sicherheit (PCI-Compliance) und die Optimierung für Mobilgeräte übernimmt. Für Anfänger ist der Payment Link (Methode A) der absolute Favorit!

0