Cambiar textos
Client-Side
Es posible cambiar los textos que se cargan en Brick. Para esto, en el objeto de inicialización de Brick, es necesario enviar el objeto customization.visual.texts con los valores de texto deseados.
Si los textos personalizados son más grandes que el espacio disponible, el texto mostrado será interrumpido hasta el tamaño máximo permitido y el exceso será reemplazado por el símbolo "...". También preste atención al hecho de que los textos personalizados ignoran los valores vacíos.
Atención
Los textos modificados sobrescriben la configuración de idioma pasada a Brick.
Los textos personalizables se muestran a continuación.
const settings = {
customization: {
visual: {
texts: {
formTitle: "string",
emailSectionTitle: "string",
installmentsSectionTitle: "string",
cardholderName: {
label: "string",
placeholder: "string",
},
email: {
label: "string",
placeholder: "string",
},
cardholderIdentification: {
label: "string",
},
cardNumber: {
label: "string",
placeholder: "string",
},
expirationDate: {
label: "string",
placeholder: "string",
},
securityCode: {
label: "string",
placeholder: "string",
},
entityType: {
placeholder: "string",
label: "string",
},
financialInstitution: {
placeholder: "string",
label: "string",
},
selectInstallments: "string",
selectIssuerBank: "string",
formSubmit: "string",
paymentMethods: {
newCreditCardTitle: "string",
creditCardTitle: "string",
creditCardValueProp: " string",
newDebitCardTitle: "string",
debitCardTitle: "string",
debitCardValueProp: "string",
ticketTitle: "string",
ticketValueProp: "string",
},
reviewConfirm: {
componentTitle: "",
payerDetailsTitle: "",
shippingDetailsTitle: "",
billingDetailsTitle: "",
paymentMethodDetailsTitle: "",
detailsTitle: "",
summaryItemsTitle: "",
summaryShippingTitle: "",
summaryDiscountTitle: "",
summaryYouPayTitle: "",
summaryTotalTitle: "",
},
},
},
},
};
const settings = {
customization: {
visual: {
texts: {
formTitle: "string",
emailSectionTitle: "string",
installmentsSectionTitle: "string",
cardholderName: {
label: "string",
placeholder: "string",
},
email: {
label: "string",
placeholder: "string",
},
cardholderIdentification: {
label: "string",
},
cardNumber: {
label: "string",
placeholder: "string",
},
expirationDate: {
label: "string",
placeholder: "string",
},
securityCode: {
label: "string",
placeholder: "string",
},
entityType: {
placeholder: "string",
label: "string",
},
financialInstitution: {
placeholder: "string",
label: "string",
},
selectInstallments: "string",
selectIssuerBank: "string",
formSubmit: "string",
paymentMethods: {
newCreditCardTitle: "string",
creditCardTitle: "string",
creditCardValueProp: " string",
newDebitCardTitle: "string",
debitCardTitle: "string",
debitCardValueProp: "string",
ticketTitle: "string",
ticketValueProp: "string",
},
reviewConfirm: {
componentTitle: "string",
payerDetailsTitle: "string",
shippingDetailsTitle: "string",
billingDetailsTitle: "string",
paymentMethodDetailsTitle: "string",
detailsTitle: "string",
summaryItemsTitle: "string",
summaryShippingTitle: "string",
summaryDiscountTitle: "string",
summaryYouPayTitle: "string",
summaryTotalTitle: "string",
},
},
},
};
Para cambiar los textos de los métodos de pago fuera de línea (tickets, Pix y ATM, por ejemplo), dentro del objeto paymentMethods, use el patrón {paymentMethodId}{ValueProp/Title} .
Importante
Los textos personalizados solo se mostrarán si estos valores aparecen en Brick. Por ejemplo, si no se habilita el pago con
ticket, no se mostrarán los textos referentes al ticket en Brick.