Saved cards view
Customize stored-card selection, expiration messages, and deletion confirmation for authenticated customers.
On this page
Live CustomStyle example
Live preview
YOURSTORE
Payment methodChoose a saved card
Visa •••• 4242Expires 12/30
Mastercard •••• 8301Expired card
The saved cards view appears when an authenticated customer has stored cards available for the purchase.
Customizable areas#
UserCardPattern controls the add-card action, selected-card copy, expiration messages, warnings, and deletion confirmation.
Configuration#
JSON
{
"UserCardPattern": {
"translations": {
"es": {
"addNewCard": {
"info": "Agregar una tarjeta"
},
"moreOptions": {
"payWith": "Tarjeta seleccionada"
},
"paymentMethods": {
"expiredCard": "Tarjeta expirada",
"confirmDeleteMethodTitle": "Eliminar esta tarjeta",
"confirmDeleteMethod": "Una vez eliminada, no podrás restaurarla."
}
},
"en": {},
"pt": {}
}
}
}Verify the result#
Test active, expired, and unavailable cards. Verify add-card navigation and both outcomes of the deletion confirmation before release.