SDK Customisation/Web

Web SDK customisation

Configure appearance, payment methods, and preview the checkout experience.

Integration code

Loading...

Live preview

Create a payment to load preview

Preview your checkout

Click "Load Preview" to create a test payment and see the SDK with your customisations.

Quick reference

Appearance

Controls colours, fonts, spacing, and CSS rules for the checkout UI.

Payment method order

Use paymentMethodOrder in PaymentElement options to control the display order of payment methods.

CSS selectors

Target specific elements: .Input, .Label, .Tab