Vue du paiement par carte
Personnalisez les libellés de saisie de carte, les échéances, les avis, les actions de paiement et le contenu juridique dans les widgets de checkout DEUNA.
Sur cette page
La vue de paiement par carte est le formulaire principal dans lequel le client saisit les données de sa carte et sélectionne les options de paiement échelonné disponibles.
Zones personnalisables#
PaymentMethodsPattern contrôle les titres de section, les libellés et textes indicatifs des champs, les textes sur les échéances et l'affichage du titre de la carte de crédit. Utilisez les modèles associés pour le bouton de paiement, les avis et les liens juridiques.
Configuration#
{
"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
}
}
}Vérifier le résultat#
Testez les états vide, actif, valide, invalide, désactivé et en cours de chargement. Vérifiez que le texte des échéances correspond au plan disponible et que le bouton de paiement et le texte juridique restent visibles sur mobile.