Inicio
Documentación
Recursos
Certificaciones
Comunidad

Recursos

Revisa las actualizaciones de nuestras soluciones y operatividad del sistema o pide soporte técnico.

Comunidad

Recibe las últimas novedades, pide ayuda a otros integradores y comparte tus conocimientos.

Cambiar textos - Personalizaciones visuales - Mercado Pago Developers

Cambiar textos

Client-Side

Wallet Brick 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-brick-actioncomplement

Caso a proposta de valor não tenha sido especificada, por padrão será security_safety. A seguir, confira todos os textos possíveis para o conteúdo da proposta de valor:

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
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.
payment_methods_logos*Se 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',
    }
};