elevai

Integration of a Payment Page in the online shop

Demo of a Payment Page integration (PostFinance Checkout) via REST API and the actors involved:

Payment Page Demo

Payment Page from the merchant's perspective

The Payment Page allows integrating a 'Pay' button on the checkout page. It is a stable and flexible integration method because merchants are not dependent on plugin updates such as WooCommerce. Changes to payment methods are handled dynamically by the PSP.

Payment methods

The demo includes the most relevant payment methods for Swiss merchants:

  • PostFinance Pay
  • TWINT
  • Invoice / Prepayment / eBill
  • Credit cards
  • PayPal

The API call consists of 4 steps

  • S1 – Create transaction via REST API
  • S2 – Create Payment Page URL via REST API
  • S3 – Open Payment Page via button
  • S4 – Status feedback via redirect or webhook

Links to reliable service providers

Documentation:

i AI tips for this demo setup