Saltar al contenido principal
En esta página
Live CustomStyle example
Vista previa en vivo
UserCardPattern
YOURSTORE
Payment methodChoose a saved card
Visa •••• 4242Expires 12/30
Mastercard •••• 8301Expired card
Powered by DEUNA
Implementation guide

Understand every supported field

The documentation below explains object shape, constraints, complete examples, and what to verify before release.

UserCardPattern
Read the documentation

La vista de tarjetas guardadas aparece cuando un cliente autenticado tiene tarjetas almacenadas disponibles para la compra.

Áreas personalizables#

UserCardPattern controla la acción para añadir una tarjeta, el texto de la tarjeta seleccionada, los mensajes de expiración, las advertencias y la confirmación de eliminación.

Configuración#

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": {}
    }
  }
}

Verifica el resultado#

Prueba tarjetas activas, expiradas y no disponibles. Antes del lanzamiento, verifica la navegación para añadir tarjetas y ambos resultados de la confirmación de eliminación.