Skip to main content
PCX iFrame integration lets you embed a fully hosted payment form directly inside your web application. Your server initiates a payment via the PCX API and receives a redirect_url that you embed in an <iframe>. The payer completes the payment inside the iFrame using their banking app — PCX handles everything inside it.

How it works


Who this is for

Partners going live quickly — if you need to accept GBP bank transfers without building a custom payment UI, the iFrame integration takes hours to embed rather than weeks to build. Compliance-focused teams — payment authorisation happens entirely within the PCX-hosted iFrame via Open Banking. Your servers never see banking credentials, which significantly reduces your compliance surface. Cross-border payment platforms — the integration supports GBP collection with NGN settlement, with PCX handling routing and FX.

What PCX controls


What your platform controls


Integration steps

1

Initiate the payment

Your server calls the PCX payment initiation endpoint with the amount, currency, and payer details. PCX returns a redirect_url. See Payment Initiation.
2

Embed the iFrame

Render an <iframe> in your page with the redirect_url as the src. The iFrame displays a QR code that the payer scans with their banking app. See Embedding.
3

Receive webhook confirmation

PCX sends a server-to-server webhook to your registered endpoint when the payment is confirmed. Use this as your primary fulfilment signal. See Webhooks.

v1 scope

The iFrame integration currently targets GBP bank transfers via Open Banking. Native iOS and Android SDKs are not available in v1. Mobile apps can embed the iFrame via WebView.