Alterar textos - Customizações visuais - Mercado Pago Developers
Qual documentação você quer buscar?

Não sabe como começar a integrar? 

Acesse os primeiros passos

Alterar textos

Client-Side

O Wallet Brick oferece dois níveis de leitura: o call to action (botão) e a proposta de valor. Em ambos os casos, o texto pode ser customizado de acordo com as opções disponibilizadas pelo Mercado Pago.

Atenção
Para oferecer uma melhor experiência alinhada à proposta da nossa marca, atualmente ainda não é possível uma personalização completa dos textos.
-Descrição
Momento de customizaçãoAo renderizar Brick
Propriedadecustomization.texts.{action, valueProp}
TipoString
ObservaçõesAo enviar um texto vazio, a tela apresentará o texto definido pelo layout padrão exibido após a rendereização do Brick. Por outro lado, ao se enviar um texto alternativo, este substituirá o texto padrão. Para verificar quais são os textos padrões, veja a tabela a seguir.

Confira a seguir os textos disponíveis para alteração e um exemplo de código.

ChaveOpções disponíveisPadrão
actionpay, buypay
valueProppracticality, convenience_all, security_details, security_safety, smart_option, convenience_creditssecurity_safety

Veja quais são os textos relacionados a cada opção:

ChaveOpçãoTexto
actionpayPagar com Mercado Pago
actionbuyComprar com Mercado Pago
valueProppracticalityUse cartões salvos ou seu saldo em conta
valuePropconvenience_allParcelamento com ou sem cartão
valuePropsecurity_detailsProteção para seus dados
valuePropsecurity_safetyPague com segurança
valuePropsmart_optionO texto será escolhido automaticamente pelo Wallet Brick para aumentar as chances de venda de acordo com as características da compra.
valuePropconvenience_creditsAté 12x sem cartão
Importante
Para utilizar a Value Prop de convenience_credits, é preciso que o Brick seja inicializado com uma preferência e que a preferência tenha o purpose de onboarding_credits.
          
const settings = {
    ...,
    customization: {
         texts: {
             action: 'buy',
             valueProp: 'security_details',
         },
    },
}

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