Zahlungs-Apps mit Web Payments unterstützen

Neue Webstandards für reibungslose Zahlungsabwicklungen im Web

Einer der wichtigsten Faktoren 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 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 es Zahlungsanwendungen, sich einfacher in Browser zu integrieren.

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 geeignet. Diese Flexibilität ermöglicht eine einfache Entwicklung, konsistente Bereitstellung und zukünftige Kompatibilität mit neuen Zahlungstechnologien.

Studien zeigen, dass lange Bezahlvorgänge zu einem Abbruch des Bezahlvorgangs führen. Mit Web Payments wird der Bezahlvorgang auf ein paarmal Tippen vereinfacht, anstatt die Abrechnungsdaten für jeden Kauf manuell eingeben zu müssen. In einer Demo unten siehst du, wie Google Pay Web Payments für einen reibungslosen Ablauf nutzt. Dasselbe kann mit jeder anderen Zahlungs-App erreicht werden:

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

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

  3. Der Kunde sieht sich die Details an und bestätigt die Zahlung in der Google Pay App.

  4. Der Händler überprüft die Zahlung und der Kauf wird genehmigt.

Unterstützte Browser

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

Chromium Safari Firefox
Computer Android Computer Mobilgeräte Computer/Mobilgeräte
Zahlungsanforderungs-API
Zahlungs-Handler-API
iOS-/Android-Zahlungs-App ✔* ✔*

Die Vorteile der Integration von Webzahlungen in eine Zahlungs-App

Durch die Einbindung in Web Payments können Zahlungs-Apps den Kunden eine bessere Nutzererfahrung, eine bessere Entwicklererfahrung und höhere Sicherheit bieten.

Bessere Nutzererfahrung

  • Kontextabhängige Zahlungen:Zahlungen erfolgen in modalen Anzeigen auf der Website des Händlers ohne Weiterleitungen oder Pop-up-Fenster.

  • Schnellerer Bezahlvorgang: Kunden können ihre Zahlungsdetails sicher in ihrem Browser oder in einer Zahlungs-App speichern und sie auf jeder anderen Händlerwebsite verwenden.

  • Optimierter Kaufprozess:Nach Abschluss (oder Abbrechen) der Zahlung gelangt der Kunde auf der Händlerwebsite genau dort, wo er aufgehört hat.

Bessere Entwicklung

  • Einfache Einbindung: 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 der grundlegenden serverseitigen Integration integrieren.

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

Strengere Sicherheitsmaßnahmen

  • Schutz vor Sideloading beim Aufrufen plattformspezifischer Zahlungs-Apps

  • Wurde unter Berücksichtigung zukünftiger Sicherheits- und Datenschutzparadigmen entwickelt.

Mit Web Payments können Zahlungsanwendungen auch alle Arten von Zahlungsmethoden wie E-Geld, Kryptowährungen oder Banküberweisungen im Web nutzen. Web Payments wurde im Hinblick auf Nachhaltigkeit entwickelt. Es gibt keine Einschränkungen bei der Zahlungsabwicklung und bei Zahlungsmethoden.

Vergleich von Webzahlungen mit anderen Ansätzen

Ziehen Sie die bestehenden Ansätze zur Integration von Zahlungen im Web in Betracht:

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

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

  • Weiterleitungen:Der Händler leitet den Kunden auf die Website eines Zahlungs-Handlers weiter. Der Kunde kann sich authentifizieren und Zahlungsdaten auswählen. Die Weiterleitungs-URL wird über einen Server kommuniziert.

  • OAuth:Der Händler ermöglicht dem Kunden, sich über OAuth mit der Identität eines Zahlungs-Handlers zu authentifizieren und zu autorisieren. Außerdem kann er über eine kontextbezogene iFrame-UI eine Zahlungsmethode, eine Versandadresse usw. auswählen.

Vergleich mit 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

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

Plattformspezifische Zahlungs-Apps

  • Ideal für Zahlungs-Apps, die bereits eine große Installationsbasis haben und bestehenden Nutzern eine einheitliche Erfahrung im Web bieten möchten.

  • Im Gegensatz zur Intent-Funktion von Android erfolgt bei Web Payments eine Signaturprüfung, bevor die Zahlungs-App ausgeführt wird. Dadurch können schädliche Zahlungs-Apps nicht per Sideload übertragen werden.

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

Webbasierte Zahlungs-Apps

  • Zukunftssicherer: Typische Techniken wie Weiterleitungen oder Pop-ups basieren auf Drittanbieter-Cookies, die möglicherweise veraltet sind. Die Folgen sind zwar immer noch schwer vorhersehbar, aber Webzahlungen nutzen das Web mit besserem Datenschutz und einer Welt ohne Drittanbieter-Cookies.

  • Die webbasierte Route ist ideal für Webdienste, bei denen eine große Anzahl von Kunden ihre Karte hinterlegt hat.

Bezahlvorgang mit einer webbasierten Zahlungs-App.

Wie funktioniert die Einführung als Händler?

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

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

Die Arbeit mit Zahlungsgateways ist ebenfalls eine gute Option, da sie ebenfalls dazu beitragen können, Ihre Reichweite zu erweitern.

Wie hoch sind die Kosten?

Bei Web Payments dreht sich alles um Standardtechnologie im Browser. Wenn Sie es von Zahlungs-Apps übernehmen oder im Browser aktivieren, fallen für sie keine Gebühren an.