⭐ Verfügbar im folgenden Paket: Conversion-Paket (inkl. in Growth, Scale)

⭐ Verfügbar in den folgenden Plänen: Business

👀 Nicht sicher, welchen Plan du hast? Überprüfe dein Abonnement.

Mit dem Stripe Checkout-Block kannst du Zahlungen und Transaktionen zu deinem Heyflow hinzufügen und es Flow-Besucher:innen ermöglichen, einmalige Käufe abzuschließen, ohne die Seite verlassen zu müssen.

❗ Du nutzt Heyflow aktuell in der Testphase? Aus Sicherheitsgründen steht dir diese Funktion während der Testphase nicht zur Verfügung. Wenn du Fragen hast oder Hilfe brauchst, schreib uns gerne im Chat oder per Mail an [email protected].

❗ Wichtig: Der Stripe Checkout Block ist nur in der Vorschau und dem öffentlichen Flow sichtbar, aber nicht in dem Bearbeitungsmodus.

Wie funktioniert es?

Das Design deines Stripe-Blocks hängt von deinen Stripe-Presets ab. Du kannst im Tab "Aussehen" in den Blockeinstellungen aus verschiedenen Stripe-Presets wählen.
Aus Sicherheitsgründen kannst du nur einen Betrag pro Checkout-Block festlegen. Wenn du mehrere Checkout-Optionen mit unterschiedlichen Beträgen in deinen Heyflow einbauen möchtest, empfehlen wir dir, mehrere Seiten mit Stripe-Checkout-Blöcken einzufügen und deine Flow-Besucher:innen mit konditionaler Logik zu der entsprechenden Option zu leiten.
Standardmäßig akzeptiert der Stripe Checkout Block Kreditkartenzahlungen.
Wenn du zusätzliche Zahlungsmethoden wie Apple Pay oder Google Pay anbieten möchtest, musst du diese zuerst in deinem Stripe-Account aktivieren (siehe FAQ). Bitte beachte, dass andere Zahlungsmethoden (z. B. PayPal oder Banküberweisung) aktuell nicht unterstützt werden.
Der Block funktioniert nicht in eingebetteten Flows.

❗ Bitte beachte: Dieses Feature wird zunächst als Beta-Version veröffentlicht, die für Heyflow-Kunden kostenlos zugänglich ist. Bitte beachte, dass wir in Zukunft möglicherweise eine Preisstruktur mit Umsatzbeteiligung oder Pauschalgebühr einführen werden.

Ersteinrichtung der Stripe-Integration

Klicke auf deine Initialen in der oberen rechten Ecke, um deine Account-Einstellungen zu öffnen und gehe zu "Integrationen".
Wähle "Integration hinzufügen" und ein Pop-up-Fenster wird angezeigt. Hier musst du Stripe auswählen.
Dann wirst du aufgefordert, deine Stripe-Anmeldedaten einzugeben, um dein Konto zu authentifizieren.
Nachdem du Stripe verbunden hast, kannst du den Stripe Checkout-Block zu jedem Heyflow hinzufügen!

Inhalt bearbeiten

Nach dem Klick auf einen Block findest du rechts den Bereich Inhalts.

Zuerst aktualisierst du das Button-Label, das den Nutzer:innen angezeigt werden soll. Anschließend legst du die Erfolgsmeldung fest – also den Text, der Nutzer:innen angezeigt wird, sobald ihre Zahlung erfolgreich abgeschlossen wurde.

🔎 Die Button-Farbe des Stripe-Blocks ist immer die Sekundärfarbe. Lerne hier mehr über das allgemeine Flow-Design.

Einstellungen anpassen

Nach dem Klick auf einen Block findest du rechts den Bereich Einstellungen. Hier passt du Optionen, Darstellung und Verhalten des Blocks so an, wie es zu deinem Flow passt.

Allgemein

In den Allgemeinen Einstellungen konfigurierst du alle Details rund um die Zahlungsabwicklung. Zuerst wählst du das Stripe-Konto, das du verbinden möchtest.

Anschließend bestimmst du die Währung für die Transaktion – entweder EUR (€) oder USD ($). Danach legst du den Preis der Zahlung fest. Außerdem kannst du Werte aus deinem Flow an Stripe übergeben, z. B. Name, E-Mail und Telefonnummer.

❗ Wichtig: Wenn du den Preis in den Blockeinstellungen änderst, wird der neue Betrag sofort in deinem Live-Flow angezeigt, ohne dass du ihn erneut veröffentlichen musst.

Navigation

Unter Navigation kannst du einstellen, was nach der Stripe Bezahlung passiert:

Nächste Seite: Immer zur nächsten Seite gehen
Zur Seite springen: Immer zu einer bestimmten Seite gehen
Weiterleitung: Zu einer anderen Website navigieren
Absenden: Das Formular absenden
Erweiterte Logik: Erstelle Regeln für die Navigation

Erscheinungsbild

Lege fest, ob der Block nur auf Mobile, Desktop oder gar nicht angezeigt wird. Du kannst außerdem eine Hintergrundfarbe für den Block wählen.

Für das Layout wähle zwischen Automatic, Tabs und Accordion. Du kannst außerdem auch ein anderes Stripe Theme, wie z.B. Night, Flat, Minimal, Ninety Five, Bubble Gum oder Dark Blue Theme wählen.

❗ Wichtig: Die Sprache des Blocks passt sich automatisch an die Sprache des Browsers der Besucher:innen an.

Abstände

Passe die Breite des Blockes (S, M, L oder max.) an und definiere die Abstände nach oben, unten, links und rechts mit einer Pixelangabe.

Labels & Variablen

System Label legen fest, wie deine Daten gespeichert und organisiert werden.

Tracking

Wenn das Tracking für diesen Block aktiviert ist, kannst du der erfolgreichen Bezahlung einen Ereignisnamen geben, der an deine integrierten Tracking-Tools gesendet wird. Hier findest du mehr Informationen zum Tracking.

Best Practices & FAQ

❓ Kann ich verschiedene Währungen nutzen?

Momentan unterstützt der Block nur Euro (EUR) und US-Dollar (USD). Du kannst die gewünschte Währung in den Block-Einstellungen auswählen.

❓ Brauche ich ein eigenes Stripe-Konto?

Ja, ein Stripe-Konto ist erforderlich. Alle Zahlungen laufen direkt über dein verbundenes Konto, so behältst du die volle Kontrolle über deine Einnahmen.

❓ Funktioniert der Block mit Stripe-Abos?

Noch nicht. Der Block unterstützt aktuell nur Einmalzahlungen.

❓ Sind Zahlungen sicher?

Absolut. Alle Transaktionen werden von Stripe abgewickelt, das branchenübliche Verschlüsselung und Sicherheitsmaßnahmen nutzt.

❓ Wie kann ich Apple Pay und Google Pay aktivieren?

So aktivierst du Apple Pay und Google Pay in deinem Stripe Checkout Block:

Gehe in deinem Stripe-Dashboard zu Einstellungen → Zahlungen unter Produkteinstellungen.
Füge unter Zahlungsmethoden-Domains die Domain deines Funnels hinzu.
Öffne danach Zahlungsmethoden, klicke auf deine Konfiguration und aktiviere Apple Pay und Google Pay.

Diese beiden Optionen werden automatisch mobilen Besucher:innen angezeigt, die Apple Pay oder Google Pay auf ihrem Gerät eingerichtet haben.

⭐ Nur in alleinstehenden Funnels nutzen

Der Stripe-Block funktioniert derzeit nur in alleinstehenden Funnels. Einbettungen werden nicht unterstützt.

⭐ Sei transparent bei den Kosten

Zeige Preis, Währung und eventuelle Zusatzgebühren vor dem Zahlungsschritt an.

Verwandte Artikel

Fortschrittsanzeige Block