BNPL-Nachrichten anzeigenÖffentliche Vorschau
Zahlungsoptionen vom Typ „Jetzt kaufen, später bezahlen“ automatisch erklären.
Um Werbenachrichten für die Option Jetzt kaufen, später bezahlen anzuzeigen, verwenden Sie das Payment Method Messaging Element.
Stripe einrichtenServerseitigClientseitig
Zunächst benötigen Sie ein Stripe-Konto. Registrieren Sie sich jetzt.
Das Stripe iOS SDK ist Open Source, vollständig dokumentiert und kompatibel mit Apps, die iOS 13 oder höher unterstützen.
Hinweis
Details zur aktuellen SDK-Version und zu vorherigen Versionen finden Sie auf der Seite Releases auf GitHub. Um bei Veröffentlichung einer neuen Version eine Benachrichtigung zu erhalten, achten Sie auf die Releases zum jeweiligen Repository.
Konfigurieren Sie das SDK mit Ihrem veröffentlichbaren Schlüssel von Stripe, um es beim Start der App auszuführen. Dadurch kann Ihre App Anfragen an die Stripe-API senden.
Hinweis
Verwenden Sie Ihre Testschlüssel beim Testen und Entwickeln Ihrer App und Ihre Live-Modus-Schlüssel beim Veröffentlichen Ihrer App.
Payment Method Messaging Element initialisieren
Rufen Sie create auf, um das Payment Method Messaging Element mit einer PaymentMethodMessagingElement. zu instanziieren. Das Configuration-Objekt enthält Details zum potenziellen Kauf und der Darstellung der entsprechenden Informationen. Nachdem das PaymentMethodMessagingElement erfolgreich initialisiert wurde, fügen Sie seine Ansicht in Ihre Benutzeroberfläche ein.
@_spi(PaymentMethodMessagingElementPreview) import StripePaymentSheet class MyViewController: UIViewController { private var amount = 1000 // $10.00 private var currency = "USD" private var paymentMethodMessagingElementView: UIView? func addPaymentMethodMessagingElement() { Task { @MainActor in // Create configuration object let configuration = PaymentMethodMessagingElement.Configuration( amount: amount, currency: currency, ) // Create PaymentMethodMessagingElement switch await PaymentMethodMessagingElement.create(configuration: configuration) { case .success(let element): let elementView = element.view self.view.addSubview(elementView) self.paymentMethodMessagingElementView = elementView // Set up constraints for elementView NSLayoutConstraint.activate([( // .. )]) case .noContent: // No element is available to display with this configuration // You may want to adapt your UI accordingly // ... case .failed(let error): // An unrecoverable error has occurred while attempting to load the element // You may want to log the error or take other action // ... } } } override func viewDidLoad() { super.viewDidLoad() // Set up the remainder of your page // ... addPaymentMethodMessagingElement() } }
OptionalElement aktualisieren
Wenn der Kunde/die Kundin eine Aktion ausführt, die die Konfiguration ändert (zum Beispiel die Auswahl einer anderen Produktvariante), initialisieren Sie eine neue PaymentMethodMessagingElement-Instanz, um die neuen Informationen widerzuspiegeln.
class MyViewController: UIViewController { // ... func updatePaymentMethodMessagingElement() { paymentMethodMessagingElementView?.removeFromSuperview() addPaymentMethodMessagingElement() } }
OptionalElement anpassen
Anpassungsmöglichkeiten sind über die PaymentMethodMessagingElement. und PaymentMethodMessagingElement.-Objekte verfügbar.
// Configure appearance let appearance = PaymentMethodMessagingElement.Appearance( style: .flat, font: .boldSystemFont(ofSize: 12), textColor: .black, infoIconColor: .blue ) // Create configuration object let configuration = PaymentMethodMessagingElement.Configuration( amount: 1000, // $10.00 currency: "USD", locale: "en_GB", // Defaults to device locale but can be explicitly set countryCode: "US", // Defaults to customer IP address but can be explicitly set paymentMethodTypes: [.affirm, .klarna], // Defaults to dynamic payment methods from the Dashboard, but can be explicitly set appearance: appearance )