Change texts
Client-Side
Wallet Brick offers two reading levels: the call to action (button) and the value proposition (Value Prop). In both cases, the text can be customized according to the options provided by Mercado Pago.
The "call to action" is divided into two parts: the action, determined by the Action property, and the complement of the action, determined by the Action Complement property.
Attention
To provide a better experience aligned with our brand's proposition, we currently do not support full customization of the texts.
| - | Description |
| Customization moment | When rendering the Brick |
| Property | customization.texts.{action, actionComplement, valueProp} |
| Type | String |
| Comments | When sending an empty text, the screen will present the text defined by the default layout shown after the rendering of the Brick. On the other hand, when you submit a alternative text, it will replace the default text. To check what the default texts are, check out the table below. |
Check below the available texts for modification, how they are organized in the display, and an example of code.
| Key | Available options | Default |
| 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 |
See the texts related to each option:
| Key | Option | Text |
| action | pay | Pay |
| action | buy | Buy |
| actionComplement | brand | with Mercado Pago |
| actionComplement | amount | Purchase amount obtained through preference, in the currency format of the payment. |
| valueProp | practicality | Use saved cards or your account balance |
| valueProp | convenience_all | Installment with credit card or Installments without credit card of Mercado Pago |
| valueProp | security_details | Protection for your data |
| valueProp | security_safety | Pay securely |
| valueProp | smart_option | The text will be chosen automatically by Wallet Brick to increase the chances of sale according to the characteristics of the purchase. |
| valueProp | convenience_credits* | Up to 12 Installments without Card |
| valueProp | payment_methods_logos** | The logos of the available payment methods will be displayed. To configure the payment methods, use the preference. |
When testing your integration, make sure that the action, actionComplement, and valueProp make sense within their context.
Important
*To use the
**It is recommended to initialize with a preference using the Value Prop
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.
**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".
const settings = {
...,
customization: {
texts: {
action: 'pay',
actionComplement: 'amount',
valueProp: 'payment_methods_logos',
},
},
}
const customization = {
visual: {
texts: {
action: 'pay',
actionComplement: 'amount',
valueProp: 'payment_methods_logos',
...,
}
}
};