Split payment view
Customize the two-card split-payment stepper, amount labels, billing copy, actions, and summary.
On this page
Live CustomStyle example
Live preview
YOURSTORE
12✓
Card 1 of 2Total to pay: $128.00
The split payment view lets a customer divide the order total between two cards. This is a dedicated Card Vault capability for eligible integrations.
Customizable areas#
SplitPaymentPage controls the stepper, card-form heading, amount labels, footer actions, second-card billing copy, and final summary.
Configuration#
JSON
{
"SplitPaymentPage": {
"translations": {
"es": {
"stepper": {
"backToSinglePayment": "Volver a un solo pago",
"label": "Tarjeta"
},
"common": {
"enterCardDataLabel": "Ingresa los datos de la tarjeta",
"totalAmontLabel": "Total a pagar"
},
"amountToPayCard": {
"title": "Monto a pagar con esta tarjeta"
},
"footerButton": {
"goToCard2": "Continuar con la segunda tarjeta",
"goToPurchase": "Completar compra"
},
"useSameBillingCheckbox": {
"label": "Usar los mismos datos de facturación"
},
"billingSection": {
"title": "Datos de facturación de la tarjeta %{ordinal}"
},
"lastStep": {
"title": "Revisa el pago"
}
}
}
}
}Verify the result#
Test both card steps, returning to a single payment, the remaining-amount calculation, separate and reused billing data, and the final summary.