Integration einer Payment Page im Onlineshop
Demo einer Payment-Page Integration (PostFinance Checkout) via REST-API und der beteiligten Akteure:
Payment Page aus Sicht der Händler und Händlerinnen
Mit der Payment Page kann auf der Checkout Seite des Onlineshops ein "Zahlen-Button" integriert werden. Dies ist eine stabile und flexible Integrationsform, da Händler:innen so nicht von Release-Anpassungen wie z.B. bei den WooCommerce Plug-ins abhängig sind. Weiter müssen nach der einmaligen Integration der Payment-Page bei Änderungen der Zahlungsarten seitens Händler:innen keine Anpassungen gemacht werden, die Anzeige der Zahlungsarten übernimmt nach der Konfiguration im PSP Back-Office dynamisch der PSP.
Zahlungsarten
Die Demo enthält die für Schweizer Händler:innen relevantesten Zahlungsarten
- PostFinance Pay (benötigt PostFinance Banking App)
- TWINT (benötigt TWINT App)
- Zahlung auf Rechnung oder Vorauskasse via E-Mail (PDF-Rechnung) oder eBill (Zahlung direkt im E-Banking)
- Kreditkarten (benötigt je nach Anbieter App für 3D-Secure)
- PayPal (benötigt PayPal Account)
Der API-Aufruf durch das Händlersystem erfolgt in 4 Schritten
- (1) Transaktion generieren via REST-API
- (2) Payment-Page URL generieren via REST-API
- (3) Aufruf Payment-Page via Button Bezahlen
- (4) Statusrückmeldung via Redirect oder Webhook
Links auf zuverlässige Service-Anbieter, welche für diese Demo eingesetzt wurden
- Payment Service Provider: PostFinance Checkout Info und Digital-Signup
- Zahlungsarten (Beispiel Akzeptanzpartner): PostFinance Pay
Dokumentation: PostFinance Checkout Payment Page Integration.
Entwickler-Tipp:
Diese Demo zeigt eine typische Integration der
PostFinance Checkout Payment Page via REST-API.
Ablauf:
1. Create Transaction
2. Create Payment Page URL
3. Zahlung starten im Shop via Payment Page URL (Step 2)
Statusrückmeldung:
- Erfolgreich: Success-Redirect
- Fehler: Fehler-URL
- Asynchron via Webhook: siehe
Webhook Demo
Gestaltung:
Layout, Sprache, Logo, Farben, etc. sind im PF Checkout Backoffice
konfigurierbar
Sicherheit:
HMAC-Signatur, HTTPS, API-Key, Monitoring via Prometheus/Grafana