Zahlungs-Apps mit Web Payments unterstützen

Neue Webstandards für reibungslose Zahlungen im Web.

Eiji Kitamura

Einer der wichtigsten Treiber für das Web sind Zahlungen. Mit sicheren, nahtlosen und flexiblen Zahlungssystemen kann das Web zu einer nachhaltigen und profitablen Plattform werden. Die Web Payments-Standards haben das Potenzial, ein wichtiger Baustein zu sein, der die 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 eine einfachere Integration von Zahlungs-Apps in Browser.

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

Studien haben gezeigt, dass lange Bezahlvorgänge zu einem Kaufabbruch führen. Mit Webzahlungen wird der Bezahlvorgang auf nur wenige Tippaktionen reduziert, anstatt dass bei jedem Kauf die Zahlungsdaten manuell eingegeben werden müssen. In der Demo unten siehst du, wie Google Pay Webzahlungen nutzt, um einen reibungslosen Ablauf zu schaffen. Das ist auch mit jeder anderen Zahlungs-App möglich:

1. Der Kunde geht zur Kasse und drückt auf die Schaltfläche GPay.

2. Die Google Pay App wird vor der Händlerwebsite geöffnet.

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.

Vorteile der Integration von Webzahlungen in einer Zahlungs-App

Durch die Einbindung von Webzahlungen können Zahlungs-Apps Nutzern eine bessere Nutzererfahrung, Entwicklern eine bessere Entwicklungsumgebung und eine strengere Sicherheit bieten.

Bessere Nutzerfreundlichkeit

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

• Schnellere Kaufabwicklung: Kunden können ihre Zahlungsdetails sicher in ihrem Browser oder in einer Zahlungs-App speichern und auf jeder unterstützten Händlerwebsite verwenden.

• Optimierte Kaufabwicklung: Nachdem der Kunde die Zahlung abgeschlossen (oder abgebrochen) hat, wird er auf der Händlerwebsite genau dort weitergeleitet, wo er aufgehört hat.

Verbesserte Entwicklerfreundlichkeit

• Einfache Integration: Webzahlungen können über eine vorhandene plattformspezifische Zahlungs-App oder eine webbasierte Zahlungs-App erweitert werden.

• Niedrige Integrationskosten: Händler können Webzahlungen mit JavaScript und einer einfachen serverseitigen Integration einbinden.

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

Strengere Sicherheit

• Verhinderung des Sideloadings beim Aufrufen plattformspezifischer Zahlungs-Apps.

• Entwickelt mit Blick auf zukünftige Sicherheits- und Datenschutzanforderungen.

Mit Webzahlungen können Zahlungs-Apps auch jede Art von Zahlungsmethode ins Web bringen, z. B. E-Geld, Kryptowährungen und Überweisungen. Web Payments wurde mit Blick auf Nachhaltigkeit entwickelt und setzt keine Einschränkungen für die Zahlungsabwicklung und Zahlungsmethoden.

Webzahlungen mit anderen Ansätzen vergleichen

Es gibt verschiedene Ansätze für die Integration von Zahlungen im Web:

• iFrames:Mit JavaScript wird die Website des Zahlungsabwicklers in einen iFrame eingefügt und die Zahlungsdaten des Kunden werden über ein Formular erfasst.

• Pop-ups:Mit JavaScript wird ein Pop-up-Fenster geöffnet und die Zahlungsdaten des Kunden werden entweder über ein Formular oder durch Authentifizierung und Auswahl der Zahlungsdaten erfasst.

• Weiterleitungen:Der Händler leitet den Kunden auf die Website eines Zahlungsabwicklers 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 es dem Kunden, sich über OAuth mit der Identität eines Zahlungsabwicklers zu authentifizieren und zu autorisieren und über die In-Context-Iframe-Benutzeroberfläche eine Zahlungsmethode, eine Versandadresse usw. auszuwählen.

Im Vergleich zu Webzahlungen haben sie folgende Vorteile:

Webzahlungen in bestehende Apps einbinden

Sie können Webzahlungen sowohl in plattformspezifische als auch in webbasierte Zahlungs-Apps 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 Zahlungen über eine Zahlungsmethode ihrer Wahl 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 Signaturprüfung durch, bevor die Zahlungs-App ausgeführt wird. So ist das Sideloading schädlicher Zahlungs-Apps nicht möglich.

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

Webbasierte Zahlungs-Apps

• Zukunftssicherer: Typische Techniken von Zahlungs-Apps wie Weiterleitungen oder Pop-ups basieren auf Drittanbieter-Cookies, die bald nicht mehr verwendet werden. Die Auswirkungen sind zwar noch schwer vorhersehbar, aber Webzahlungen versprechen ein Web mit mehr Datenschutz und ohne Drittanbieter-Cookies.

• Der webbasierte Pfad eignet sich ideal für Webdienste mit einer großen Anzahl von Kunden, deren Karte hinterlegt ist.

Wie funktioniert die Akzeptanz durch Händler?

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

Wir empfehlen Ihnen, eine gute Dokumentation in Integrationsanleitungen und SDKs oder Bibliotheken zur Verfügung zu stellen, um die Integration zu erleichtern. Google Pay bietet beispielsweise einen Entwicklerleitfaden.

Die Zusammenarbeit mit Zahlungsgateways ist ebenfalls eine gute Option, da sie auch dabei helfen kann, Ihre Reichweite zu steigern.

Wie hoch sind die Kosten?

Bei Webzahlungen kommt ausschließlich Standardtechnologie im Browser zum Einsatz. Wenn Zahlungs-Apps den Browser verwenden oder aktivieren, werden ihnen selbst keine Gebühren berechnet.