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ção | Ao renderizar Brick |
| Propriedade | customization.texts.{action, valueProp} |
| Tipo | String |
| Observações | Ao 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.
| Chave | Opções disponíveis | Padrão |
| action | pay, buy | pay |
| valueProp | practicality, convenience_all, security_details, security_safety, smart_option, convenience_credits | security_safety |
Veja quais são os textos relacionados a cada opção:
| Chave | Opção | Texto |
| action | pay | Pagar com Mercado Pago |
| action | buy | Comprar com Mercado Pago |
| valueProp | practicality | Use cartões salvos ou seu saldo em conta |
| valueProp | convenience_all | Parcelamento com ou sem cartão |
| valueProp | security_details | Proteção para seus dados |
| valueProp | security_safety | Pague com segurança |
| valueProp | smart_option | O texto será escolhido automaticamente pelo Wallet Brick para aumentar as chances de venda de acordo com as características da compra. |
| valueProp | convenience_credits | Até 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'
...,
}
}
};