Alterar textos
Client-Side
O Wallet Brick oferece dois níveis de leitura: o call to action (botão) e a proposta de valor (Value Prop). Em ambos os casos, o texto pode ser customizado de acordo com as opções disponibilizadas pelo Mercado Pago.
O call to action é separado em duas partes: a ação, determinada pela propriedade Action, e o complemento da ação, determinado pela propriedade Action Complement.
Atenção
Para oferecer uma melhor experiência alinhada à proposta da nossa marca, atualmente não suportamos uma personalização completa dos textos.
| - | Descrição |
| Momento de customização | Ao renderizar Brick |
| Propriedade | customization.texts.{action, actionComplement, 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 abaixo os textos disponíveis para alteração, como eles se organizam na exibição e um exemplo de código.
| Chave | Opções disponíveis | Padrão |
| action | pay, buy | pay |
| actionComplement | brand, amount | brand |
| valueProp | practicality, convenience_all, security_details, security_safety, smart_option, convenience_credits, payment_methods_logos | security_safety |
Veja quais são os textos relacionados a cada opção:
| Chave | Opção | Texto |
| action | pay | Pagar |
| action | buy | Comprar |
| actionComplement | brand | com Mercado Pago |
| actionComplement | amount | Valor da compra obtido através da preferência, no formato da moeda do pagamento. |
| 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 | payment_methods_logos* | Serão exibidos os logos dos meios de pagamento disponíveis. Para configurar os meios de pagamento, utilize a preference. |
Ao testar sua integração verifique se a action, o actionComplement e a valueProp fazem sentido dentro de seu contexto.
Importante
*É recomendada a
inicialização com uma preferência
no uso da Value Prop
payment_methods_logos. Caso a preference tenha apenas um meio de pagamento válido, ela deixará de exibir imagens e exibirá o texto: "Com saldo em conta".
const settings = {
...,
customization: {
texts: {
action: 'pay',
actionComplement: 'amount',
valueProp: 'payment_methods_logos',
},
},
}
const customization = {
visual: {
texts: {
action: 'pay',
actionComplement: 'amount',
valueProp: 'payment_methods_logos',
...,
}
}
};