Home
Documentation
Resources
Partners
Community

Resources

Check for updates on our solutions and system performance, or request technical support.

Partners

Discover our program for agencies or developers that offer integration services and sellers who want to hire them.

Community

Get the latest news, ask others for help and share your knowledge.

Change texts - Visual customizations - Mercado Pago Developers

Change texts

Client-Side

Wallet Brick is composed of the button and the value proposition (valueProp), which can be customized according to the options provided by Mercado Pago.

There are two themes available: the default (also used when no configuration is specified) and dark. Choosing a theme affects the background color of the button, the value proposition, and the color of the images inside the button.

wallet-brick-actioncomplement

If the value proposition has not been specified, it will default to security_safety. Next, review all the possible texts for the content of the value proposition:

OptionText
practicalityUse saved cards or your account balance
convenience_allInstallment with credit card or Installments without credit card of Mercado Pago
security_detailsProtection for your data
security_safety (default)Pay securely
smart_optionThe text will be chosen automatically by Wallet Brick to increase the chances of sale according to the characteristics of the purchase.
convenience_creditsUp to 12 Installments without Card

To use the convenience_credits value prop, it is necessary for the Brick to be initialized with a preference, and the preference should have the purpose of onboarding_credits.
payment_methods_logosThe logos of the available payment methods will be displayed. To configure the payment methods, use the preference.

It is recommended to initialize with a preference using the value prop payment_methods_logos. If the preference has only one valid payment method, it will stop displaying images and will show the text: "Account money or installments with no card"
Important
When removing a payment method of ticket ("paycash", for example) or ATM ("banamex", for example) from preferences, all icons of payment points linked to these methods will not be displayed.
          
const settings = {
    ...,
    customization: {
        theme: 'default',
        customStyle: {
            valueProp: 'practicality',
        }
    }
}

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