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.

Diese Funktionalität ist nicht für alle Heyflow Kunden verfügbar. Besuche die Plan- und Preisübersicht für mehr Informationen.

Wie funktioniert das?

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 Screens mit Stripe-Checkout-Blöcken einzufügen und deine Flow-Besucher:innen mit konditionaler Logik zu der entsprechenden Option zu leiten.
Im Moment akzeptiert der Stripe Checkout-Block nur Kreditkarten. Andere Zahlungsarten (z.B. PayPal, Bankkonto) können nicht verwendet werden.

❗ 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.

Der Block funktioniert noch nicht in eingebetteten Flows.

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!

Hinzufügen des Stripe Checkout-Blocks zu deinem Heyflow

Ziehe den Stripe Checkout-Block in das Bearbeitungsfenster deines Heyflows
Klicke auf den Block, um die Einstellungen zu öffnen
Zuerst musst du dein Stripe-Konto auswählen. Wenn es hier nicht aufgeführt ist, musst du dein Konto zunächst im Abschnitt "Integrationen" deiner Kontoeinstellungen authentifizieren.
Wähle deine Währung und den Betrag und lege eine Erfolgsmeldung fest, falls gewünscht. Scrolle zum Tab " Aussehen", um aus verschiedenen Presets auszuwählen - jetzt ist dein Stripe Checkout-Block einsatzbereit!

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

Anpassen deines Stripe Checkout-Blocks

Neben den allgemeinen Einstellungen für das Aussehen und Verhalten von Blöcken, kannst du in den Blockeinstellungen noch ein paar weitere Dinge für deinen Stripe-Checkout ändern.

Ändere den Inhalt deines "Jetzt bezahlen"-Buttons im Bearbeitungsfenster
Wähle aus verschiedenen Stripe Presets, um das Design zu ändern
Entscheide, ob deine Flow-Besucher:innen zum nächsten oder zu einem bestimmten Screen geleitet werden sollen, ob die Zahlung das Submit-Event sein soll oder ob sie auf eine andere Seite weitergeleitet werden sollen.
Definiere die Erfolgsmeldung, die angezeigt werden soll, wenn die Zahlung erfolgreich verarbeitet wurde

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

Bearbeitungsoptionen

Allgemein

Stripe-Konto: Wähle deinen Stripe-Account.
Währung: Wählen Sie, ob die Währung EUR (€) oder USD ($) sein soll.
Preis: Wähle den Preis für die Zahlung.
- Achtung: Eine Änderung des Preises führt zu einer sofortigen Preisänderung im veröffentlichten Flow.
Erfolgsmeldung: Definieren Sie die Meldung, die angezeigt wird, wenn die Zahlung erfolgreich war.

Navigation

Navigation: Wählen Sie die Aktion aus, die nach erfolgreicher Zahlung stattfinden soll.

Abstand

Breite: Hierüber kannst du die maximale Ausbreitung des Blockes anpassen und zwischen S, M, L und maximaler Breite auswählen.
Oben, Unten, Links und Rechts: Über diese Optionen kannst du den Abstand zu allen Seiten festlegen. Verwende hierzu entweder den Schieberegler oder lege die genaue Pixelanzahl fest.

Aussehen

Sichtbarkeit: Hierüber kannst du auswählen, ob der Block nur in der mobilen bzw. Desktop Version angezeigt wird oder diesen gänzlich verstecken.
Hintergrundfarbe: Du kannst du eine Farbe auswählen, die als Hintergrund für den Block genutzt wird.
Layout: Wähle das Layout des Blocks.
Stripe Theme: Wähle das Thema des Blocks.

Labels & Variablen

System Label: Lege ein System Label für den Block fest.