Visualização de pagamento com cartão
Personalize os rótulos de entrada de cartão, as parcelas, os avisos, as ações de pagamento e o conteúdo jurídico nos widgets de checkout da DEUNA.
A visualização de pagamento com cartão é o formulário principal em que o cliente insere os dados do cartão e seleciona as opções de parcelamento disponíveis.
Áreas personalizáveis#
PaymentMethodsPattern controla os títulos das seções, os rótulos e placeholders dos campos, os textos de parcelamento e a exibição do título de cartão de crédito. Use os padrões relacionados para o botão de pagamento, os avisos informativos e os links jurídicos.
Configuração#
{
"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
}
}
}Verifique o resultado#
Teste os estados vazio, em foco, válido, inválido, desabilitado e de carregamento. Confirme que o texto de parcelamento reflita o plano disponível e que o botão de pagamento e o texto jurídico permaneçam visíveis em telas móveis.