CityPay JS Demo

Example Pages

Use these pages to exercise the main intent-first integration and the alternative checkout-context flow.

Payment Intent

Creates a Payment Intent before mounting Elements. This is the main checkout flow.

Card Element Card tokenise, attach, confirm, authorise Apple Pay Wallet button backed by a Payment Intent Google Pay Wallet button backed by a Payment Intent

Checkout Context

Mounts payment UI before a final Payment Intent exists. Exchange happens when the shopper commits.

Card Checkout Context SDK diagnostic for context exchange from confirm Apple Pay Checkout Context Context button, click-time details, exchange on authorisation Google Pay Checkout Context Context button, click-time details, exchange on authorisation