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, sie funktionieren mit verschiedenen Arten von Zahlungssystemen und sind für jeden Browser, jedes Gerät, jede Zahlungsmethode und jeden Zahlungsdienstleister vorgesehen. Diese Flexibilität ermöglicht eine einfache Entwicklung, eine 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. Unten sehen Sie eine Demo, wie Google Pay Web Payments nutzt, um einen nahtlosen Ablauf zu ermöglichen. Das ist auch mit jeder anderen Zahlungs-App möglich:

Bezahlvorgang mit Google Pay und Webzahlungen.

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

  2. Die Google Pay App wird vor der Website des Händlers 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 mehreren verschiedenen Technologien und der Supportstatus hängt vom Browser ab.

Chrom Safari Firefox
Computer Android Computer Mobilgeräte Computer/Mobilgerät
Payment Request API ✔ ✔ ✔ ✔
Payment Handler API ✔ ✔
iOS-/Android-Zahlungs-App ✔ ✔ ✔* ✔*

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

  • In-Context-Zahlungen:Zahlungen werden in modals im Kontext der Händlerwebsite ohne Weiterleitungen oder Pop-up-Fenster ausgeführt.

  • 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 serverseitigen Basisintegration 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 Möglichkeiten, Zahlungen im Web zu integrieren:

  • 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 übertragen.

  • 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 iFrame Pop-up Weiterleitung OAuth
Kontextbezogene Zahlungen ✔ ✔ ✔* ✔
Dynamische Preisaktualisierungen ✔ ✔
Optimierter Kaufvorgang ✔ ✔ ✔
Plattformspezifische App-Integration ✔ ✔
Geringe Integrationskosten ✔ ✔ ✔ ✔
Standards ✔

Webzahlungen in bestehende Apps einbinden

Sie können Webzahlungen sowohl in platformspezifische als auch in webbasierte Zahlungs-Apps einbinden: Wenn die platformspezifische 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 Zahlungs-Apps, die bereits eine große Nutzerbasis haben und bestehenden Nutzern eine einheitliche Nutzererfahrung im Web 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 für Zahlungs-Apps wie Weiterleitungen oder Pop-ups basieren auf Drittanbieter-Cookies, die bald nicht mehr verwendet werden. Die Folgen sind zwar noch schwer vorherzusehen, 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.

Direkter Bezahlvorgang mit einer webbasierten Zahlungs-App.

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 dazu beitragen kann, Ihre Reichweite zu steigern.

Wie hoch sind die Kosten?

Bei Webzahlungen kommt ausschließlich Standardtechnologie im Browser zum Einsatz. Für Zahlungs-Apps, die die Funktion übernehmen oder im Browser aktivieren, fallen keine Gebühren an.