Vista de pago con tarjeta
Personaliza las etiquetas de ingreso de tarjeta, las cuotas, los avisos, las acciones de pago y el contenido legal de los widgets de checkout de DEUNA.
En esta página
La vista de pago con tarjeta es el formulario principal donde el cliente ingresa los datos de la tarjeta y selecciona las opciones de cuotas disponibles.
Áreas personalizables#
PaymentMethodsPattern controla los títulos de sección, las etiquetas y los textos de ejemplo de los campos, los textos de cuotas y la visibilidad del encabezado de tarjeta de crédito. Usa los patrones relacionados para el botón de pago, los avisos informativos y los enlaces legales.
Configuración#
{
"PaymentMethodsPattern": {
"translations": {
"es": {
"inputs": {
"card": {
"securityCode": {
"label": "CVV"
},
"installment": {
"label": "Cuotas",
"pay_by": "Paga en",
"first_pay": "Primer pago",
"without_interest": "Sin interés",
"without_installments": "Sin cuotas",
"loading": "Validando cuotas..."
},
"cardHolder": {
"label": "Nombre como aparece en la tarjeta",
"placeholder": "Ej. Juan Zapata"
},
"cardNumber": {
"label": "Número de tarjeta",
"placeholder": "0000 0000 0000 0000"
},
"expirationDate": {
"label": "Fecha de expiración",
"placeholder": "MM / YY"
}
}
},
"paymentMethods": {
"info": {
"card": {
"title": "Tarjeta de crédito o débito",
"subtitle": "Ingresa los datos de tu tarjeta"
}
}
}
},
"en": {},
"pt": {}
},
"props": {
"hideTitleForCreditCard": true
}
}
}Verifica el resultado#
Prueba los estados vacío, enfocado, válido, no válido, deshabilitado y de carga. Confirma que el texto de cuotas refleje el plan disponible y que el botón de pago y el texto legal sigan visibles en dispositivos móviles.