v145 · Web APIs · Payments · demo

Payload Builder

Fill in the SPC PaymentRequest fields and get valid JavaScript immediately. A live dialog mock shows exactly how Chrome 145's refreshed UI will render your instrument name, icon, payee, and amount.

Chrome 145 SPC dialog preview

Paying to: merchant.example

$99.00

💳

Visa ending 4242

Issued by Bank Example

Chrome-native biometric / PIN prompt would follow

PaymentRequest fields

Payee origin

data.payeeOrigin — shown in dialog header

Amount

total.amount — shown prominently in dialog

Instrument display name

data.instrument.displayName — card label in dialog

Issuer label

Not an SPC field — shown as sub-label in this mock only

Instrument icon URL

data.instrument.icon — displayed as card image

Timeout (ms)

data.timeout — max time user has to respond

Generated JavaScript

see also