Cambiar texto - Personalizaciones visuales - Mercado Pago Developers

Cambiar textos

Client-Side

-DescripciĂłn
Momento de personalizaciĂłnAl renderizar el Brick
Propiedadcustomization.visual.texts.{cardNumber, cardExpirationDate, cardSecurityCode, cardholderName, cardholderIdentification, cardholderEmail, formTitle, emailSectionTitle, installmentsSectionTitle, selectInstallments, formSubmit}
Atributolabel, placeholder
TipoString
ObservacionesAl enviar texto vacío, la pantalla presentarå el texto definido por el layout predeterminado. Por otro lado, al enviar un texto personalizado, reemplazarå el texto predeterminado. Para comprobar cuåles son los textos por defecto, consulta la sección Layout del Card Payment Brick. Si los textos personalizados son mås grandes que el espacio disponible, el texto mostrado se interrumpirå hasta el tamaño måximo permitido y el excedente serå reemplazado por el símbolo "...".
          
const settings = {
    customization: {
        visual: {
            texts: {
                formTitle: "",
                emailSectionTitle: "",
                installmentsSectionTitle: "",
                cardholderName: {
                    label: "",
                    placeholder: "",
                },
                email: {
                    label: "",
                    placeholder: "",
                },
                cardholderIdentification: {
                    label: "",
                },
                cardNumber: {
                    label: "",
                },
                expirationDate: {
                    label: "",
                },
                securityCode: {
                    label: "",
                },
                selectInstallments: "",
                selectIssuerBank: "",
                formSubmit: "",
            },
        },
    },
};

        
          
const customization = {
    visual: {
        texts: {
            formTitle: "",
            emailSectionTitle: "",
            installmentsSectionTitle: "",
            cardholderName: {
                label: "",
                placeholder: "",
            },
            email: {
                label: "",
                placeholder: "",
            },
            cardholderIdentification: {
                label: "",
            },
            cardNumber: {
                label: "",
            },
            expirationDate: {
                label: "",
            },
            securityCode: {
                label: "",
            },
            selectInstallments: "",
            selectIssuerBank: "",
            formSubmit: "",
        }
    }
};