Zahlungs-Apps mit Web Payments unterstützen

Neue Webstandards für reibungslose Zahlungen im Web

Zahlungen sind einer der wichtigsten Faktoren für das Web. Mit sicheren, nahtlosen und flexiblen Zahlungssystemen kann das Web zu einer nachhaltigen und profitablen Plattform werden. Die Web Payments-Standards können ein wichtiger Baustein sein, der eine nahtlose Integration von Zahlungslösungen in den Bezahlvorgang von Händlern ermöglicht.

Was sind Webzahlungen?

Web Payments ist eine Reihe neuer standardisierter Zahlungs-APIs, die in modernen Browsern verfügbar sind, darunter die Payment Request API, die Payment Handler API und einige andere. Diese neuen Browser-Primitive vereinfachen Onlinezahlungen und ermöglichen die Integration von Zahlungsanwendungen mit Browsern einfacher denn je.

Die Standards sind flexibel. Sie funktionieren mit verschiedenen Arten von Zahlungssystemen und funktionieren in jedem Browser auf jedem Gerät, jeder Zahlungsmethode und jedes Zahlungsdienstes. Diese Flexibilität ermöglicht eine einfache Entwicklung, eine konsistente Bereitstellung und zukünftige Kompatibilität mit neuen Zahlungstechnologien.

Studien zeigen, dass lange Bezahlvorgänge zum Abbruch des Einkaufswagens führen. Mit Web Payments wird der Bezahlvorgang durch einige wenige Male angetippt, anstatt die Abrechnungsdaten für jeden Kauf manuell einzugeben. In der Demo unten siehst du, wie Google Pay Webzahlungen nutzt, um einen reibungslosen Ablauf zu schaffen. Dasselbe kann mit jeder anderen Zahlungs-App erreicht werden:

Bezahlvorgang mit Google Pay und Webzahlungen.
  1. Der Kunde geht zur Kasse und drückt auf die GPay-Schaltfläche.

  2. Die Google Pay App wird vor der Händlerwebsite gestartet.

  3. Der Kunde bestätigt die Zahlung in der Google Pay App, nachdem er die Details geprüft hat.

  4. Der Händler bestätigt die Zahlung und der Kauf wird genehmigt.

Unterstützte Browser

Web Payments besteht aus verschiedenen Technologien. Der Supportstatus hängt vom Browser ab.

Chromium Safari Firefox
Computer Android Computer Mobilgeräte Computer/Mobilgeräte
Payment Request API
Payment Handler API
Zahlungs-App für iOS/Android ✔* ✔*

Vorteile der Integration von Web Payments in eine Zahlungs-App

Durch die Einbindung in Web Payments können Zahlungsanwendungen den Kunden eine bessere Nutzererfahrung, eine bessere Entwicklererfahrung und mehr Sicherheit bieten.

Bessere Nutzererfahrung

  • Kontextbezogene Zahlungen:Zahlungen erfolgen in modalen Fenstern im Kontext der Händlerwebsite ohne Weiterleitungen oder Pop-up-Fenster.

  • Schnellerer Bezahlvorgang: Kunden können ihre Zahlungsdetails sicher im Browser oder in einer Zahlungs-App speichern und dann auf jeder unterstützenden Händlerwebsite verwenden.

  • Optimierter Kaufvorgang: Nach Abschluss (oder Abbruch) der Zahlung befindet sich der Kunde auf der Händlerwebsite genau dort, wo er aufgehört hat.

Bessere Entwicklung

  • Einfache Integration:Web Payments kann über eine vorhandene plattformspezifische Zahlungs-App oder eine webbasierte Zahlungs-App erweitert werden.

  • Geringe Integrationskosten:Händler können Web Payments mit JavaScript und grundlegender serverseitiger Integration integrieren.

  • Standards:Das Protokoll und das Datenformat für den Austausch von Informationen mit Händlern ist standardisiert und erfordert keine tiefe Integration.

Strengere Sicherheit

  • Sideloading-Schutz beim Aufrufen plattformspezifischer Zahlungs-Apps.

  • Entwickelt für neue Sicherheits- und Datenschutzparadigmen.

Web Payments ermöglicht es Zahlungs-Apps auch, jede Art von Zahlungsmethode ins Internet zu bringen, z. B. E-Geld, Kryptowährung, Banküberweisungen und mehr. Web Payments wurde im Hinblick auf Nachhaltigkeit entwickelt und schränkt die Zahlungsabwicklung und Zahlungsmethoden nicht ein.

Webzahlungen mit anderen Methoden vergleichen

Berücksichtigen Sie die bestehenden Ansätze zur Integration von Zahlungen im Web:

  • iFrames:Verwendung von JavaScript, um die Website des Zahlungs-Handlers in einen iFrame einzuschleusen und die Zahlungsanmeldedaten des Kunden über ein Formular zu erfassen.

  • Pop-ups:Verwendung von JavaScript, um ein Pop-up-Fenster zu öffnen und die Zahlungsinformationen des Kunden abzurufen – entweder über ein Formular oder indem der Kunde sich authentifizieren und Zahlungsanmeldedaten auswählen lässt.

  • Weiterleitungen:Der Händler leitet den Kunden auf die Website eines Zahlungs-Handlers weiter und ermöglicht ihm, sich zu authentifizieren und Zahlungsanmeldedaten auszuwählen. Die Weiterleitungs-URL wird über einen Server übermittelt.

  • OAuth:Der Händler ermöglicht dem Kunden, sich mit der Identität eines Zahlungs-Handlers über OAuth zu authentifizieren und zu autorisieren sowie eine Zahlungsmethode, eine Versandadresse usw. über die kontextbezogene iFrame-Benutzeroberfläche auszuwählen.

Im Folgenden sehen Sie die Unterschiede zu Webzahlungen:

Webzahlungen iframe Pop-up Weiterleiten OAuth
Kontextbezogene Zahlungen ✔*
Dynamische Preisaktualisierungen
Optimierter Kaufprozess
Plattformspezifische App-Integration
Niedrige Integrationskosten
Standards

Web Payments in vorhandene Apps einbinden

Sie können Web Payments sowohl in plattformspezifische als auch webbasierte Zahlungsanwendungen einbinden: Wenn die plattformspezifische Zahlungs-App nicht installiert ist, kann die webbasierte Zahlungs-App als Fallback verwendet werden. Kunden und Händler können je nach Umgebung nahtlos über eine Zahlungsmethode ihrer Wahl Zahlungen senden und empfangen.

Plattformspezifische Zahlungs-Apps

  • Ideal für Zahlungsanwendungen, die bereits eine große Installationsbasis haben und bestehenden Nutzern ein einheitliches Weberlebnis bieten möchten.

  • Im Gegensatz zur Intent-Funktion von Android führt Web Payments eine Signaturüberprüfung durch, bevor die Zahlungs-App ausgeführt wird. Dadurch wird verhindert, dass schädliche Zahlungs-Apps per Sideload übertragen werden können.

Im obigen Video ist Google Pay eine plattformspezifische Zahlungs-App.

Webbasierte Zahlungs-Apps

  • Zukunftssicherer: Typische Techniken für Zahlungs-Apps wie Weiterleitungen oder Pop-ups basieren auf Drittanbieter-Cookies, die veraltet sein können. Die Folgen sind zwar immer noch schwer abzusehen, doch Web Payments bietet einen besseren Datenschutz und eine Welt ohne Drittanbieter-Cookies.

  • Die webbasierte Route ist ideal für Webdienste mit einer großen Anzahl von Kunden mit hinterlegter Karte.

Bezahlvorgang mit einer webbasierten Zahlungs-App.

Wie funktioniert die Einführung von Händlern?

Damit eine Zahlungs-App bei einem Händler verfügbar ist, muss der Händler sie explizit übernehmen. Technisch gesehen muss der Händler die ID der Zahlungs-App angeben (ID der Zahlungsmethode) und die Payment Request API damit verwenden.

Wir empfehlen, eine gute Dokumentation in Integrationsleitfäden und SDKs oder Bibliotheken bereitzustellen, um die Integration zu erleichtern. Google Pay bietet beispielsweise einen Entwicklerleitfaden.

Die Verwendung von Zahlungs-Gateways ist ebenfalls eine gute Option, da Sie damit auch Ihre Reichweite vergrößern können.

Wie hoch sind die Kosten?

Bei Web Payments geht es um Standardtechnologien im Browser. Wenn Zahlungs-Apps den Browser verwenden oder aktivieren, werden ihnen selbst keine Gebühren berechnet.