Stripe Payment Links: Einrichtung, Website-Buttons und Danke-Seiten
Leitfaden zu Stripe Payment Links
Stripe Payment Link: Einrichten, Button einbetten und nach der Zahlung weiterleiten | We.Inc
Erstelle einen Stripe Payment Link, bau ihn als gestalteten Button oder Buy Button in deine Website ein, leite Käufer auf deine eigene Danke-Seite weiter und verfolge, welche Kampagne verkauft hat. Mit Button-Code zum Kopieren.
Ein Stripe Payment Link ist eine gehostete Checkout-Seite, die du ohne Code im Stripe Dashboard erstellst. Leg ein Produkt mit Preis an, erstelle den Link und platziere ihn hinter einem Button auf deiner Website. Du kannst Käufer nach der Zahlung auf deine eigene Danke-Seite weiterleiten und dem Link Parameter anhängen, um die E-Mail-Adresse vorauszufüllen oder den Verkauf zu kennzeichnen.
Payment Link, Buy Button oder Checkout?
Option
Benötigter Code
Ideal für
Payment Link
Keiner; eine URL teilen oder verlinken
Verkauf weniger Produkte, Rechnungen per Link, Social-Media-Bios
Buy Button
Ein Skript und ein Tag einfügen
Ein Button im Stripe-Design, eingebettet in deine Seite
Checkout (API)
Servercode erstellt jede Session
Warenkörbe, Preise pro Kunde, Apps mit Login
Dieser Leitfaden behandelt die Einrichtung im Dashboard, drei Wege, den Link auf eine Website zu bringen, die Weiterleitung auf deine eigene Erfolgsseite, Link-Parameter zum Vorausfüllen und Tracken sowie die Einstellungen, die oft übersehen werden: Steuern, Mengen und Aktionscodes.
Füge im Stripe Dashboard ein Produkt mit Namen, Bild und einem einmaligen oder wiederkehrenden Preis hinzu.
Erstelle einen Payment Link für diesen Preis und wähle Optionen wie Menge, Aktionscodes, Steuererhebung und welche Angaben abgefragt werden.
Behalte in den Einstellungen nach der Zahlung die Bestätigungsseite von Stripe oder leite auf eine Seite deiner eigenen Website weiter.
Kopiere den Link und platziere ihn hinter einem Button auf deiner Website, oder erstelle einen Buy Button und füge seinen Einbettungscode ein.
Teste den gesamten Ablauf im Testmodus mit der Testkarte von Stripe, wechsle dann in den Live-Modus und wiederhole ihn mit einem echten Kauf, den du erstattest.
Erstelle einen Link pro Produkt und Preis. Wenn sich der Preis ändert, erstelle einen neuen Link und tausche ihn auf deiner Website aus, statt einen Link wiederzuverwenden, auf den alte Beiträge und E-Mails noch verweisen.
Aktiviere Aktionscodes in den Link-Einstellungen, wenn du Rabatte planst. Später erstellte Codes funktionieren dann, ohne dass du die Website anfassen musst.
Leite Käufer auf deine eigene Danke-Seite weiter, damit du nächste Schritte zeigen, die Conversion tracken und etwas Passendes anbieten kannst.
Schreib eine klare Button-Beschriftung mit Preis, zum Beispiel Template kaufen, $29. Weniger Überraschungen im Checkout bedeuten weniger abgebrochene Zahlungen.
Häufige Fragen
Kosten Payment Links extra?
Stripe berechnet nichts für den Link selbst. Du zahlst bei jeder erfolgreichen Zahlung die normale Bearbeitungsgebühr von Stripe, die von deinem Land und der Zahlungsmethode abhängt. Mit dem Rechner für Zahlungsgebühren siehst du, was dir ein Verkauf netto einbringt.
Kann ein Payment Link ein Abo verkaufen?
Ja. Gib dem Produkt einen wiederkehrenden Preis, etwa monatlich oder jährlich, und der Link startet ein Abonnement. Kunden können es dann über das Kundenportal von Stripe verwalten, wenn du es aktivierst.
Wie leite ich nach der Zahlung auf meine eigene Seite weiter?
Wähle in den Einstellungen nach der Zahlung des Payment Links, dass die Bestätigungsseite von Stripe nicht angezeigt wird, und gib die URL deiner Seite ein. Du kannst {CHECKOUT_SESSION_ID} in die URL einfügen, Stripe ersetzt es durch die Session-ID, damit deine Seite oder dein Server die Bestellung nachschlagen kann.
Reicht die Weiterleitung, um ein digitales Produkt auszuliefern?
Allein nicht. Jeder mit der URL kann eine Danke-Seite öffnen. Für Downloads oder Kontozugang liefere über etwas aus, das Stripe bestätigt, etwa einen Webhook auf deinem Server, eine Automatisierung, die auf die Zahlung reagiert, oder eine mit Stripe verbundene Auslieferungsplattform.
Kann ich sehen, aus welcher Kampagne ein Verkauf kam?
Ja. Stripe dokumentiert utm_source, utm_medium, utm_campaign, utm_term und utm_content als Link-Parameter sowie client_reference_id für deine eigene Referenz. Häng sie an den Link hinter jeder Anzeige oder jedem Beitrag an.
Den Link einrichten
Beginne im Testmodus, damit nichts wirklich abgebucht wird. Erstelle zuerst das Produkt, denn der Link wird aus einem Produkt und einem Preis aufgebaut. Füge einen klaren Namen und ein quadratisches Bild hinzu; beides erscheint auf der Checkout-Seite.
Entscheide beim Erstellen des Links, was abgefragt wird: Rechnungsadresse, Lieferadresse, Telefonnummer oder eigene Felder wie ein Firmenname. Jedes zusätzliche Feld kostet einige abgeschlossene Zahlungen, also frag nur ab, was du zur Erfüllung der Bestellung brauchst.
Wenn du in Länder verkaufst, die Umsatzsteuer oder Mehrwertsteuer erheben, aktiviere die automatische Steuererhebung, die Stripe Tax nutzt und eingerichtete Steuerregistrierungen voraussetzt. Andernfalls rechne die Steuer in deinen Preis ein und weise auf der Seite darauf hin.
Den Link auf deine Website bringen
Der einfachste Weg ist ein normaler Link, der wie ein Button gestaltet ist, sofort lädt und zu deinem Design passt. Die Beispiele unten bieten drei Stile zum Kopieren. Der Buy Button ist der zweite Weg: Stripe zeichnet den Button für dich in deiner Seite und verarbeitet den Klick.
Öffne den Link im selben Tab. Ein Checkout in einem neuen Tab verwirrt Menschen auf dem Handy und unterbricht die Rückkehr zu deiner Danke-Seite.
Button-Code für deinen Payment Link
Ersetze das href durch deinen eigenen Link. Jeder Button ist ein einfacher Link und funktioniert daher in jedem Website-Baukasten, der HTML akzeptiert.
Gefüllter Button mit Preis
Ein auffälliger Button in voller Breite auf dem Handy, der sich auf breiteren Bildschirmen an den Inhalt anpasst.
Preiskarte mit Button
Eine kleine Karte für ein einzelnes Produkt mit dem Leistungsumfang und einer beruhigenden Zeile unter dem Button.
Umriss-Button für eine zweite Option
Verwende einen dezenteren Stil für einen zweiten Preis, etwa einen Jahrestarif neben einem Monatstarif.
Stripe Buy Button einbetten
Erstelle den Buy Button auf der Seite des Payment Links im Dashboard und füge dann den Code ein, den du erhältst. Er hat diese Form.
Einbettungscode für den Buy Button
Das Skript wird einmal pro Seite geladen; jedes stripe-buy-button-Tag zeichnet einen Button. Die IDs stammen aus deinem Dashboard.
Buy Button in React
Lade das Skript einmal und rendere dann das Custom Element. In TypeScript musst du das Element eventuell in einer .d.ts-Datei deklarieren.
Link-Parameter zum Vorausfüllen und Tracken
Häng sie als Query-String an das Ende des Links an. Die Werte müssen URL-codiert sein.
Von Stripe dokumentierte URL-Parameter für Payment Links
Parameter
Beispiel
Was er bewirkt
?prefilled_email=ana%40example.com
Füllt das E-Mail-Feld aus
?prefilled_promo_code=LAUNCH20
Wendet einen Aktionscode an (Aktionscodes müssen aktiviert sein)
?client_reference_id=order_1042
Speichert deine eigene Referenz in der Checkout-Session
Kopiert UTM-Tags aus der Seiten-URL an jeden Payment Link auf der Seite, damit der Verkauf der Anzeige oder dem Beitrag zugeschrieben wird, über den der Besucher kam.
Eine Danke-Seite, die die Session ausliest
Setze die Weiterleitung nach der Zahlung auf eine URL wie https://yoursite.com/thanks?session_id={CHECKOUT_SESSION_ID}. Die Seite kann sofort eine freundliche Nachricht anzeigen und, wenn du einen Server hast, die Zahlung bestätigen.
Inhalt der Danke-Seite
Einfaches HTML, das überall funktioniert. Halte die eigentliche Auslieferung (Download-Link, Kontozugang) hinter einer Serverprüfung oder einem Webhook.
Die Session auf deinem Server bestätigen (Node)
Nutzt die offizielle Node-Bibliothek von Stripe. Vertrau nie allein der URL; frag Stripe, ob die Session bezahlt wurde.