Cambiar textos de los botones - PersonalizaciĂłn visual del checkout - Mercado Pago Developers

Cambiar textos de los botones

Client-Side

El botĂłn de pago estĂĄ compuesto por el botĂłn y la propuesta de valor (valueProp), que puede ser personalizada de acuerdo con las opciones disponibles en Mercado Pago.

Hay dos temas disponibles: el default (también utilizado cuando no se especifica ninguna configuración) y el dark. La elección del tema impacta el color de fondo del botón, de la propuesta de valor y el color de las imågenes dentro del botón.

wallet-actioncomplement

En caso de que no se haya especificado la propuesta de valor, por defecto serĂĄ security_safety. A continuaciĂłn, revisa todos los textos posibles para el contenido de la propuesta de valor:

OpciĂłnTexto
practicalityUsa tarjetas guardadas o dinero en cuenta
convenience_allMeses con tarjeta o Meses sin Tarjeta de Mercado Pago
security_detailsTodos tus datos protegidos
security_safety (por defecto)Paga de forma segura
smart_optionEl texto serĂĄ elegido automĂĄticamente por Wallet Brick para aumentar las posibilidades de venta segĂșn las caracterĂ­sticas de la compra.
convenience_creditsHasta 12 Meses sin Tarjeta

Para utilizar la value prop de convenience_credits, es necesario que el Brick se inicialice con una preferencia y que la preferencia tenga el propĂłsito de onboarding_credits.
payment_methods_logosSe mostrarån los logotipos de los métodos de pago disponibles. Para configurar los métodos de pago, utilice la preference.

Se recomienda la inicialización con una preferencia en el uso de la Value Prop payment_methods_logos. En caso de que la preferencia tenga solo un método de pago vålido, dejarå de mostrar imågenes y mostrarå el texto: "Con dinero disponible".
          
const settings = {
    ...,
    customization: {
        theme: 'default',
        customStyle: {
            valueProp: 'practicality',
        }
    }
}

        
          
const customization = {
    theme: 'default',
    customStyle: {
        valueProp: 'practicality',
    }
};