Best Practices für die Payment Element-Integration

Verwenden Sie die Checkliste auf dieser Seite, um sicherzustellen, dass Sie Ihre Payment Element-Integration optimal einrichten. Mit den folgenden Funktionen können Sie auf zusätzliche Integrationsoptionen zugreifen. Wenn Sie beispielsweise dynamische Zahlungsmethoden verwenden, können Sie Zahlungsmethodenregeln einsetzen, um Zahlungsmethoden mit nutzerdefinierten Kriterien darzustellen.

Checkliste für die Integration

• Layout auswählen

  Wählen Sie das Layout des Payment Element aus, das zum Design Ihrer Website passt, und führen Sie dann einen A/B-Test durch, um die beste Wahl zu bestätigen. Wenn Sie mehr als vier Zahlungsmethoden haben, empfehlen wir das Akkordeon-Layout.

• Design hinzufügen

  Gestalten Sie das Payment Element mithilfe der Appearance API so, dass es dem visuellen Design Ihrer Website entspricht. Sie können dieses Design auf jedes Element anwenden, das Sie Ihrer Integration hinzufügen.

• Wählen Sie aus, wie Sie eine Zahlung einziehen möchten

  Verwenden Sie die Checkout Sessions API für die meisten Bezahlvorgänge. Sie bietet integrierte Funktionen, die nutzerdefinierten Code entfernen.

  Wenn Sie die Payment Intents API verwenden, entscheiden Sie, ob Sie Zahlungen einziehen möchten, bevor Sie den PaymentIntent erstellen. Um eine Zahlung anzunehmen, erstellen Sie einen PaymentIntent mit einem Betrag und der Währung und bestätigen Sie ihn dann, um eine Zahlung zu erstellen. Sie können die Zahlung vor oder nach der Erstellung des PaymentIntent einziehen. Ziehen Sie die Zahlung vorher ein.

  Vergleichen Sie die Checkout Sessions API mit der Payment Intents API.

• Metadaten senden

  Senden Sie Metadaten, die in Ihren Berichten angezeigt werden. Dadurch werden Ihre Metadaten indiziert, um sicherzustellen, dass sie im Stripe-Dashboard bei einer Suche gefunden werden können. Sie können diese Metadaten verwenden, um Transaktionen zu finden und zu referenzieren.

• Unbedingt die neueste API verwenden

  Überprüfen Sie, ob Ihre Integration die neueste API-Version verwendet.

• Wählen Sie die Zahlungsmethoden aus, die Sie anzeigen möchten

  Verwenden Sie dynamische Zahlungsmethoden als Teil der standardmäßigen Stripe-Integration, um Ihren Kundinnen und Kunden mögliche Zahlungsmethoden dynamisch anzuzeigen. Stripe ordnet die Zahlungsmethoden nach Wahrscheinlichkeit der Umrechnung an und achtet dabei auf Faktoren wie Betrag, Währung und Standort. Mit dynamischen Zahlungsmethoden können Sie Folgendes:

  • Wählen Sie die Zahlungsmethoden, die Ihre Kundinnen und Kunden verwenden können, im Dashboard aus.
  • Verwenden Sie zusätzliche Funktionen wie Zahlungsmethodenregeln, die es Ihnen ermöglichen, Zahlungsmethoden nach nutzerdefinierten Kriterien darzustellen.
• Zahlungsmethoden testen

  Wenn Ihre Integration abgeschlossen ist, führen Sie Tests durch und schauen Sie sich an, wie die Zahlungsmethoden der Kundschaft angezeigt werden. Geben Sie im Formular Angezeigte Zahlungsmethoden prüfen eine Transaktions-ID ein, um herauszufinden, welche Zahlungsmethoden für diese bestimmte Transaktion verfügbar waren und welche nicht. Sie können auch simulieren, welche Zahlungsmethoden in einem bestimmten Szenario angezeigt werden, indem Sie Faktoren wie den Betrag, die Währung, die Erfassungsmethode und die zukünftige Nutzung ändern.

• iframes vermeiden

  Das Payment Element enthält einen iFrame, der Zahlungsinformationen über eine sichere HTTPS-Verbindung an Stripe sendet. Vermeiden Sie es, das Payment Element in einem anderen iFrame zu platzieren, da einige Zahlungsmethoden die Weiterleitung an eine andere Seite zur Zahlungsbestätigung erfordern. Weitere Informationen dazu, was Sie bei iframes beachten sollten, finden Sie unter Zahlungsdetails erfassen.

Checkliste für zusätzliche Funktionen

• Link aktivieren

  Nachdem Sie Ihre Nutzeroberfläche und Ihre dynamischen Zahlungsmethoden integriert haben, aktivieren Sie Link auf der Seite mit Zahlungsmethodeneinstellungen. Link speichert und füllt die Zahlungs- und Versanddetails des Kunden/der Kundin sicher aus. Es unterstützt verschiedene Zahlungsmethoden, darunter Kreditkarten, Debitkarten und US-Bankkonten. Für angemeldete Kunden/Kundinnen, die Link bereits nutzen, füllt diese Funktion ihre Daten vorab aus, unabhängig davon, ob sie sie ursprünglich auf der Bezahlseite eines anderen Unternehmens gespeichert haben.

• Link Authentication Element hinzufügen

  Um Versandadressen zu erfassen und vorab auszufüllen, empfehlen wir, Link Authentication Element zu verwenden. Damit lässt sich ein einzelnes E-Mail-Eingabefeld sowohl für die Erfassung der E-Mail-Adresse als auch für die Link-Authentifizierung erstellen.

• Address Element hinzufügen

  Das Address Element optimiert die Erfassung von Versand- und Rechnungsdaten während des Bestellvorgangs. Es lässt sich mit anderen Elementen integrieren und füllt Adressen mit Link vorab aus. Es unterstützt automatische Vorschläge für die Eingabe neuer Adressen durch Unterstützung des kostenlosen Google Autocomplete.

  • Im Modus shipping haben die Kundinnen/Kunden die Möglichkeit, ihre Versandadresse als Rechnungsadresse zu nutzen.
  • Im Modus billing blendet Stripe die Abrechnungsfelder innerhalb des Payment Element aus, damit die Kundinnen/Kunden ihre Daten nur einmal eingeben müssen.
• Payment Method Messaging Element hinzufügen

  Wenn Sie die Option „Jetzt kaufen, später bezahlen“ (Buy now, pay later, BNPL) anbieten möchten, empfehlen wir Ihnen, diese vor dem Bezahlvorgang zu bewerben, um die Bekanntheit zu fördern, den Bestellwert zu steigern und die Konversion mit dem Payment Method Messaging Element positiv zu beeinflussen.

  • Sie können diese vereinheitlichte einbettbare Komponente auf Produktdetail-, Warenkorb- und Zahlungsseiten anzeigen.
  • Dieses Element enthält Unterstützung für Affirm, Afterpay und Klarna.
• Express Checkout Element hinzufügen

  Verwenden Sie das Express Checkout Element, um Kundinnen/Kunden mehrere Schaltflächen für Zahlungen mit einem Klick in einer einzelnen Komponente der Nutzeroberfläche anzuzeigen, darunter Apple Pay, Google Pay, PayPal und Link.