Cambiar textos - Personalizaciones visuales - Mercado Pago Developers
¿Qué documentación quieres buscar?

¿No sabes cómo empezar la integración? 

Accede a los primeros pasos

Cambiar textos

Client-Side

Wallet Brick ofrece dos niveles de lectura: el call to action (botón) y la propuesta de valor. En ambos casos, el texto se puede personalizar de acuerdo a las opciones brindadas por Mercado Pago.

Atención
Para ofrecer una mejor experiencia acorde con nuestra propuesta de marca, actualmente no es posible personalizar completamente los textos.
-Descripción
Momento de personalizaciónAl renderizar el Brick
Propiedadcustomization.texts.{action, valueProp}
TipoString
ObservacionesAl enviar un texto vacío, la pantalla presentará el texto definido por el layout predeterminado que se muestra después de la renderización del Brick. Por otro lado, al enviar un texto alternativos, reemplazará el texto predeterminado. Para comprobar cuáles son los textos por defecto, consulta la tabla a continuación.

Consulta a continuación los textos disponibles para modificar y un código de ejemplo.

ClaveOpciones disponiblesPredeterminado
actionpay, buypay
valueProppracticality, convenience_all, security_details, security_safety, smart_option, convenience_creditssecurity_safety

Consulta los textos relacionados con cada opción:

ClaveOpciónTexto
actionpayPagar con Mercado Pago
actionbuyComprar con Mercado Pago
valueProppracticalityUsá tarjetas guardadas o dinero en cuenta
valuePropconvenience_allCuotas con o sin tarjeta
valuePropsecurity_detailsTodos tus datos protegidos
valuePropsecurity_safetyPagá de forma segura
valuePropsmart_optionEl texto será elegido automáticamente por Wallet Brick para aumentar las posibilidades de venta según las características de la compra.
valuePropconvenience_creditsHasta 12 cuotas sin tarjeta
Importante
Para usar la Value Prop de convenience_credits, el Brick debe estar inicializado con una preferencia y la preferencia debe tener el purpose de onboarding_credits.
          
const settings = {
    ...,
    customization: {
         texts: {
             action: 'buy',
             valueProp: 'security_details',
         },
    },
}

        
          
const customization = {
 visual: {
   texts: {
     action: 'buy',
     valueProp: 'security_details'
     ...,
   }
 }
};